:root{--tape:var(--sticker);--tape-ink:var(--sticker-ink);--trk-accent:var(--tape)}.tp{width:100%;max-width:1240px;padding:0 20px var(--foot-gap);box-sizing:border-box;margin:0 auto}.tp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,5vw,72px);margin-bottom:clamp(40px,6vw,80px);padding:clamp(36px,6vw,80px) 0 clamp(36px,5vw,64px);display:grid}.tp-kicker{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tape);align-items:center;gap:10px;margin:0 0 20px;font-size:12px;display:flex}.tp-copy h1{font-family:var(--f-display);text-transform:uppercase;font-weight:400;font-size:var(--hero-title);letter-spacing:-.004em;margin:0;line-height:.86}.tp-copy h1 em{color:var(--tape);font-style:normal}.tp-lede{max-width:40ch;color:var(--ink-2);text-wrap:pretty;margin:24px 0 30px;font-size:clamp(16px,1.4vw,18px)}.tp-stats{margin:0;display:flex}.tp-stats div{border-left:1px solid var(--line);padding:0 24px}.tp-stats div:first-child{border-left:0;padding-left:0}.tp-stats dt{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.tp-stats dd{font-family:var(--f-display);margin:0;font-size:clamp(32px,3.4vw,44px);line-height:1}.tp-rack{scroll-margin-top:96px}.tp-rack-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-bottom:16px;display:flex}.tp-rack-head h2{font-family:var(--f-display);text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:.95;display:flex}.tp-count{font-family:var(--f-mono);letter-spacing:.04em;color:var(--muted);text-transform:none;font-size:13px}.tp-genres .chip{padding:7px 14px;font-size:13px;transition:border-color .2s,color .2s,background .2s}.tp-genres .chip:hover{color:var(--ink);border-color:#f5ecd652}.tp-genres .chip[aria-pressed=true]{background:var(--tape);border-color:var(--tape);color:var(--tape-ink);font-weight:600}.tp-empty{text-align:center;color:var(--ink-2);border:1px dashed var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:72px 16px;display:flex}.tp-empty b{font-family:var(--f-display);text-transform:uppercase;color:var(--ink);font-size:30px;font-weight:400}.tp-empty .btn{margin-top:14px;text-decoration:none}.tp-grid{--gap:44px;gap:64px var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.tp-grid>li{min-width:0}.tcard{flex-direction:column;gap:12px;display:flex;position:relative;container-type:inline-size}.tc-link{color:inherit;border-radius:6px;outline:0;flex-direction:column;gap:14px;text-decoration:none;display:flex}.tc-link:focus-visible .tc-title{text-decoration:underline;text-decoration-color:var(--tape);text-underline-offset:5px;text-decoration-thickness:3px}.tc-stage{--cw:min(56cqi,236px);height:calc(var(--cw) * 2.08 + 17px);perspective:1000px;perspective-origin:50% 25%;position:relative}.tc-stage:after{content:"";width:calc(var(--cw) * 1.2);margin-left:calc(var(--cw) * -.6);filter:blur(3px);background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:16px;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s;position:absolute;bottom:12px;left:50%}.tc-case{--d:calc(var(--cw) * .22);z-index:1;width:var(--cw);aspect-ratio:70/110;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:17px;left:50%;transform:translate(-50%)rotateY(16deg)rotateX(2deg)}.tcard:is(:hover,:focus-within) .tc-case{transform:translate(-50%)translateY(-6px)rotateY(34deg)rotateX(5deg)}.tcard:is(:hover,:focus-within) .tc-stage:after{opacity:.75;transform:scale(.86)}.tc-front{transform:translateZ(calc(var(--d) / 2));background:linear-gradient(160deg,var(--bg-2),#0f0e0d);border-radius:2.5%/1.6%;position:absolute;inset:0;box-shadow:0 30px 34px -22px #000000e6}.tc-jcard,.tc-ph{border-radius:1px;width:95%;height:92.4%;display:block;position:absolute;top:3.8%;left:1.8%}.tc-jcard{opacity:0;transition:opacity .6s}.is-drawn .tc-jcard{opacity:1}.tc-ph{box-sizing:border-box;color:var(--ink-2);font-family:var(--f-display);font-size:calc(var(--cw) * .15);text-transform:uppercase;flex-direction:column;gap:4px;padding:16% 8%;line-height:.95;transition:opacity .4s;display:flex;overflow:hidden}.tc-ph small{font-family:var(--f-body);font-size:calc(var(--cw) * .06);letter-spacing:.06em;font-weight:600}.is-drawn .tc-ph{opacity:0}.tc-gloss{border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff4d 0%,#ffffff12 20%,#0000 34% 68%,#ffffff14 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3,inset 3px 0 #ffffff1a}.tc-spine{top:0;bottom:0;left:calc(var(--d) / -2);width:var(--d);background:linear-gradient(90deg,#0a0908,#1a1816 40%,#0f0e0d);border-radius:1px;position:absolute;overflow:hidden;transform:rotateY(-90deg)}.tc-spinecv{width:86%;height:92.4%;display:block;position:absolute;top:3.8%;left:7%}.tc-spine:after{content:"";background:linear-gradient(90deg,#fff3,#fff0 30% 70%,#ffffff1f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.tc-tape{transform:translateZ(calc(var(--d) * -.04));transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:4.4% 4.5%}.tc-shell{background:var(--shell);border-radius:4%/2.6%;width:100%;height:100%;display:block}.tcard:is(:hover,:focus-within) .tc-tape{transform:translateZ(calc(var(--d) * -.04)) translateY(-40%)}.tc-sticker{z-index:2;aspect-ratio:1;background:var(--lamp);width:38%;color:var(--lamp-ink);text-align:center;border-radius:50%;place-content:center;line-height:1;display:grid;position:absolute;top:-3%;right:-15%;transform:translateZ(1px)rotate(12deg);box-shadow:0 3px 8px #00000073,inset 0 0 0 1.5px #1211102e}.tc-sticker b{font-family:"Big Shoulders Display",var(--f-display);font-weight:900;font-size:calc(var(--cw) * .145);letter-spacing:-.01em}.tc-sticker small{font-weight:600;font-size:max(9px,calc(var(--cw) * .055));margin-top:1px}.tc-new{z-index:3;white-space:nowrap;background:var(--tape);color:var(--tape-ink);font-family:var(--f-mono);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:500;position:absolute;top:-2%;left:-10%;transform:translateZ(1px)rotate(-7deg);box-shadow:0 2px 6px #0006}.tc-ledge{left:calc(var(--gap) / -2);right:calc(var(--gap) / -2);z-index:2;pointer-events:none;background:repeating-linear-gradient(91deg,#3c1e0a00 0 9px,#3c1e0a1f 9px 10px,#ffdcaa0d 10px 19px), linear-gradient(to bottom,var(--wood-hi) 0 3px,var(--wood) 3px 12px,var(--wood-dark) 12px);border-radius:2px;height:17px;position:absolute;bottom:0;box-shadow:0 16px 26px -10px #000000d9,inset 0 1px #ffe6be40}.tc-meta{flex-direction:column;gap:3px;padding-top:4px;display:flex}.tc-title{font-family:var(--f-display);text-transform:uppercase;font-size:24px;font-weight:400;line-height:1.02;transition:color .25s}.tcard:is(:hover,:focus-within) .tc-title{color:var(--tape)}.tc-artist{color:var(--ink-2);font-size:14px}.tc-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.tc-spec{min-width:0;font-family:var(--f-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tcard.is-sold .tc-case,.tcard.is-sold .tc-meta{filter:grayscale(.85);opacity:.6}.tcard.is-sold .tc-sticker{background:#8f8572}.tcard.is-sold .tc-price{text-decoration:line-through}@media (hover:none){.tc-tape{transform:translateZ(calc(var(--d) * -.04)) translateY(-14%)}}.td{width:100%;max-width:1360px;padding:16px 20px var(--foot-gap);box-sizing:border-box;margin:0 auto}.td-crumbs{font-family:var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:10px;margin:4px 0 18px;font-size:12px;display:flex}.td-crumbs a{color:var(--ink-2);text-decoration:none}.td-crumbs a:hover{color:var(--tape)}.td-crumbs [aria-current]{color:var(--ink)}.td-grid{grid-template-columns:minmax(0,1.28fr) minmax(340px,.86fr);align-items:start;gap:clamp(20px,3vw,44px);display:grid}.td-stage{border:1px solid var(--line);isolation:isolate;background:radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--lamp) 12%,transparent),transparent 62%), radial-gradient(55% 45% at 50% 44%,#f5bb2a17,transparent 72%), linear-gradient(#1b1917,#0f0e0d);border-radius:24px;height:min(100vh - 112px,800px);min-height:540px;position:sticky;top:88px;overflow:hidden}.td-stage:before{content:"";z-index:-1;background:radial-gradient(circle at 1.5px 1.5px,#f5ecd60d .7px,#0000 1px) 0 0/6px 6px;position:absolute;inset:0;-webkit-mask:radial-gradient(80% 70% at 50% 45%,#000,#0000);mask:radial-gradient(80% 70% at 50% 45%,#000,#0000)}#tapeCanvas{touch-action:none;cursor:grab;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}#tapeCanvas:active{cursor:grabbing}#tapeCanvas:focus-visible{box-shadow:inset 0 0 0 2px var(--tape);border-radius:24px}.td-hint{color:var(--ink-2);border:1px solid var(--line);pointer-events:none;backdrop-filter:blur(6px);background:#12111099;border-radius:999px;margin:0;padding:6px 12px;font-size:13px;position:absolute;top:16px;left:16px}.td-fallback{place-items:center;padding:40px 40px 190px;display:grid;position:absolute;inset:0}.td-stage .loader{z-index:1;position:absolute;inset:0 0 190px}.td-fallback canvas{border-radius:3px;max-width:min(320px,70%);height:auto;max-height:100%;box-shadow:0 30px 50px -20px #000000e6}.deck{box-sizing:border-box;background:linear-gradient(#2c2824,#1c1a17);border:1px solid #f5ecd61f;border-radius:18px;width:min(580px,100% - 28px);padding:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 24px 44px -14px #000000d9,inset 0 1px #ffffff14}.deck:before{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.deck-face{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.deck-window{min-width:84px;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffae57;text-shadow:0 0 8px #ff963c8c;background:#0b0a09;border-radius:9px;flex-direction:column;gap:1px;padding:6px 12px;font-size:10.5px;display:flex;box-shadow:inset 0 2px 8px #000000e6,0 1px #ffffff0f}.deck-side b{margin-left:2px;font-size:15px;font-weight:500}.deck-status{color:#ffd8a8;opacity:.75}.deck[data-mode=play] .deck-status{color:#9bf0a4;text-shadow:0 0 8px #6ee68299;opacity:1}.deck[data-mode=ff] .deck-status,.deck[data-mode=rew] .deck-status{color:var(--tape);opacity:1;text-shadow:0 0 8px #ff8fb199}.deck-meter{flex-direction:column;gap:6px;min-width:0;display:flex}.deck-ch{align-items:center;gap:3px;display:flex}.deck-ch i{width:10px;font-style:normal;font-family:var(--f-mono);color:var(--muted);font-size:9px}.deck-ch b{background:#2a2622;border-radius:1.5px;flex:1;height:7px;transition:background 60ms;box-shadow:inset 0 1px 1px #0009}.deck-ch b.on{background:#6fd37c;box-shadow:0 0 6px #6fd37c99}.deck-ch b:nth-child(n+8).on{background:#f5bb2a;box-shadow:0 0 6px #f5bb2a99}.deck-ch b:nth-child(n+10).on{background:#ff5a4f;box-shadow:0 0 6px #ff5a4fb3}.deck-counter{background:#0b0a09;border-radius:7px;gap:2px;padding:5px 6px;display:flex;box-shadow:inset 0 2px 8px #000000e6,0 1px #ffffff0f}.dc-digit{background:linear-gradient(#cfc9be,#f4efe5 30% 70%,#bdb6aa);border-radius:2px;width:16px;height:24px;overflow:hidden;box-shadow:inset 0 0 3px #00000059}.dc-strip{flex-direction:column;transition:transform .22s cubic-bezier(.3,.7,.3,1);display:flex}.dc-strip i{text-align:center;height:24px;font-style:normal;line-height:24px;font-family:var(--f-mono);color:#16130f;font-size:16px;font-weight:500}.deck-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.dk{color:var(--ink-2);background:linear-gradient(#3d3833,#2a2622);border:0;border-radius:7px 7px 10px 10px;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;transition:transform 70ms,box-shadow 70ms,color .2s;display:flex;position:relative;box-shadow:0 4px #0c0b0a,0 6px 12px #00000080,inset 0 1px #ffffff1f}.dk span{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px}.dk svg{width:18px;height:18px}.dk:hover{color:var(--ink)}.dk:active,.dk[aria-pressed=true]{transform:translateY(3px);box-shadow:0 1px #0c0b0a,0 2px 4px #00000080,inset 0 2px 6px #00000059}.dk.hit:not([aria-pressed=true]){animation:.22s ease-out key-hit}@keyframes key-hit{0%{transform:translateY(3px);box-shadow:0 1px #0c0b0a,inset 0 2px 6px #00000059}}.dk[aria-pressed=true]{color:var(--tape)}.dk-play[aria-pressed=true]{color:#8ae896}.dk-eject{background:linear-gradient(#4a443d,#35302b)}.dk:focus-visible{outline:2px solid var(--tape);outline-offset:2px}.dk:disabled{cursor:default;opacity:.45;transform:none}.td-info{min-width:0;padding-top:6px}.td-kicker{flex-wrap:wrap;gap:6px;margin:0 0 16px;display:flex}.td-kicker span{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px}.td-kicker span:first-child{background:var(--tape);border-color:var(--tape);color:var(--tape-ink)}.td-info h1{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.004em;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(46px,5.6vw,88px);font-weight:400;line-height:.88}.td-artist{color:var(--ink-2);margin:0 0 18px;font-size:20px}.td-badges{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.badge.shell{align-items:center;gap:6px;display:inline-flex}.badge.shell i{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #f5ecd666}.td-buy{border:1px solid var(--line);background:var(--bg-2);border-radius:16px;align-items:center;gap:16px;margin-bottom:8px;padding:16px;display:flex}.td-buy .price{font-family:var(--f-mono);padding-left:4px;font-size:32px;font-weight:500}.td-buy .btn{flex:1}.td-info .stock{margin:0 0 24px 4px}.td-cond{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px;display:grid}.td-grade{border:1px solid var(--line);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:baseline;gap:3px 8px;padding:12px 14px;display:grid}.td-grade-k{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;font-size:10.5px}.td-grade b{font-size:15px;font-weight:600}.td-grade-c{font-family:var(--f-mono);color:var(--tape);font-size:12px}.td-cond p{color:var(--ink-2);grid-column:1/-1;margin:4px 0 0 2px;font-size:14px}.td-tracks{padding-bottom:4px}.td-ship{margin:18px 0 0 2px}.td-more{margin-top:clamp(72px,9vw,128px)}.td-more-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:40px;display:flex}.td-more-head h2{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:400;line-height:.95}.td-more-head a{font-family:var(--f-mono);color:var(--tape);white-space:nowrap;font-size:13px;text-decoration:none}.td-more-head a:hover{text-decoration:underline}@media (width<=980px){.tp-stats{margin-bottom:28px}.tp-hero{grid-template-columns:1fr}.ht{width:100%;max-width:580px;margin:0 auto;padding-top:0}.td-grid{grid-template-columns:minmax(0,1fr)}.td-stage{height:min(76vh,640px);min-height:500px;position:relative;top:0}}@media (width<=600px){.tp{padding:0 16px var(--foot-gap)}.td{padding:12px 12px var(--foot-gap)}.tp-stats div{padding:0 16px}.tp-grid{--gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:46px}.tc-title{font-size:19px}.tc-artist{font-size:13px}.tc-foot{flex-wrap:wrap}.tc-spec{display:none}.td-stage{border-radius:18px;min-height:460px}.deck{width:calc(100% - 20px);padding:10px;bottom:10px}.deck-face{grid-template-columns:auto 1fr auto}.deck-meter{visibility:hidden}.dk span{letter-spacing:.06em;font-size:8.5px}.td-cond{grid-template-columns:1fr}.td-buy .price{font-size:26px}}