.cds{--tape:var(--sky);--trk-accent:var(--tape);--tape-ink:#0b2232;--vfd:#8ff1ff;--vfd-dim:#8ff1ff21}.cd-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ccard{flex-direction:column;gap:12px;display:flex;position:relative;container-type:inline-size}.cc-link{color:inherit;border-radius:6px;outline:0;flex-direction:column;gap:14px;text-decoration:none;display:flex}.cc-link:focus-visible .cc-title{text-decoration:underline;text-decoration-color:var(--tape);text-underline-offset:5px;text-decoration-thickness:3px}.cc-stage{--cw:min(66cqi,250px);height:calc(var(--cw) * .88 + 17px + 34px);perspective:1100px;perspective-origin:50% 30%;position:relative}.cc-stage:after{content:"";width:calc(var(--cw) * 1.25);margin-left:calc(var(--cw) * -.7);filter:blur(3px);background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:16px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:12px;left:50%}.cc-case{--d:calc(var(--cw) * .073);z-index:1;width:var(--cw);aspect-ratio:142/125;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:17px;left:50%;transform:translate(-62%)rotateY(18deg)rotateX(3deg)}.ccard:is(:hover,:focus-within) .cc-case{transform:translate(-70%)translateY(-6px)rotateY(8deg)rotateX(4deg)}.ccard:is(:hover,:focus-within) .cc-stage:after{transform:translate(-6%)scaleX(1.06)}.cc-front{transform:translateZ(calc(var(--d) / 2));background:linear-gradient(135deg,#ffffff24,#ffffff0a);border-radius:1.6%;position:absolute;inset:0;box-shadow:0 30px 34px -22px #000000e6,inset 0 0 0 1px #ffffff42}.cc-book,.cc-ph{border-radius:1px;width:84.5%;height:96%;display:block;position:absolute;top:2%;bottom:2%;left:9%}.cc-book{opacity:0;transition:opacity .6s}.is-drawn .cc-book{opacity:1}.cc-ph{box-sizing:border-box;color:var(--ink-2);background:var(--bg-2);font-family:var(--f-display);font-size:calc(var(--cw) * .12);text-transform:uppercase;flex-direction:column;gap:4px;padding:12% 8%;line-height:.95;transition:opacity .4s;display:flex;overflow:hidden}.cc-ph small{font-family:var(--f-body);font-size:calc(var(--cw) * .05);letter-spacing:.06em;font-weight:600}.is-drawn .cc-ph{opacity:0}.cc-hinge{background:repeating-linear-gradient(0deg,#ffffff24 0 2px,#ffffff0a 2px 9px),linear-gradient(90deg,#fff3,#ffffff0f);border-radius:1.6% 0 0 1.6%;width:7%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #ffffff47}.cc-gloss{border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff52 0%,#ffffff12 20%,#0000 34% 68%,#ffffff17 100%);position:absolute;inset:0}.cc-spine{top:0;bottom:0;left:calc(var(--d) / -2);width:var(--d);background:#141210;border-radius:1px;position:absolute;overflow:hidden;transform:rotateY(-90deg)}.cc-spinecv{width:100%;height:100%;display:block;position:absolute;inset:0}.cc-spine:after{content:"";background:linear-gradient(90deg,#ffffff38,#fff0 35% 70%,#ffffff1f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.cc-disc{aspect-ratio:1;width:84.5%;transform:translateZ(calc(var(--d) * -.1));border-radius:50%;transition:transform .85s cubic-bezier(.2,.8,.2,1);position:absolute;top:2%;left:9%}.cc-discart{filter:drop-shadow(0 10px 14px #0000008c);background:radial-gradient(circle,#0000 0 6.25%,#cfd5db 6.5%);border-radius:50%;width:100%;height:100%;animation:1.7s linear infinite paused spin;display:block}.cc-shine{pointer-events:none;mix-blend-mode:screen;opacity:0;background:conic-gradient(from 200deg,transparent 0 5%,#7850ff52 8%,#3cc8ff5c 10%,#50ffa052 12%,#fff05a5c 14%,#ff6e5a4d 16%,transparent 19% 52%,#7850ff3d 55%,#3cc8ff47 57%,#50ffa03d 59%,#fff05a47 61%,transparent 64%);border-radius:50%;transition:opacity .6s;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 30%,#000 32% 97%,#0000 98%);mask:radial-gradient(circle closest-side,#0000 0 30%,#000 32% 97%,#0000 98%)}.ccard:is(:hover,:focus-within) .cc-disc{transform:translateZ(calc(var(--d) * -.1)) translateX(58%) translateY(-6%)}.ccard:is(:hover,:focus-within) .cc-discart{animation-play-state:running}.ccard:is(:hover,:focus-within) .cc-shine{opacity:.85}.cc-sticker{z-index:2;aspect-ratio:1;background:var(--lamp);width:26%;color:var(--lamp-ink);text-align:center;border-radius:50%;place-content:center;line-height:1;display:grid;position:absolute;top:-5%;right:-5%;transform:translateZ(1px)rotate(12deg);box-shadow:0 3px 8px #00000073,inset 0 0 0 1.5px #1211102e}.cc-sticker b{font-family:"Big Shoulders Display",var(--f-display);font-weight:900;font-size:calc(var(--cw) * .095);letter-spacing:-.01em}.cc-sticker small{font-weight:600;font-size:max(9px,calc(var(--cw) * .038));margin-top:1px}.cc-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:-4%;left:-4%;transform:translateZ(1px)rotate(-7deg);box-shadow:0 2px 6px #0006}.cc-meta{flex-direction:column;gap:3px;padding-top:4px;display:flex}.cc-title{font-family:var(--f-display);text-transform:uppercase;font-size:24px;font-weight:400;line-height:1.02;transition:color .25s}.ccard:is(:hover,:focus-within) .cc-title{color:var(--tape)}.cc-artist{color:var(--ink-2);font-size:14px}.cc-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.cc-spec{min-width:0;font-family:var(--f-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ccard.is-sold .cc-case,.ccard.is-sold .cc-meta{filter:grayscale(.85);opacity:.6}.ccard.is-sold .cc-sticker{background:#8f8572}.ccard.is-sold .cc-price{text-decoration:line-through}@media (hover:none){.cc-disc{transform:translateZ(calc(var(--d) * -.1)) translateX(20%)}}.cd-stage{min-height:600px}#cdCanvas{touch-action:none;cursor:grab;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}#cdCanvas:active{cursor:grabbing}#cdCanvas:focus-visible{box-shadow:inset 0 0 0 2px var(--tape);border-radius:24px}.cd-stage .td-fallback{padding-bottom:250px}.badge.tray{align-items:center;gap:6px;display:inline-flex}.badge.tray i{border-radius:2px;width:9px;height:9px;box-shadow:0 0 0 1px #f5ecd666}.tray-black{background:#141312}.tray-clear{background:linear-gradient(135deg,#fff9,#ffffff1a)}.player{box-sizing:border-box;color:#26292c;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#00000009 1px 2px,#fff0 2px 4px),linear-gradient(#e3e6e9,#c5c9ce 55%,#aeb3b8);border-radius:18px;width:min(600px,100% - 28px);padding:10px 12px 12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 24px 44px -14px #000000d9,inset 0 1px #ffffffd9,inset 0 -1px #00000040,0 0 0 1px #00000059}.pl-top{align-items:center;gap:12px;margin:0 2px 9px;display:flex}.pl-brand{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#4c5156;white-space:nowrap;font-size:10px}.pl-brand b{color:#1b1d20;font-weight:500}.pl-slot{background:linear-gradient(#1a1c1e,#3a3d40);border-radius:4px;flex:1;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #000c,0 1px #ffffffb3}.pl-slot i{background:linear-gradient(90deg,#0000,#9fd6ff8c,#0000);position:absolute;inset:0;transform:translate(-100%)}.player[data-mode=play] .pl-slot i{animation:2.6s ease-in-out infinite slot-scan}@keyframes slot-scan{to{transform:translate(100%)}}.pl-led{background:#59605f;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:inset 0 1px 1px #00000080}.pl-led.on{background:var(--sky);box-shadow:0 0 8px 2px #9fd6ffcc}.vfd{color:var(--vfd);text-shadow:0 0 6px #8ff1ff8c;background:radial-gradient(120% 140% at 50% 0,#0b1d26,#040a0e 70%);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;margin-bottom:10px;padding:10px 14px 9px;display:grid;box-shadow:inset 0 2px 10px #000000e6,inset 0 0 0 1px #8ff1ff0f,0 1px #fff9}.vfd-num{flex-direction:column;gap:1px;min-width:0;display:flex}.vfd-k{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.6;font-size:9px}.vfd-trk,.vfd-time{font-family:var(--f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:500;line-height:1}.vfd-time{min-width:4.2ch}.player[data-mode=pause] .vfd-time{animation:1s step-end infinite vfd-blink}@keyframes vfd-blink{50%{opacity:.15}}.vfd-mid{flex-direction:column;gap:5px;min-width:0;display:flex}.vfd-status{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:flex}.vfd-icon{border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vfd-dim);width:0;height:0}.player[data-mode=play] .vfd-icon{border-left-color:var(--vfd);filter:drop-shadow(0 0 3px #8ff1ffb3)}.player[data-mode=pause] .vfd-icon{border:0;border-left:3px solid var(--vfd);border-right:3px solid var(--vfd);box-sizing:border-box;width:8px;height:10px}.vfd-cal{font-family:var(--f-mono);text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px 4px;margin:0;padding:0;font-size:10px;line-height:1.25;list-style:none;display:grid}.vfd-cal li{opacity:.75;transition:opacity .3s}.vfd-cal li.gone{opacity:.12}.vfd-cal li.on{opacity:1;animation:1.1s step-end infinite vfd-blink}.vfd-spec{grid-area:1/4;align-items:flex-end;gap:2px;height:34px;display:flex}.vfd-spec b{--v:0;background:linear-gradient(to top,var(--vfd) 0 calc(var(--v) * 100%),var(--vfd-dim) calc(var(--v) * 100%));border-radius:1px;width:5px;height:100%;-webkit-mask:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 4px);mask:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 4px)}.vfd-title{white-space:nowrap;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #8ff1ff1f;grid-column:1/-1;padding-top:6px;font-size:12px;overflow:hidden}.vfd-title span{display:inline-block}.vfd-title.scroll span{padding-left:100%;animation:11s linear infinite vfd-marquee}@keyframes vfd-marquee{to{transform:translate(-100%)}}.pl-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.pk{color:#2a2d31;background:repeating-linear-gradient(90deg,#ffffff14 0 1px,#00000008 1px 2px),linear-gradient(#f2f4f6,#cfd3d7);border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 0 7px;transition:transform 70ms,box-shadow 70ms,color .2s;display:flex;position:relative;box-shadow:0 3px #868b90,0 5px 10px #00000059,inset 0 1px #fff}.pk span{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#4c5156;font-size:9.5px}.pk svg{width:18px;height:18px}.pk:hover{color:#000}.pk:active,.pk[aria-pressed=true]{transform:translateY(2px);box-shadow:0 1px #868b90,0 2px 4px #00000059,inset 0 2px 5px #0000002e}.pk.hit:not([aria-pressed=true]){animation:.22s ease-out pk-hit}@keyframes pk-hit{0%{transform:translateY(2px);box-shadow:0 1px #868b90,inset 0 2px 5px #0000002e}}.pk-play[aria-pressed=true]{color:#0a6e9c}.pk-play .i-pause,.player[data-mode=play] .pk-play .i-play{display:none}.player[data-mode=play] .pk-play .i-pause{display:inline}.pk:focus-visible{outline:2px solid var(--tape);outline-offset:2px}.pk:disabled{cursor:default;opacity:.45;transform:none}@media (width<=980px){.cd-stage{height:min(80vh,680px);min-height:580px}}@media (width<=600px){.cd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-stage{--cw:min(74cqi,250px)}.cc-title{font-size:19px}.cc-artist{font-size:13px}.cc-foot{flex-wrap:wrap}.cc-spec{display:none}.cd-stage{min-height:560px}.player{width:calc(100% - 20px);padding:8px 9px 10px;bottom:10px}.pl-brand{display:none}.vfd{grid-template-columns:auto auto minmax(0,1fr);gap:5px 10px;padding:8px 10px}.vfd-spec{display:none}.vfd-trk,.vfd-time{font-size:21px}.vfd-cal{font-size:9px}.pl-keys{gap:6px}.pk span{letter-spacing:.06em;font-size:8.5px}}@media (prefers-reduced-motion:reduce){.cc-discart,.pl-slot i,.vfd-title span,.vfd-cal li,.vfd-time{animation:none!important}}