.tc-tabletop-entry{min-height:0;background:#0001ff}.tc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tc-tabletop{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate}.tc-tabletop picture{display:block;width:100%;height:100%}.tc-baked-base,.tc-baked-open,.tc-mobile-sleeve{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.tc-baked-open{opacity:0;transition:opacity .28s ease}.is-browsing .tc-baked-open{opacity:1}.tc-mobile-sleeve{display:none}.tc-cover{position:absolute;top:0;left:0;width:200px;height:200px;max-width:none;transform-origin:0 0;object-fit:cover;pointer-events:none;z-index:2;filter:brightness(.88) saturate(.9);transition:transform .28s ease;backface-visibility:hidden}.tc-object-hit{position:absolute;z-index:3;display:block;background:transparent;border:0;color:white;cursor:pointer;padding:0;touch-action:pan-y}.tc-object-hit span{position:absolute;bottom:12%;left:30%;padding:9px 12px;background:#080847e8;font:700 10px var(--body);letter-spacing:.7px;opacity:0;transition:opacity .2s;white-space:nowrap}.tc-object-hit:hover span,.tc-object-hit:focus-visible span{opacity:1}.tc-object-hit:focus-visible{outline:3px solid white;outline-offset:-6px;background:#ffffff15}.tc-deck-hit{left:5%;top:0;width:49%;height:74%;clip-path:polygon(0 27%,79% 0,100% 72%,23% 100%)}.tc-crate-hit{left:53%;top:4%;width:46%;height:93%;clip-path:polygon(19% 0,100% 22%,80% 100%,0 74%)}.tc-calendar-hit{left:35%;top:66%;width:21%;height:31%;clip-path:polygon(5% 11%,81% 0,100% 80%,18% 100%)}.tc-crate-controls{display:flex;gap:20px;align-items:center;justify-content:flex-end;padding:18px 5vw;border-top:1px solid #ffffff40;font:12px/1.5 var(--body)}.tc-crate-controls p{margin:0;margin-right:auto;max-width:60%;overflow-wrap:anywhere}.tc-crate-controls button,.tc-crate-controls a{border:1px solid #ffffff90;background:transparent;color:white;padding:10px 14px;font:700 11px var(--body);cursor:pointer;white-space:nowrap}.tc-tabletop-entry .tc-object-nav{padding-top:22px}.tc-tabletop-entry .tc-object-nav span{opacity:.9}@media(max-width:600px){.tc-tabletop{aspect-ratio:9/16}.tc-baked-open{display:none}.tc-mobile-sleeve{display:block;clip-path:polygon(60.3% 58.75%,100% 65.86%,100% 84.53%,48.33% 75.78%);transition:transform .3s;transform:translateY(0)}.is-browsing .tc-mobile-sleeve{transform:translateY(-4%)}.tc-deck-hit{left:0;top:9%;width:82%;height:44%;clip-path:polygon(0 22%,80% 0,100% 82%,13% 100%)}.tc-crate-hit{left:43%;top:46%;width:57%;height:46%;clip-path:polygon(30% 0,100% 15%,100% 100%,0 69%)}.tc-calendar-hit{left:18%;top:76%;width:31%;height:17%;clip-path:polygon(0 12%,77% 0,100% 83%,20% 100%)}.tc-crate-controls{flex-wrap:wrap;justify-content:space-between;padding:18px 24px;gap:12px}.tc-crate-controls p{max-width:100%;width:100%;font-size:12px}.tc-crate-controls button,.tc-crate-controls a{font-size:10px;padding:10px}.tc-object-hit span{display:none}.tc-tabletop-entry .tc-object-nav{padding-top:0}}@media(prefers-reduced-motion:reduce){.tc-baked-open,.tc-cover,.tc-mobile-sleeve{transition:none}}

/* Stable hit planes: artwork animates without moving the pointer targets. */
.tc-vinyl-sleeve{background:transparent;border:0;box-shadow:none;transition:none}
.tc-vinyl-sleeve:after{display:none}
.tc-vinyl-sleeve img{transition:transform .35s ease;box-shadow:0 3px 4px #0007}
.tc-vinyl-sleeve.selected img{transform:translateY(-55px)}
.tc-crate-controls{background:#fff;color:#09074d;align-items:end;border-color:#ddd}
.tc-crate-controls p{max-width:70%;color:#09074d}
.tc-crate-controls p strong{display:block;font:clamp(26px,3vw,52px)/1.05 var(--display);letter-spacing:-1px}
.tc-crate-controls p span{display:block;font:16px/1.5 var(--body);margin-top:10px}
.tc-crate-controls a,.tc-crate-controls button{color:#09074d;border-color:#09074d}
.tc-tabletop-entry{background:#fff;color:#09074d}
.tc-tabletop-entry .tc-object-nav a,.tc-tabletop-entry .tc-object-nav button{color:#09074d;border-color:#ccc}
.tc-spinning-record{position:absolute;left:13.4%;top:5.8%;width:29.3%;aspect-ratio:1;transform:rotate(-18deg) scaleY(.92);pointer-events:none;z-index:2;border-radius:50%;overflow:hidden}
.tc-record-grooves{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle,#111 0px,#171717 1px,#0c0c0c 2px,#222 3px);animation:tc-turn 6s linear infinite;animation-play-state:paused;position:relative}
.tc-record-grooves:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -25deg,transparent 0deg,#ffffff08 20deg,#ffffff35 38deg,#ffffff08 60deg,transparent 90deg,transparent 170deg,#ffffff25 210deg,transparent 250deg,transparent 360deg);box-shadow:inset 0 0 4px #ffffff35;pointer-events:none}
.tc-record-grooves img{position:absolute;width:32%;height:32%;left:34%;top:34%;border-radius:50%;object-fit:cover}
.tc-tabletop:has(.tc-deck-hit:hover) .tc-record-grooves,.tc-tabletop:has(.tc-deck-hit:focus-visible) .tc-record-grooves{animation-play-state:running}
.tc-live-day{position:absolute;top:0;left:0;width:200px;height:200px;transform-origin:0 0;display:grid;place-items:center;background:#fafafa;color:#121212;font:700 145px/1 var(--body);pointer-events:none;z-index:2}
@keyframes tc-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){.tc-spinning-record{left:12%;top:17%;width:49%;transform:rotate(-18deg) scaleY(.99)}.tc-vinyl-sleeve.selected img{transform:translateY(-35px)}.tc-crate-controls p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.tc-record-grooves{animation:none}.tc-vinyl-sleeve img{transition:none}}
.tc-spinning-record{left:14.5%;top:10%;width:29.3%;transform:rotate(-18deg) scaleY(.98)}
.tc-record-grooves img{background:white}
@media(max-width:600px){.tc-spinning-record{left:10.5%;top:17.6%;width:50%;transform:rotate(-18deg) scaleY(.99)}}
.tc-live-day{display:flex;flex-direction:column;justify-content:center;gap:4px}.tc-live-day small{font:500 25px/1 var(--body);color:#0001ff}.tc-live-day strong{font:700 125px/1 var(--body)}
.tc-scene-paper{position:absolute;inset:0;background:#fff;clip-path:polygon(0 52%,11%46%,17%74%,52%53%,57%100%,0 100%);z-index:1;pointer-events:none}
.tc-tabletop .tc-live-day,.tc-tabletop .tc-calendar-hit{display:none}
.tc-tabletop .tc-crate-controls{position:absolute;left:3.5%;bottom:5%;width:49%;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0;border:0;background:transparent;transform:rotate(-18deg);transform-origin:0 100%;color:#000}
.tc-tabletop .tc-crate-controls p{width:100%;max-width:none;margin:0;color:#000;overflow-wrap:normal}
.tc-tabletop .tc-crate-controls p strong{font:900 clamp(20px,3.5vw,64px)/.95 var(--display);letter-spacing:-1.5px;text-transform:uppercase;text-wrap:balance}
.tc-tabletop .tc-crate-controls p span{font:900 clamp(13px,2vw,32px)/1 var(--display);margin:4px 0 0;text-transform:uppercase;text-wrap:balance}
.tc-tabletop .tc-crate-controls a{border:1px solid #000;border-radius:999px;padding:10px 32px;color:#000;font:800 13px var(--body);background:#fff}
.tc-tabletop .tc-crate-controls button{order:3;border:0;padding:8px;color:#444;font:10px var(--body);background:transparent}
.tc-tabletop .tc-crate-controls a:focus-visible{outline:3px solid #0001ff;outline-offset:4px}
@media(max-width:600px){.tc-scene-paper{clip-path:polygon(0 53%,38%49%,44%100%,0 100%)}.tc-tabletop .tc-crate-controls{left:4%;bottom:7%;width:42%;transform:rotate(-12deg);gap:8px}.tc-tabletop .tc-crate-controls p strong{font-size:clamp(18px,5.4vw,32px);letter-spacing:-.5px;overflow-wrap:break-word}.tc-tabletop .tc-crate-controls p span{font-size:12px;line-height:1.15}.tc-tabletop .tc-crate-controls a{font-size:10px;padding:9px 18px}.tc-tabletop .tc-crate-controls button{font-size:9px}}
@media(min-width:601px){.tc-tabletop .tc-crate-controls p strong{font-size:clamp(20px,3.15vw,58px)}.tc-tabletop .tc-crate-controls{bottom:3.5%}}
@media(max-width:600px){.tc-tabletop .tc-crate-controls{left:11%;width:32%;bottom:10%;transform:rotate(-10deg)}.tc-tabletop .tc-crate-controls p strong{font-size:18px}.tc-tabletop .tc-crate-controls p span{font-size:11px}.tc-tabletop .tc-crate-controls a{padding:8px 14px}}
/* Clean photographic tabletop; no masking geometry. */
.tc-active-art{position:absolute;left:0;top:0;width:200px;height:200px;max-width:none;transform-origin:0 0;object-fit:cover;z-index:35;pointer-events:none;box-shadow:0 2px 4px #0007}
.tc-active-art[hidden]{display:none}
.tc-tabletop .tc-vinyl-sleeve.selected img{transform:none}
.tc-tabletop .tc-crate-controls{left:7%;bottom:3%;width:41%;transform:rotate(-17deg);gap:10px;z-index:40}
.tc-tabletop .tc-crate-controls p strong{font-size:clamp(22px,2.8vw,48px);line-height:1;letter-spacing:-.8px;overflow-wrap:normal}
.tc-tabletop .tc-crate-controls p span{font:800 clamp(13px,1.4vw,23px)/1.2 var(--body);margin-top:7px}
.tc-tabletop .tc-crate-controls p small{display:block;font:400 clamp(10px,.85vw,14px)/1.4 var(--body);margin-top:6px;max-width:95%;text-transform:none;letter-spacing:0}
@media(max-width:600px){.tc-tabletop .tc-crate-controls{left:10%;bottom:11%;width:32%;transform:rotate(-9deg);gap:7px}.tc-tabletop .tc-crate-controls p strong{font-size:18px;letter-spacing:-.4px}.tc-tabletop .tc-crate-controls p span{font-size:12px}.tc-tabletop .tc-crate-controls p small{font-size:9px;line-height:1.3}.tc-tabletop .tc-crate-controls a{font-size:10px;padding:8px 14px}}
.tc-tabletop .tc-crate-controls{top:83%;bottom:auto;left:7%;transform:rotate(-12deg);transform-origin:0 0}
@media(max-width:600px){.tc-tabletop .tc-crate-controls{top:66%;bottom:auto;left:8%;width:33%;transform:rotate(-7deg);transform-origin:0 0}.tc-tabletop .tc-crate-controls p small{font-size:9px}}

