:root{--room: #140a0b;--cabinet: #2b1417;--cabinet-deep: #1d0d0f;--panel: #351a1e;--panel-deep: #241114;--tile: #17181a;--tile-deep: #0e0f11;--bone: #f2e6c8;--bone-dim: #cfa987;--brass: #d9a441;--brass-dim: #8a6a2f;--beat: #e0492f;--beat-hot: #ff8a66;--beat-deep: #8f2517;--bot: #3fa8b8;--bot-hot: #9fe0e8;--bot-deep: #1e5f6b;--lamp: #ffb84d;--lamp-hot: #fff3d6;--lamp-off: #453026;--signal-red: #e03434;--font-marquee: "Alfa Slab One", "Rockwell", "Roboto Slab", serif;--font-flap: "Oswald", "Arial Narrow", sans-serif;--font-plate: "Barlow", "Segoe UI", sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(120% 90% at 50% 0%,#221114 0%,var(--room) 55%,#0d0607 100%);color:var(--bone);font-family:var(--font-plate);min-height:100vh;caret-color:var(--lamp)}::selection{background:var(--brass);color:var(--cabinet-deep)}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--brass-dim) var(--room)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--room)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--brass-dim),#6b501f);border-radius:5px;border:2px solid var(--room)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hall{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(10px,3vh,32px) 12px}.cabinet{width:min(680px,100%);background:var(--grain),linear-gradient(172deg,#35191d 0%,var(--cabinet) 38%,#241013 78%,var(--cabinet-deep) 100%);border:1px solid #4a2622;border-radius:18px;box-shadow:inset 0 1px #ffdcaa1a,inset 0 -2px 6px #0000008c,0 24px 60px -18px #000000d9,0 8px 22px -8px #000000b3;padding:clamp(14px,2.4vw,24px);position:relative}.cabinet:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(217,164,65,.38);border-radius:13px;pointer-events:none;box-shadow:inset 0 0 0 1px #0006}.deck{display:flex;flex-direction:column;gap:clamp(10px,1.8vh,16px)}.panel{background:var(--grain),linear-gradient(178deg,var(--panel) 0%,var(--panel-deep) 100%);border:1px solid rgba(217,164,65,.16);border-radius:10px;box-shadow:inset 0 1px #ffe0b212,inset 0 -1px 2px #00000080,0 6px 14px -6px #000000a6}.placard{font-family:var(--font-flap);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);text-shadow:0 -1px 0 rgba(0,0,0,.85),0 1px 0 rgba(255,230,180,.07)}.marquee{padding:clamp(14px,2.6vw,22px) 16px clamp(10px,2vw,16px);text-align:center;background:var(--grain),linear-gradient(180deg,#101113 0%,var(--tile) 55%,#0c0d0f 100%);border:1px solid rgba(217,164,65,.28);border-radius:12px;box-shadow:inset 0 0 34px #000000b3,inset 0 1px #ffe0b20f,0 8px 18px -8px #000000b3;position:relative;overflow:hidden}.marquee:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 120% at 50% 10%,rgba(255,184,77,.13),transparent 65%);pointer-events:none}.marquee h1{margin:0;text-transform:uppercase;font-family:var(--font-marquee);font-weight:400;font-size:clamp(2.1rem,8.2vw,3.9rem);line-height:1;letter-spacing:.015em}.marquee .word-beat{color:var(--beat);text-shadow:0 3px 0 #571208,0 6px 14px rgba(0,0,0,.6)}.marquee .word-or{color:var(--bone);font-size:.42em;vertical-align:.42em;margin:0 .35em;text-shadow:0 2px 0 #4a3a18,0 4px 10px rgba(0,0,0,.6)}.marquee .word-bot{color:var(--bot);text-shadow:0 3px 0 #0e3b44,0 6px 14px rgba(0,0,0,.6)}.marquee .tagline{margin:10px auto 0;font-size:clamp(.62rem,1.9vw,.78rem);position:relative}.instruments{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:clamp(8px,1.6vw,14px);padding:clamp(10px,1.8vw,14px)}.instrument{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px}.instrument .placard{font-size:.62rem}.drum-bank{display:flex;gap:4px;padding:6px;background:#0b0c0d;border-radius:7px;box-shadow:inset 0 3px 8px #000000d9,inset 0 -1px #ffe0b20d,0 1px #ffe0b20f;border:1px solid rgba(217,164,65,.22)}.drum{position:relative;width:1.5em;height:1.9em;font-family:var(--font-flap);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.45rem);overflow:hidden;border-radius:3px;background:linear-gradient(180deg,#060707,#131416 50%,#060707)}.drum-strip{display:flex;flex-direction:column;transition:transform .65s cubic-bezier(.22,.9,.3,1.04);will-change:transform}.drum-strip span{height:1.9em;line-height:1.9em;text-align:center;color:var(--bone)}.drum:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 32%,transparent 66%,rgba(0,0,0,.7));pointer-events:none}.drum-slash{align-self:center;font-family:var(--font-flap);color:var(--bone-dim);font-size:1rem;padding:0 2px}.lamps{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vw,12px);flex:1}.lamp{display:flex;flex-direction:column;align-items:center;gap:4px}.lamp .bulb{width:clamp(13px,2.4vw,17px);height:clamp(13px,2.4vw,17px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#59413a,var(--lamp-off) 60%,#2a1c16);box-shadow:inset 0 -2px 3px #0009,0 1px 2px #000000b3;border:1px solid rgba(0,0,0,.55);transition:background .25s ease-out,box-shadow .25s ease-out}.lamp .lamp-n{font-family:var(--font-flap);font-size:.62rem;color:#c39b7b;letter-spacing:.05em}.lamp.current .bulb{background:radial-gradient(circle at 35% 30%,var(--lamp-hot),var(--lamp) 55%,#b0722a);box-shadow:0 2px 10px 1px #ffb84d8c,inset 0 -1px 2px #783c0080;animation:lamp-breathe 1.6s ease-in-out infinite}.lamp.correct .bulb{background:radial-gradient(circle at 35% 30%,var(--lamp-hot),var(--lamp) 60%,#c07f2e);box-shadow:0 2px 8px #ffb84d73,inset 0 -1px 2px #783c0080}.lamp.wrong .bulb{background:radial-gradient(circle at 35% 30%,#ff8f7d,var(--signal-red) 60%,#6e1410);box-shadow:0 2px 8px #e0343466,inset 0 -1px 2px #50080899}@keyframes lamp-breathe{0%,to{box-shadow:0 2px 10px 1px #ffb84d8c,inset 0 -1px 2px #783c0080}50%{box-shadow:0 2px 16px 3px #ffb84dcc,inset 0 -1px 2px #783c0080}}.vu{border-radius:7px;padding:4px;background:#0b0c0d;border:1px solid rgba(217,164,65,.22);box-shadow:inset 0 3px 8px #000000d9,0 1px #ffe0b20f}.vu svg{display:block;width:clamp(108px,16vw,150px);height:auto}.window{position:relative;min-height:clamp(180px,30vh,230px);border-radius:12px;background:linear-gradient(160deg,rgba(255,240,210,.045) 0%,transparent 28%),linear-gradient(180deg,#0d0708,#120a0b 60%,#0a0506);border:1px solid rgba(217,164,65,.2);box-shadow:inset 0 4px 22px #000000d9,inset 0 -1px #ffe0b20a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(16px,3vw,24px);overflow:hidden}.start-btn{width:clamp(108px,18vw,132px);height:clamp(108px,18vw,132px);border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffe9b0 0%,var(--brass) 34%,#a3742a 68%,#6b4c1c 100%);border:4px solid #4a3413;box-shadow:0 6px #3a2a10,0 10px 26px #000000b3,0 0 34px #ffb84d38,inset 0 2px 3px #fff6dc80;color:#3a2408;font-family:var(--font-marquee);text-transform:uppercase;font-size:clamp(1.35rem,3vw,1.7rem);letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,240,200,.5);transition:transform .08s ease-out,box-shadow .12s ease-out;animation:start-pulse 2.4s ease-in-out infinite}@keyframes start-pulse{0%,to{box-shadow:0 6px #3a2a10,0 10px 26px #000000b3,0 0 26px #ffb84d29,inset 0 2px 3px #fff6dc80}50%{box-shadow:0 6px #3a2a10,0 10px 26px #000000b3,0 0 46px #ffb84d61,inset 0 2px 3px #fff6dc80}}.start-btn:disabled{filter:brightness(.5) saturate(.7);animation:none;box-shadow:0 6px #3a2a10,0 10px 26px #000000b3,inset 0 2px 3px #fff6dc33}.start-btn:active{transform:translateY(4px);box-shadow:0 2px #3a2a10,0 6px 14px #000000b3,inset 0 2px 3px #fff6dc80}.start-hint{font-size:.68rem;position:relative}.now-playing{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.track-title{display:flex;align-items:baseline;gap:12px;font-family:var(--font-flap);letter-spacing:.14em;text-transform:uppercase}.track-no{font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:600;color:var(--bone)}.track-mystery{font-size:.68rem;color:var(--bone-dim);font-weight:500}.transport{display:flex;align-items:center;gap:14px;width:min(420px,100%)}.play-btn{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#f5f0e6,#b8b2a4,#6e6758 80%,#48423a);border:2px solid #2c2721;box-shadow:0 4px #201c17,0 6px 16px #0009,inset 0 1px 2px #fff9;display:flex;align-items:center;justify-content:center;color:#241f1a;transition:transform .08s ease-out,box-shadow .1s ease-out}.play-btn:active{transform:translateY(3px);box-shadow:0 1px #201c17,0 3px 8px #0009,inset 0 1px 2px #fff9}.groove{flex:1;height:12px;border-radius:6px;background:#060404;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffe0b20f;position:relative;overflow:hidden}.groove .fill{position:absolute;inset:2px auto 2px 2px;border-radius:4px;background:linear-gradient(90deg,var(--brass-dim),var(--brass));box-shadow:0 0 8px #ffb84d59;min-width:4px;transition:width .25s linear}.groove.buffering:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 20%,rgba(242,230,200,.14) 50%,transparent 80%);animation:groove-shimmer 1.1s linear infinite}@keyframes groove-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.transport .clock{font-family:var(--font-flap);font-weight:500;font-size:.82rem;color:var(--bone-dim);min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums}.platter{animation:platter-spin 2.2s linear infinite;animation-play-state:paused;transform-origin:center}.playing .platter{animation-play-state:running}@keyframes platter-spin{to{transform:rotate(360deg)}}.demo-tag{font-size:.58rem;letter-spacing:.18em;padding:3px 10px;border:1px solid rgba(217,164,65,.3);border-radius:3px;color:#b98d55}.verdict-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(10px,1.8vw,14px);transition:box-shadow .3s ease-out}.verdict-rail.judge-correct,.verdict-rail.judge-wrong{animation:rail-recoil .3s cubic-bezier(.2,.9,.3,1)}@keyframes rail-recoil{0%{transform:translateY(0)}30%{transform:translateY(2px)}to{transform:translateY(0)}}.verdict-rail.judge-correct{border-color:#ffb84d59;box-shadow:inset 0 1px #ffe0b212,inset 0 -1px 2px #00000080,0 6px 14px -6px #000000a6,0 0 34px -2px #ffb84d8c}.verdict-rail.judge-wrong{border-color:#e0343466;box-shadow:inset 0 1px #ffe0b212,inset 0 -1px 2px #00000080,0 6px 14px -6px #000000a6,0 0 34px -2px #e034348c}.flap-row{display:flex;gap:3px;justify-content:center;flex-wrap:nowrap}.flap-tile{position:relative;width:clamp(15px,3.4vw,22px);height:clamp(24px,5vw,32px);border-radius:3px;background:linear-gradient(180deg,#1c1d20 0%,var(--tile) 48%,var(--tile-deep) 100%);box-shadow:inset 0 1px #ffffff0d,0 2px 3px #0009;font-family:var(--font-flap);font-weight:600;font-size:clamp(.8rem,2.4vw,1.05rem);color:var(--bone);perspective:260px;overflow:hidden}.flap-tile .half{position:absolute;left:0;right:0;height:50%;overflow:hidden}.flap-tile .half.top{top:0}.flap-tile .half.bottom{bottom:0}.flap-tile .glyph{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center}.flap-tile .half.top .glyph{top:0}.flap-tile .half.bottom .glyph{bottom:0}.flap-tile:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#000c;box-shadow:0 1px #ffffff0d;z-index:3}.flap-tile .leaf{position:absolute;top:0;left:0;right:0;height:50%;overflow:hidden;transform-origin:bottom;background:linear-gradient(180deg,#1c1d20 0%,var(--tile) 100%);z-index:2;backface-visibility:hidden}.flap-tile .leaf .glyph{top:0}.flap-tile.flipping .leaf{animation:leaf-fall 90ms ease-in forwards}.flap-row.flap-l .flap-tile{width:clamp(22px,4.6vw,30px);height:clamp(32px,6.6vw,43px);font-size:clamp(1.1rem,3.1vw,1.5rem)}@keyframes leaf-fall{0%{transform:rotateX(0)}to{transform:rotateX(-88deg);filter:brightness(.6)}}.credit{margin:0;max-width:46ch;text-align:center;font-size:.82rem;line-height:1.6;letter-spacing:.08em}.credit a{color:var(--brass);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.credit a:hover{color:var(--lamp)}.credit-license{white-space:nowrap}.advance-btn{font-family:var(--font-flap);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.82rem;color:var(--cabinet-deep);background:linear-gradient(180deg,#ffe9b0,var(--brass) 55%,#a3742a);border:1px solid #5c421a;border-radius:6px;padding:10px 26px;box-shadow:0 4px #4a3413,0 7px 16px #0000008c,inset 0 1px 1px #fff6dc99;transition:transform .08s ease-out,box-shadow .1s ease-out;display:inline-flex;align-items:center;gap:8px}.advance-btn:active{transform:translateY(3px);box-shadow:0 1px #4a3413,0 3px 8px #0000008c,inset 0 1px 1px #fff6dc99}.advance-btn.ghost{background:linear-gradient(180deg,#3d1e22,var(--panel-deep));color:var(--bone-dim);border:1px solid rgba(217,164,65,.3);box-shadow:0 4px #17090b,0 7px 16px #0000008c,inset 0 1px #ffe0b214}.advance-btn.ghost:active{box-shadow:0 1px #17090b,0 3px 8px #0000008c,inset 0 1px #ffe0b214}.judges{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2.4vw,20px)}.judge{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(12px,2vw,18px) 10px clamp(10px,1.8vw,14px)}.dome{width:clamp(84px,15vw,104px);height:clamp(84px,15vw,104px);border-radius:50%;position:relative;transition:transform .07s ease-out,box-shadow .12s ease-out,filter .25s ease-out;border:4px solid #120708}.dome .dome-word{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-marquee);text-transform:uppercase;font-size:clamp(1.15rem,2.6vw,1.45rem);letter-spacing:.03em}.judge-beat .dome{background:radial-gradient(circle at 32% 26%,var(--beat-hot) 0%,var(--beat) 42%,var(--beat-deep) 82%,#5c150a 100%);box-shadow:0 7px #4a1108,0 12px 26px #000000a6,0 0 30px #e0492f59,inset 0 3px 4px #ffd6be8c}.judge-beat .dome-word{color:#4a0e05;text-shadow:0 1px 0 rgba(255,200,170,.4)}.judge-bot .dome{background:radial-gradient(circle at 32% 26%,var(--bot-hot) 0%,var(--bot) 42%,var(--bot-deep) 82%,#143f47 100%);box-shadow:0 7px #113740,0 12px 26px #000000a6,0 0 30px #3fa8b859,inset 0 3px 4px #dcf5f88c}.judge-bot .dome-word{color:#072b32;text-shadow:0 1px 0 rgba(210,240,244,.4)}.judge .dome:not(:disabled):active,.judge .dome.pressed{transform:translateY(5px)}.judge-beat .dome:not(:disabled):active,.judge-beat .dome.pressed{box-shadow:0 2px #4a1108,0 5px 12px #000000a6,0 0 18px #e0492f4d,inset 0 3px 4px #ffd6be8c}.judge-bot .dome:not(:disabled):active,.judge-bot .dome.pressed{box-shadow:0 2px #113740,0 5px 12px #000000a6,0 0 18px #3fa8b84d,inset 0 3px 4px #dcf5f88c}.judge .dome:disabled{filter:brightness(.6) saturate(.85);box-shadow:0 7px #17090b,0 10px 20px #0009,inset 0 2px 3px #ffffff12}.judge-beat .dome.pressed:disabled{filter:none;transform:translateY(5px);box-shadow:0 2px #4a1108,0 5px 12px #000000a6,0 0 18px #e0492f4d,inset 0 3px 4px #ffd6be8c}.judge-bot .dome.pressed:disabled{filter:none;transform:translateY(5px);box-shadow:0 2px #113740,0 5px 12px #000000a6,0 0 18px #3fa8b84d,inset 0 3px 4px #dcf5f88c}.judge .dome:not(:disabled):hover{filter:brightness(1.07)}.advance-btn:hover{filter:brightness(1.06)}.start-btn:hover{filter:brightness(1.05)}.play-btn:hover{filter:brightness(1.07)}.judge .placard{font-size:.6rem;text-align:center}.results{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);padding:clamp(16px,2.6vw,24px)}.final-score{display:flex;align-items:center;gap:14px}.final-score .drum{font-size:clamp(1.7rem,4.5vw,2.3rem)}.rating{margin-top:2px}.scoreline{width:100%;display:flex;flex-direction:column;gap:5px}.score-row{display:grid;grid-template-columns:2.6em 1.4em 1fr 1fr;align-items:center;gap:10px;padding:7px 12px;border-radius:6px;background:linear-gradient(180deg,#17181ae6,#0e0f11e6);border:1px solid rgba(217,164,65,.1);box-shadow:inset 0 1px #ffffff0a;font-family:var(--font-flap);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(6px);animation:row-drop .35s cubic-bezier(.2,.9,.3,1) forwards}@keyframes row-drop{to{opacity:1;transform:translateY(0)}}.score-row .row-n{color:var(--bone-dim);font-weight:500}.score-row .row-lamp{width:11px;height:11px;border-radius:50%;justify-self:center}.score-row.correct .row-lamp{background:radial-gradient(circle at 35% 30%,var(--lamp-hot),var(--lamp) 60%,#b0722a);box-shadow:0 0 7px #ffb84d8c}.score-row.wrong .row-lamp{background:radial-gradient(circle at 35% 30%,#ff8f7d,var(--signal-red) 60%,#6e1410);box-shadow:0 0 7px #e0343473}.score-row .row-you{color:var(--bone-dim);font-weight:400}.score-row .row-credit{grid-column:1 / -1;padding-left:3.6em;font-size:inherit;letter-spacing:.06em;color:var(--bone-dim);overflow-wrap:anywhere}.score-row .row-credit a{color:var(--brass);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.score-row .row-credit a:hover{color:var(--lamp)}.score-row .row-truth{font-weight:600;text-align:right}.score-row .row-truth.truth-beat{color:#ff7c5f}.score-row .row-truth.truth-bot{color:#6fc5d2}.best-note{font-size:.66rem;letter-spacing:.16em}.results-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.marquee-link{color:inherit;text-decoration:none}.foot-plate a,.rank-name a{color:var(--brass);text-decoration:underline;text-underline-offset:3px}.foot-plate a:hover,.rank-name a:hover{color:var(--lamp)}.notice{padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.notice .placard{font-size:.78rem;margin:0}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,16px);padding:clamp(14px,2.4vw,20px)}.tile{display:flex;flex-direction:column;align-items:center;gap:10px}.tile-label{font-size:.62rem;text-align:center}.drum-pair{display:inline-flex;align-items:center;gap:4px}.drum-point{font-family:var(--font-flap);font-weight:600;font-size:1.3rem;color:var(--brass);padding-bottom:4px}.chart-panel{padding:clamp(14px,2.4vw,20px)}.chart-title{margin:0 0 4px;font-size:.78rem;color:var(--bone)}.chart-foot{margin:8px 0 0;text-align:center;font-size:.6rem}.hist{display:flex;align-items:flex-end;gap:2px;height:clamp(130px,22vh,180px);margin-top:12px}.hist-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:4px;cursor:default}.hist-value{font-family:var(--font-flap);font-size:.6rem;letter-spacing:.05em;color:var(--bone-dim);white-space:nowrap}.hist-track{flex:1;width:100%;display:flex;align-items:flex-end;min-height:0}.hist-bar{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--lamp),var(--brass-dim));box-shadow:0 0 10px #ffb84d33;transition:filter .15s ease-out}.hist-col.active .hist-bar{filter:brightness(1.25)}.hist-tick{font-family:var(--font-flap);font-size:.6rem;color:var(--bone-dim)}.rank-panel{padding:clamp(14px,2.4vw,20px)}.rank-note{margin:0 0 10px;font-size:.58rem}.rank-empty{margin:6px 0 0;font-size:.66rem}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.rank-row{display:grid;grid-template-columns:3.6em 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:linear-gradient(180deg,#17181ae6,#0e0f11e6);border:1px solid rgba(217,164,65,.1);font-size:.72rem}.rank-kind{font-family:var(--font-flap);font-weight:600;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.rank-kind.kind-beat{color:#ff7c5f}.rank-kind.kind-bot{color:#6fc5d2}.rank-name{color:var(--bone-dim);overflow-wrap:anywhere}.rank-figure{font-family:var(--font-flap);font-weight:600;color:var(--bone);font-variant-numeric:tabular-nums}@media (max-width: 560px){.rank-row{grid-template-columns:3.2em 1fr auto;font-size:.68rem}}.consent-rail{position:fixed;left:50%;bottom:clamp(10px,2vh,20px);transform:translate(-50%);width:min(680px,calc(100% - 24px));display:flex;align-items:center;gap:clamp(12px,2vw,20px);padding:clamp(12px,2vw,16px) clamp(14px,2.4vw,20px);z-index:20}.consent-copy{margin:0;flex:1;font-size:.72rem;line-height:1.7;letter-spacing:.08em;color:var(--bone-dim)}.consent-actions{display:flex;gap:10px;flex-shrink:0}.hall:has(.consent-rail){padding-bottom:clamp(120px,20vh,160px)}.consent-actions .advance-btn{padding:9px 18px;font-size:.72rem}@media (max-width: 560px){.consent-rail{flex-direction:column;align-items:stretch;text-align:center}.consent-actions{justify-content:center}.hall:has(.consent-rail){padding-bottom:190px}}.foot-plate{margin-top:clamp(10px,2vh,16px);text-align:center;font-size:.6rem;letter-spacing:.16em;line-height:2;padding:8px 10px 4px;color:var(--bone-dim)}@media (max-width: 560px){.instruments{grid-template-columns:1fr 1fr;grid-template-areas:"lamps lamps" "score vu"}.instrument-lamps{grid-area:lamps}.instrument-score{grid-area:score}.instrument-vu{grid-area:vu}.score-row{grid-template-columns:2.2em 1.2em 1fr 1fr;gap:6px;font-size:.7rem}.flap-row.flap-l .flap-tile{width:clamp(17px,5.4vw,24px);height:clamp(26px,8vw,36px);font-size:clamp(.95rem,3.6vw,1.25rem)}}@media (prefers-reduced-motion: reduce){.drum-strip{transition:none}.flap-tile.flipping .leaf,.start-btn,.lamp.current .bulb,.platter{animation:none}.score-row{animation-duration:1ms}.groove .fill{transition:none}.verdict-rail.judge-correct,.verdict-rail.judge-wrong{animation:none}.groove.buffering:after{animation:none;opacity:.5}}