:root{--night: #0c070d;--plum: #2a1324;--amber: #ffad42;--tung: #ffd79a;--cream: #f6e6c8;--paper: #efe0c4;--rose: #ff7a85;--rust: #e0543a;--gold: #ffcf5c;--ink: #2a1426;--walnut: #4a2c1c;--disp: "Avenir Next Condensed", "DIN Condensed", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, sans-serif;--text: "Gill Sans", "Gill Sans MT", "Optima", "Segoe UI", system-ui, sans-serif;--led: "DIN Alternate", "Menlo", "Consolas", ui-monospace, monospace}html,body{background:radial-gradient(ellipse 80% 70% at 50% 40%,#2a1324,#07040a 75%) var(--night);color:var(--cream);font-family:var(--text)}.stage{background:var(--night)}.hud{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none}.knob{border-radius:50%;border:0;position:relative;background:radial-gradient(circle at 35% 30%,#f4f1ea,#b5b0a8 45%,#6d6862 80%,#3d3936);box-shadow:0 0 0 2px #1a1214,0 0 0 3.5px #ffad4259,0 6px 14px #0000008c}.knob:before{content:"";position:absolute;inset:4px;border-radius:50%;background:repeating-conic-gradient(#00000012 0 4deg,#ffffff12 4deg 8deg);pointer-events:none}.btn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;color:#2a1426;text-decoration:none;transition:transform .12s ease}.btn:active{transform:scale(.92) rotate(-20deg)}.btn svg{position:relative;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mute .spk{fill:currentColor;stroke:none}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:var(--rust)}.board{display:flex;flex-direction:column;align-items:center}.score{min-width:4.4ch;padding:3px 14px 1px;text-align:center;font:700 28px/1.05 var(--led);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--amber);background:#0a0506;border-radius:6px;box-shadow:inset 0 0 0 1px #ffad4240,0 4px 12px #00000080;text-shadow:0 0 8px rgba(255,140,50,.55);transition:transform .25s cubic-bezier(.2,1.6,.4,1)}.score.pop{transform:scale(1.1)}.meta{display:flex;gap:6px;margin-top:5px;align-items:center}.mult{padding:2px 8px 1px;font:800 13px/1.3 var(--disp);letter-spacing:.08em;border-radius:10px;background:#1a1013;color:var(--tung);border:1px solid rgba(255,173,66,.4);transition:transform .3s cubic-bezier(.2,1.6,.4,1),background .3s}.mult.hot{background:var(--amber);color:var(--ink);border-color:var(--tung)}.mult.pop{transform:scale(1.3)}.floor{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:10px;background:#1a1013e6;border:1px solid rgba(255,173,66,.4)}.floor svg{width:15px;height:15px;fill:var(--tung)}.floor i{display:block;width:66px;height:7px;border-radius:4px;background:#000;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.floor b{display:block;height:100%;width:50%;border-radius:4px;background:linear-gradient(90deg,var(--rose),var(--amber) 55%,var(--gold));transition:width .3s ease}.floor.low{border-color:var(--rust);animation:shake .6s ease infinite}.floor.low svg{fill:var(--rust)}.floor.low b{background:repeating-linear-gradient(-45deg,var(--rust) 0 4px,#8a2a1c 4px 8px)}@keyframes shake{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.title,.card,.paused{position:absolute;z-index:2;pointer-events:none;text-align:center}.pill,.sheet{pointer-events:auto}.sleeve{position:relative;width:min(312px,calc(100vw - 36px));margin:0 auto;padding:22px 18px 16px;color:var(--ink);background:linear-gradient(170deg,#f7ead1,#e6d1ab);border-radius:4px;box-shadow:0 26px 60px #0009,inset 0 0 0 1px #ffffff59;overflow:hidden}.sleeve:before{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(90deg,var(--rust),var(--amber))}.sleeve:after{content:"";position:absolute;right:-58px;top:-58px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--rust) 0 15%,#120a0c 16% 60%,#2a2024 61% 62%,#120a0c 63%);opacity:.9}.kicker{position:relative;font:700 11px/1 var(--disp);letter-spacing:.32em;text-transform:uppercase;color:#8a3a28;text-align:left}.title{inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(64px + var(--safe-t)) 18px calc(30px + var(--safe-b));background:radial-gradient(ellipse 90% 55% at 50% 50%,#0804088c,#0804081a 75%,#08040800)}.title.fade{animation:fadeOut .45s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(14px) rotate(1deg)}}.title h1{position:relative;margin:8px 0 0;text-align:left;font:800 clamp(56px,18vw,72px)/.9 var(--disp);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}.sub{position:relative;margin:6px 0 0;text-align:left;font:600 13px/1.3 var(--text);letter-spacing:.06em;color:#6a3a2c}.legend{display:flex;gap:10px;justify-content:center;margin:14px 0 4px}.legend figure{margin:0;flex:1;height:72px;display:grid;place-items:center;background:#24130f;border-radius:4px;box-shadow:inset 0 0 0 1px #ffad424d}.legend svg{width:100px;height:68px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.legend .vinyl{fill:#0a0809;stroke:#b5b0a8;stroke-width:2}.legend .lab{fill:var(--rust)}.legend .spin,.legend .spinhead{stroke:var(--cream);stroke-width:2.4;stroke-dasharray:2 5}.legend .spinhead{stroke-dasharray:none}.legend .finger{fill:var(--tung);offset-path:path("M17 22a25 25 0 0 1 32-12");animation:circ 2.2s ease-in-out infinite}@keyframes circ{0%{offset-distance:0%}70%,to{offset-distance:100%}}.legend .ring{stroke:var(--amber);stroke-width:4;opacity:.7;animation:thump .5s ease-out infinite}@keyframes thump{0%{stroke-width:6;opacity:1}to{stroke-width:3;opacity:.55}}.legend .mark{fill:var(--amber)}.legend .dot{fill:var(--gold);transform-origin:40px 34px;animation:home 3s ease-in-out infinite}@keyframes home{0%{transform:rotate(-80deg);fill:var(--rose)}60%,to{transform:rotate(0);fill:var(--gold)}}.cta{position:relative;margin-top:12px;font:800 15px/1.3 var(--disp);letter-spacing:.22em;text-transform:uppercase;color:#b3302b;animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.best{margin-top:6px;font:700 13px/1 var(--led);letter-spacing:.08em;color:#6a3a2c}.row2{position:relative;display:flex;gap:10px;justify-content:center;margin:12px 0 8px}.pill{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:0;border-radius:22px;font:800 13px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--tung);background:#24130f;box-shadow:inset 0 0 0 1px #ffad4273,0 3px 8px #0000004d;transition:transform .12s ease}.pill:active{transform:scale(.95)}.pill.hot{background:var(--rust);color:#fff4e2}.pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card{left:50%;top:50%;transform:translate(-50%,-46%) rotate(-1.5deg) scale(.96);opacity:0;transition:opacity .35s ease,transform .55s cubic-bezier(.2,1.4,.4,1)}.card.show{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.card .sleeve{padding-top:18px}.big{position:relative;text-align:left;font:700 60px/1 var(--led);margin-top:6px;color:var(--ink);font-variant-numeric:tabular-nums}.label{position:relative;text-align:left;font:700 11px/1 var(--disp);letter-spacing:.34em;text-transform:uppercase;color:#8a3a28}.newbest{position:absolute;right:16px;top:76px;padding:6px 10px 5px;font:800 12px/1 var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--gold);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;line-height:1.1;box-shadow:0 0 0 3px #f7ead1,0 0 0 5px var(--rust);transform:rotate(12deg);animation:stamp 1.6s ease-in-out infinite}@keyframes stamp{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(12deg) scale(1.08)}}.press{display:block;width:132px;height:132px;margin:10px auto 0;border-radius:3px;box-shadow:0 8px 18px #2a142659;transform:rotate(-2deg)}.card.show .press{animation:pressOut .7s cubic-bezier(.2,1.3,.4,1) .25s both}@keyframes pressOut{0%{opacity:0;transform:translateY(18px) rotate(-9deg) scale(.86)}to{opacity:1;transform:rotate(-2deg)}}.rows{position:relative;margin:10px 0 0;border-top:2px solid var(--ink)}.row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 2px 4px;border-bottom:1px solid rgba(42,20,38,.18);font:700 11px/1.2 var(--disp);letter-spacing:.18em;text-transform:uppercase;color:#6a3a2c}.row b{font:700 18px/1 var(--led);color:var(--ink);font-variant-numeric:tabular-nums}.sheet{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(20px + var(--safe-t)) 16px calc(20px + var(--safe-b));background:#080408d1}.calpad{position:relative;width:190px;height:190px;margin:16px auto 8px;border-radius:50%;cursor:pointer;touch-action:none;background:radial-gradient(circle,var(--rust) 0 17%,#e8e2d8 17.5% 19%,#120a0c 19.5% 62%,#2a2024 63% 64%,#120a0c 65% 96%,#8d8983 97%);box-shadow:0 10px 28px #00000073}.calring{position:absolute;inset:-9px;border-radius:50%;border:5px solid var(--amber);opacity:.25;transition:opacity .25s ease,transform .25s ease}.calring.on{opacity:1;transform:scale(1.05);transition:none}.calpad.tap{transform:scale(.97)}.calhand{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:var(--tung);opacity:0}.calpad.tap .calhand{opacity:.8}.pips{display:flex;gap:6px;justify-content:center;margin:6px 0}.pips i{width:10px;height:10px;border-radius:50%;background:#2a14262e}.pips i.on{background:var(--rust)}.pips i.tap{background:var(--gold);box-shadow:0 0 0 2px var(--ink)}.calmsg{min-height:22px;font:800 16px/1.3 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.sleeve.wide{width:min(340px,calc(100vw - 28px));max-height:calc(100% - 20px);display:flex;flex-direction:column}.crate{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;overflow-y:auto;padding:4px 2px 6px}.crate figure{margin:0}.crate img{display:block;width:100%;aspect-ratio:1;border-radius:2px;box-shadow:0 4px 10px #2a142659}.crate figure:nth-child(odd) img{transform:rotate(-1.5deg)}.crate figcaption{margin-top:4px;font:700 11px/1.1 var(--led);color:var(--ink)}.crate figcaption span{display:block;font:600 9px/1.2 var(--disp);letter-spacing:.1em;color:#8a3a28}.empty{margin:30px 0 18px;font:700 14px/1.3 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:#8a3a28}.paused{inset:0;display:grid;place-items:center;background:#080408a6}.paused .cta{color:var(--tung)}@media(max-height:700px){.title{padding-top:calc(60px + var(--safe-t))}.title h1{font-size:52px}.legend figure{height:60px}.big{font-size:48px}.press{width:104px;height:104px}.row{padding:4px 2px 3px}.calpad{width:160px;height:160px}}@media(prefers-reduced-motion:reduce){.cta,.newbest,.legend .finger,.legend .ring,.legend .dot,.floor.low{animation:none;opacity:1}.score,.mult{transition:none}.card.show .press{animation:none}}.crate figure{cursor:pointer}.crate figure.pinned img{box-shadow:0 0 0 2px var(--amber),0 4px 10px #2a142659}.crate figure.pinned figcaption:before{content:"★";color:var(--rust)}.big-keep{display:block;width:min(250px,66vw);aspect-ratio:1;margin:14px auto 6px;border-radius:2px;box-shadow:0 8px 20px #2a142666}.dcap{margin-bottom:4px;font:700 13px/1.3 var(--led);color:var(--ink)}#gDetail .row2{flex-wrap:wrap;gap:8px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;border-radius:4px;font:700 9px/1.2 var(--disp);letter-spacing:.08em;background:#0000002e}