@property --vu{syntax:"<number>";inherits:true;initial-value:0}:root{--bg:#bfb6a2;--surface:#f1ece0;--surface-2:#e2dbcb;--tile:#f7f3ea;--border:#b2a98f;--border-strong:#857c66;--text:#221e18;--muted:#4a4337;--accent:#2c5aa0;--accent-hover:#234a86;--accent-soft:#2c5aa024;--on-accent:#fff;--accent-text:#234a86;--ok:#0f7a42;--ok-bg:#0f7a4221;--warn:#8a5a00;--warn-badge:#e0a12a;--on-warn:#1b1200;--bad:#b42318;--focus:#005f73;--shadow:0 1px 0 #fff9 inset, 0 1px 2px #1e180e2e, 0 4px 10px #1e180e1a;--shadow-lift:0 10px 28px #1e180e4d, 0 3px 8px #1e180e33;--radius:10px;--tile-h:64px;--gap:6px;--maxw:720px;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--panel:#d8d0bf;--panel-2:#cbc2ae;--panel-hi:#ebe5d7;--groove:#a89f8a;--silk:#2a251d;--silk-dim:#4d463c;--screw:#b9bec3;--cap:#ece6d8;--cap-ink:#1f1c17;--cap-edge:#9a917c;--tape:#f3ead0;--marker:#1e2a5a;--window:#1b1f21;--trace:#d9e6dc;--lamp:#ffd76a;--lamp-off:#6c6352;--clip-on:#e0261b;--clip-off:#6b3a33;--vu-face:#f4e9c8;--vu-ink:#3a2f1a;--disp-bg:#a9b89a;--disp-on:#1d2a22;--disp-ghost:#1d2a220d;--disp-glow:none;--silk-font:"Eurostile", "Microgramma D Extended", "Bank Gothic", "DIN Alternate", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;--marker-font:"Marker Felt", "Bradley Hand", "Segoe Print", "Chalkboard SE", "Comic Neue", ui-rounded, system-ui, sans-serif}[data-theme=dark]{--bg:#0d0f11;--surface:#1d2024;--surface-2:#15181b;--tile:#2a2e33;--border:#3a3f45;--border-strong:#5b6168;--text:#ece7da;--muted:#b3ac9e;--accent:#7fa8ff;--accent-hover:#a3c0ff;--accent-soft:#7fa8ff29;--on-accent:#0b1430;--accent-text:#a3c0ff;--ok:#53d769;--ok-bg:#53d76921;--warn:#f6b73c;--warn-badge:#f6b73c;--on-warn:#181104;--bad:#ff756b;--focus:#2dd4bf;--shadow:0 1px 0 #ffffff0f inset, 0 1px 2px #00000080, 0 4px 12px #00000059;--shadow-lift:0 14px 32px #0009, 0 4px 10px #00000073;--panel:#1e2124;--panel-2:#26292d;--panel-hi:#34383d;--groove:#0f1113;--silk:#e9e4d6;--silk-dim:#a39d90;--screw:#6a6f76;--cap:#3a3e44;--cap-ink:#f1ede3;--cap-edge:#0f1012;--tape:#e9dfbf;--marker:#1e2a5a;--window:#0c0e0f;--trace:#9ff5e0;--lamp:#ffd76a;--lamp-off:#3b3a35;--clip-on:#ff3b2f;--clip-off:#3a1c1a;--vu-face:#f3e6c4;--vu-ink:#2a2112;--disp-bg:#06120f;--disp-on:#57f2d6;--disp-ghost:#57f2d614;--disp-glow:drop-shadow(0 0 1.5px #57f2d6) drop-shadow(0 0 5px #57f2d673)}:root[data-obs]{--accent:var(--obs-accent);--accent-hover:color-mix(in srgb, var(--obs-accent) 82%, black);--accent-text:color-mix(in srgb, var(--obs-accent) 68%, black);--accent-soft:color-mix(in srgb, var(--obs-accent) 16%, transparent);--on-accent:var(--obs-on-accent,#fff)}:root[data-obs=aanhpi],:root[data-obs=hhm],:root[data-obs=nahm]{--accent-hover:color-mix(in srgb, var(--obs-accent) 80%, white)}:root[data-obs][data-theme=dark]{--accent:color-mix(in srgb, var(--obs-accent) 55%, white);--accent-hover:color-mix(in srgb, var(--obs-accent) 40%, white);--accent-text:color-mix(in srgb, var(--obs-accent) 45%, white);--accent-soft:color-mix(in srgb, var(--obs-accent) 16%, transparent);--on-accent:#111}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0f11;--surface:#1d2024;--surface-2:#15181b;--tile:#2a2e33;--border:#3a3f45;--border-strong:#5b6168;--text:#ece7da;--muted:#b3ac9e;--accent:#7fa8ff;--accent-hover:#a3c0ff;--accent-soft:#7fa8ff29;--on-accent:#0b1430;--accent-text:#a3c0ff;--ok:#53d769;--ok-bg:#53d76921;--warn:#f6b73c;--warn-badge:#f6b73c;--on-warn:#181104;--bad:#ff756b;--focus:#2dd4bf;--shadow:0 1px 0 #ffffff0f inset, 0 1px 2px #00000080, 0 4px 12px #00000059;--shadow-lift:0 14px 32px #0009, 0 4px 10px #00000073;--panel:#1e2124;--panel-2:#26292d;--panel-hi:#34383d;--groove:#0f1113;--silk:#e9e4d6;--silk-dim:#a39d90;--screw:#6a6f76;--cap:#3a3e44;--cap-ink:#f1ede3;--cap-edge:#0f1012;--tape:#e9dfbf;--marker:#1e2a5a;--window:#0c0e0f;--trace:#9ff5e0;--lamp:#ffd76a;--lamp-off:#3b3a35;--clip-on:#ff3b2f;--clip-off:#3a1c1a;--vu-face:#f3e6c4;--vu-ink:#2a2112;--disp-bg:#06120f;--disp-on:#57f2d6;--disp-ghost:#57f2d614;--disp-glow:drop-shadow(0 0 1.5px #57f2d6) drop-shadow(0 0 5px #57f2d673)}:root[data-obs]:not([data-theme=light]){--accent:color-mix(in srgb, var(--obs-accent) 55%, white);--accent-hover:color-mix(in srgb, var(--obs-accent) 40%, white);--accent-text:color-mix(in srgb, var(--obs-accent) 45%, white);--accent-soft:color-mix(in srgb, var(--obs-accent) 16%, transparent);--on-accent:#111}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(120% 60% at 50% 0, #ffffff14, transparent), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}button{font:inherit;color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.error{color:var(--bad)}.center{text-align:center}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}.skip-link{background:var(--accent);color:var(--on-accent);z-index:60;border-radius:8px;padding:10px 14px;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.app{max-width:var(--maxw);margin:0 auto;padding:8px 12px 48px}.site-header{justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.header-actions{align-items:center;gap:2px;display:flex}.icon-btn{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;font-size:19px;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn[aria-pressed=false]{color:var(--muted)}.icon-emoji{font-size:18px;line-height:1}.streak-badge{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 4px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:-2px;right:-6px}.modes{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:4px 0 10px;padding:4px;display:grid}.modes button,.level{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:700}.modes button.is-on,.level.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.footer{text-align:center;color:var(--muted);margin-top:36px;font-size:13px}.footer a,.link{color:var(--text);text-decoration:underline}.link{cursor:pointer;background:0 0;border:0;padding:8px;font-weight:600}.notice{background:var(--accent-soft);border-radius:10px;margin:0 0 8px;padding:8px 12px;font-size:14px}.btn{min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--border-strong)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{color:var(--on-accent);background:var(--accent);border-color:#0000}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:0 0}.btn--wide{width:100%}.panel{background:var(--surface);border-radius:var(--radius);padding:24px 16px}.sound{position:relative}.sound-panel{z-index:45;background:var(--surface);border:1px solid var(--border);width:248px;box-shadow:var(--shadow-lift);border-radius:14px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.sound-mute{width:100%;min-height:40px}.sound-mute[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:#0000}.sound-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:14px;font-weight:600;display:grid}.sound-row input[type=range]{width:100%;accent-color:var(--accent)}.sound-value{font-family:var(--mono);text-align:right;min-width:3.5ch;font-size:12px}.sound-check{grid-template-columns:auto 1fr}.sound-check input{width:18px;height:18px;accent-color:var(--accent)}.sound-check small{color:var(--muted);font-weight:400;display:block}.logo{flex-direction:column;gap:3px;margin:0;display:inline-flex}.logo-plate{font:900 clamp(18px, 5.4vw, 26px) / 1 var(--silk-font);letter-spacing:.2em;color:#ebe7dc;text-shadow:0 1px #000,0 -1px #ffffff14;background:linear-gradient(#ffffff14,#0003),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 3px),#26292d;border-radius:4px;align-items:center;padding:5px 9px 5px 10px;font-stretch:125%;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000080,0 0 0 1px #00000059}.logo-slot{vertical-align:-.1em;background:#0a0b0c;border-radius:3px;width:.2em;height:1.1em;margin:0 .2em 0 .05em;display:inline-block;position:relative;box-shadow:inset 0 1px 2px #000,0 1px #ffffff26}.logo-cap{left:50%;top:var(--cap-y,78%);background:linear-gradient(#f5f3ee,#cfccc4 45%,#9e9b94 50%,#dedbd3);border-radius:.04em;width:.62em;height:.2em;transition:top .6s cubic-bezier(.2,1.3,.4,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 3px #0009}.logo-cap:after{content:"";background:var(--cap-line,#d8432f);height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:2px;right:2px}.logo:hover .logo-cap{--cap-y:50%}.logo.is-spliced .logo-cap{--cap-y:34%}.logo-leds{gap:2px;height:5px;display:flex}.logo-leds i{background:var(--c,#e9dfc0);opacity:calc(.4 + var(--vu,0) * .6);box-shadow:inset 0 0 0 .5px #ffffff59, 0 0 4px color-mix(in srgb, var(--c,#e9dfc0) 55%, transparent);border-radius:1px;flex:1}.logo.has-obs .logo-leds i{opacity:calc(.75 + var(--vu,0) * .25);animation:chase-led .5s calc(var(--i) * 80ms + .3s) 2 both}@keyframes chase-led{50%{opacity:1;filter:brightness(1.5)}}.console{background:repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--panel-hi), var(--panel) 18%, var(--panel-2));border-radius:12px;padding:10px 8px;position:relative;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000040,0 12px 30px #00000047}.console:before{content:"";pointer-events:none;--s:radial-gradient(circle, var(--screw) 0 2.2px, #00000080 2.8px 3.4px, transparent 3.8px);--slot:linear-gradient(45deg, transparent 44%, #0000008c 44% 56%, transparent 56%);background:var(--slot) 0 0 / 8px 8px no-repeat, var(--s) 0 0 / 8px 8px no-repeat, var(--slot) 100% 0 / 8px 8px no-repeat, var(--s) 100% 0 / 8px 8px no-repeat, var(--slot) 0 100% / 8px 8px no-repeat, var(--s) 0 100% / 8px 8px no-repeat, var(--slot) 100% 100% / 8px 8px no-repeat, var(--s) 100% 100% / 8px 8px no-repeat;position:absolute;inset:3px}.ch,.peak-label,.peak-left,.cbtn{font-family:var(--silk-font);text-transform:uppercase;letter-spacing:.12em}.vfd{background:var(--disp-bg);color:var(--disp-on);box-shadow:inset 0 2px 6px #0000008c, 0 1px 0 var(--panel-hi);border-radius:6px;margin:0 4px 6px;padding:6px 10px;position:relative;overflow:hidden}.vfd:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}[data-theme=dark] .vfd:after{background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px),radial-gradient(at 50% 0,#57f2d614,#0000 70%)}.vfd-top{align-items:center;gap:10px;min-height:24px;display:flex}.vfd-label{font:700 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;filter:var(--disp-glow)}.vfd-ghost{font:700 12px/1 var(--mono);white-space:nowrap;filter:var(--disp-glow)}.vfd-listens{font:600 11px/1 var(--silk-font);letter-spacing:.06em;color:inherit;opacity:.85;white-space:nowrap}.vfd-msg{z-index:1;min-height:2.6em;font:600 13px/1.3 var(--mono);letter-spacing:.02em;filter:var(--disp-glow);margin:4px 0 0;position:relative}.sevenseg{height:22px;margin-left:auto;display:inline-flex}.sevenseg svg{width:auto;height:100%;filter:var(--disp-glow)}.seg-on{fill:var(--disp-on)}.seg-off{fill:var(--disp-ghost)}.reels{gap:3px;display:inline-flex}.reels svg{fill:none;width:15px;height:15px;stroke:var(--disp-on);stroke-width:1.2px;filter:var(--disp-glow)}.reels .hub{fill:var(--disp-on)}.reels.is-spinning svg{animation:1.6s linear infinite reel}@keyframes reel{to{transform:rotate(360deg)}}.peak{align-items:center;gap:6px;margin:0 6px 8px;display:flex}.peak-label,.peak-left{color:var(--silk);font-size:10px;font-weight:800}.peak-left{color:var(--silk-dim);margin-left:4px}.lamp{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--clip-off) 70%, white) 0 15%, var(--clip-off) 60%);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:inset 0 1px 2px #00000080}.peak .lamp.is-on{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--clip-on) 45%);box-shadow:0 0 8px var(--clip-on), 0 0 2px var(--clip-on)}.peak .lamp.is-flare{animation:.5s step-end both clip-flash}@keyframes clip-flash{0%,40%,80%{opacity:1}20%,60%{opacity:.2}}.legend{font:600 11px/1.4 var(--silk-font);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:8px 6px 0;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend svg{width:12px;height:12px}.mix-hint{margin:6px 6px 2px}.mix-hint-key{color:var(--silk-dim,var(--muted))}.mix-hint-key:after{content:":"}.mix-hint .is-found{opacity:.55;text-decoration:line-through}.board{gap:6px;margin:0;padding:0;list-style:none;display:grid}.strip{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--groove), inset 0 1px 0 #ffffff24;border-radius:7px;min-width:0;padding:6px;position:relative}.strip-head{align-items:center;gap:6px;height:30px;margin-bottom:5px;display:flex}.ch{letter-spacing:.04em;min-width:22px;height:20px;color:var(--silk);border:1.5px solid var(--silk);border-radius:3px;flex:none;place-items:center;padding:0 3px;font-size:11px;font-weight:800;display:grid}.tape-wrap{filter:drop-shadow(0 1px 1px #00000040);flex:1;min-width:0;display:flex}.tape{min-width:0;max-width:100%;height:24px;color:var(--marker);background:linear-gradient(90deg, #0000000d, transparent 25% 75%, #0000000f), var(--tape);font:700 15px/24px var(--marker-font);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;cursor:default;clip-path:polygon(0 8%,3% 0,50% 4%,97% 0,100% 6%,99% 50%,100% 94%,96% 100%,50% 96%,3% 100%,0 92%,1% 50%);border:0;align-self:center;align-items:baseline;gap:6px;padding:0 12px;display:flex;overflow:hidden;transform:rotate(-.8deg)}.tape--blank{color:color-mix(in srgb, var(--marker) 45%, transparent);letter-spacing:.12em;font-style:italic}.tape-year{flex:none}.tape-genre{opacity:.8;text-overflow:ellipsis;font-size:12px;overflow:hidden}.vu{background:radial-gradient(120% 100% at 50% 110%, #fff8df 0, var(--vu-face) 55%, color-mix(in srgb, var(--vu-face) 80%, black) 100%);border-radius:3px;flex:none;width:44px;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,inset 0 2px 4px #00000059}.vu-scale{fill:none;width:100%;height:100%;stroke:var(--vu-ink);stroke-width:.8px;position:absolute;inset:0}.vu-scale line{stroke-width:.9px}.vu-scale .vu-red{stroke:#c62d1f;stroke-width:2.2px}.vu-scale text{fill:var(--vu-ink);stroke:none;font:700 5px/1 var(--silk-font);text-anchor:middle;letter-spacing:.1em}.vu-needle{transform-origin:50% 100%;width:1.5px;height:26px;transform:rotate(calc(-50deg + var(--vu,0) * 100deg));background:#151515;margin-left:-.75px;transition:--vu .3s;position:absolute;bottom:-4px;left:50%}.vu:after{content:"";background:linear-gradient(160deg,#ffffff59,#0000 45%);position:absolute;inset:0}.vu-sig{background:var(--lamp-off);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:3px}[data-theme=dark] .vu{box-shadow:inset 0 0 0 1px #000,inset 0 2px 4px #0006,0 0 10px #ffc86e2e}.cbtn{height:30px;color:var(--cap-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--cap) 85%, white), var(--cap));box-shadow:0 3px 0 var(--cap-edge), 0 4px 6px #0000004d, inset 0 1px 0 #ffffff59;cursor:pointer;border:0;border-radius:4px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:800;transition:transform 50ms,box-shadow 50ms;display:inline-flex;position:relative}.cbtn:before{content:"";position:absolute;inset:-7px -2px}.cbtn:active,.cbtn[aria-pressed=true]{box-shadow:0 1px 0 var(--cap-edge), inset 0 1px 3px #00000059;transform:translateY(2px)}.cbtn:disabled{opacity:.55;cursor:default}.cbtn .lamp{background:var(--lamp-off);width:7px;height:7px}.cbtn.is-on .lamp{background:var(--lamp);box-shadow:0 0 6px var(--lamp), inset 0 0 2px #fff}.cbtn--rec{color:#fff;background:linear-gradient(#3b6bb5,#2c5aa0);justify-content:center;min-width:70px;box-shadow:0 3px #18325a,0 4px 6px #0000004d,inset 0 1px #ffffff40}[data-theme=dark] .cbtn--rec{color:#0b1430;background:linear-gradient(#a3c0ff,#7fa8ff);box-shadow:0 3px #2c4a87,0 4px 6px #0006,inset 0 1px #ffffff59}.cbtn--rec:active{box-shadow:0 1px #18325a,inset 0 1px 3px #0006}.cbtn--rec.is-armed .lamp{background:var(--clip-on);box-shadow:0 0 6px var(--clip-on);animation:1.2s step-end infinite lamp-blink}@keyframes lamp-blink{50%{background:var(--lamp-off);box-shadow:none}}.cbtn--rec:not(.is-armed):not(.is-tried),:root[data-obs] .cbtn--rec:not(.is-armed):not(.is-tried){color:var(--cap-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--cap) 85%, white), var(--cap));box-shadow:0 3px 0 var(--cap-edge), 0 4px 6px #0000004d, inset 0 1px 0 #ffffff59}.cbtn--rec.is-tried{color:var(--cap-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--cap) 85%, white), var(--cap));box-shadow:0 3px 0 var(--cap-edge), 0 4px 6px #0000004d;opacity:.8}.strip.is-last .cbtn--rec .lamp{animation-duration:.6s}.lane-tiles{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:var(--gap);transition:gap .25s;display:grid;position:relative}.lane-tiles.is-shaking{animation:.36s ease-in-out strip-shake}@keyframes strip-shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.tile{height:var(--tile-h);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:0;position:relative}.tile-face{text-align:left;background:linear-gradient(180deg, color-mix(in srgb, var(--cap) 80%, white), var(--cap) 40%, color-mix(in srgb, var(--cap) 88%, black));width:100%;box-shadow:0 2px 0 var(--cap-edge), 0 3px 6px #00000040, inset 0 1px 0 #ffffff73;cursor:pointer;border:2px solid #0000;border-radius:6px;padding:0;transition:transform 60ms,box-shadow 60ms,border-color .15s;position:absolute;inset:0;overflow:hidden}.tile-face:active{box-shadow:0 0 0 var(--cap-edge), 0 1px 2px #0000004d;transform:translateY(2px)}.tile-chip{height:12px;font:800 11px/1 var(--silk-font);letter-spacing:.08em;color:var(--cap-ink);align-items:center;display:flex;position:absolute;top:4px;left:6px}.wave{color:var(--trace);background:var(--window);border-radius:3px;position:absolute;inset:19px 9px 5px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.wave svg{fill:currentColor;width:calc(100% - 4px);height:calc(100% - 6px);position:absolute;inset:3px 2px}.wave-base{opacity:.75}.wave-fill{color:#fff8d2;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 2px #ffdc8ccc)}.wave-head{background:var(--lamp);width:2px;box-shadow:0 0 6px var(--lamp);opacity:0;margin-left:-1px;position:absolute;top:0;bottom:0}.wave--blank{place-items:center;display:grid}.wave--blank span{font:700 clamp(6px, 1.8vw, 9px) / 1 var(--silk-font);letter-spacing:.04em;text-align:center;white-space:nowrap;text-transform:uppercase;color:var(--trace);opacity:.45}.tile.is-playing .tile-face{border-color:var(--lamp);box-shadow:0 2px 0 var(--cap-edge), 0 0 12px color-mix(in srgb, var(--lamp) 60%, transparent)}.tile.is-playing .wave{background:#14211d}.tile.is-cued .tile-face{outline:3px solid color-mix(in srgb, var(--accent) 70%, black);outline-offset:1px;transform:translateY(-2px)}[data-theme=dark] .tile.is-cued .tile-face{outline-color:var(--accent)}.tile.is-dragging{z-index:10}.tile.is-dragging .tile-face{box-shadow:var(--shadow-lift);cursor:grabbing;transform:scale(1.06)rotate(-2deg)}.tile.is-over .tile-face{border:2px dashed var(--accent)}.tile.is-flash .tile-face{animation:.26s ease-out flash}@keyframes flash{0%{filter:brightness(1.15);transform:scale(.94)}}.eq{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.eq i{background:var(--cap-ink);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.6s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.4s}@keyframes eq{50%{transform:scaleY(.3)}}.tile.mark-correct .tile-face{border:2px solid var(--ok)}.tile.mark-misplaced .tile-face{border:2px dashed var(--warn)}.tile.mark-miss .tile-face{filter:saturate(.7);opacity:.86}.tile-badge{width:16px;height:16px;animation:badge-in .3s calc(var(--i,0) * 70ms) both cubic-bezier(.3, 1.6, .5, 1);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:2px;right:3px}.tile-badge svg{stroke-width:3.2px}.tile-badge--correct{background:var(--ok);color:#fff}.tile-badge--misplaced{background:var(--warn-badge);color:var(--on-warn)}@keyframes badge-in{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}.tile-swap{z-index:3;width:24px;height:24px;color:var(--accent-text);background:var(--tile);border:2px solid var(--accent);opacity:.85;cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:12px;animation:.18s ease-out both swap-in;display:grid;position:absolute;top:-4px;right:-4px}.tile-swap:after{content:"";position:absolute;inset:-5px}.tile-swap:hover,.tile-swap:focus-visible,.tile-swap:active{opacity:1;color:var(--on-accent);background:var(--accent);transform:scale(1.08)}@keyframes swap-in{0%{opacity:0;transform:scale(.4)}}.seam{z-index:2;top:50%;left:calc((100% - (var(--cols,4) - 1) * var(--gap)) / var(--cols,4) * var(--k) + var(--gap) * (var(--k) - .5));cursor:pointer;background:0 0;border:0;width:30px;height:38px;padding:0;position:absolute;transform:translate(-50%,-50%)}.knob{width:18px;height:18px;box-shadow:0 1px 3px #000000b3, 0 0 0 2px var(--panel-2), inset 0 1px 0 #fff3;background:radial-gradient(circle at 35% 30%,#70757c,#1d1f22 70%);border-radius:50%;margin:0 auto;transition:transform .15s;display:block;position:relative}.knob:after{content:"";transform-origin:50% 7px;width:1.5px;height:6px;transform:rotate(var(--turn,-135deg));transition:transform var(--dur,.2s) linear;background:#8b8f93;border-radius:1px;margin-left:-.75px;position:absolute;top:2px;left:50%}.seam.is-heard .knob:after{--turn:135deg;background:#f2efe6}.seam.is-heard .knob:before{content:"";background:var(--lamp);width:5px;height:5px;box-shadow:0 0 4px var(--lamp);border-radius:50%;position:absolute;top:-4px;right:-4px}.seam.is-playing .knob:after{--turn:135deg;--dur:1.3s;background:var(--lamp)}.seam:hover .knob,.seam:focus-visible .knob{transform:scale(1.15)}.seam:disabled{display:none}.strip.is-splicing .lane-tiles{gap:0}.strip.is-splicing .tile-face{border-radius:0}.strip.is-splicing .tile:first-child .tile-face{border-radius:6px 0 0 6px}.strip.is-splicing .tile:last-of-type .tile-face{border-radius:0 6px 6px 0}.strip.is-splicing .lane-tiles:after{content:"";background:var(--lamp);width:3px;box-shadow:0 0 12px var(--lamp);border-radius:2px;animation:.6s ease-in-out both cut;position:absolute;top:-4px;bottom:-4px}@keyframes cut{0%{opacity:1;left:0}to{opacity:0;left:100%}}.strip.is-splicing .seam{opacity:0;transition:all .2s;transform:translate(-50%,-50%)scale(0)}.strip.is-splicing .cbtn--rec .lamp{background:var(--lamp);box-shadow:0 0 8px var(--lamp);animation:.12s step-end 2 lamp-blink}.strip--song{padding:6px}.song-card{position:relative}.song-card.is-fresh{animation:.45s cubic-bezier(.2,.8,.2,1) channel-open}@keyframes channel-open{0%{opacity:.5;transform:scaleY(1.25)}}.song-card.is-revealed{animation:reveal .45s calc(var(--i,0) * .15s) both ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.song-row{align-items:center;gap:6px;display:flex}.song-play{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.song-art{background:linear-gradient(135deg, var(--hue), color-mix(in srgb, var(--hue) 40%, #000));width:40px;height:40px;box-shadow:0 2px 0 var(--cap-edge), inset 0 0 0 1px #0000004d;border-radius:4px;flex:none;position:relative;overflow:hidden}.song-art img{object-fit:cover;width:100%;height:100%;display:block}.song-art-icon{color:#fff;opacity:.85;background:#0000004d;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.song-card.is-quiz .song-art:before{content:"?";font:800 20px/1 var(--marker-font);color:#fff;place-items:center;display:grid;position:absolute;inset:0}.song-card.is-quiz .song-art-icon{opacity:0}.song-card.is-playing .song-art-icon,.song-card.is-quiz .song-play:hover .song-art-icon{opacity:.85}.song-tape-wrap{flex-direction:column;align-items:flex-start;gap:2px}.song-tape-wrap .tape{align-self:flex-start}.song-tape{max-width:100%;height:24px;font-size:14px;animation:.5s ease-out both tape-write}@keyframes tape-write{0%{clip-path:inset(0 100% 0 0)}}.song-title{text-overflow:ellipsis;overflow:hidden}.song-artist{max-width:100%;font:700 10px/1.2 var(--silk-font);letter-spacing:.1em;text-transform:uppercase;color:var(--silk-dim);white-space:nowrap;text-overflow:ellipsis;padding-left:4px;overflow:hidden}.song-tag{font:800 10px/1.2 var(--silk-font);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;flex:none;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.song-tag.is-win{color:var(--ok);box-shadow:inset 0 0 0 1.5px var(--ok)}.song-tag.is-miss{color:var(--silk-dim);box-shadow:inset 0 0 0 1.5px var(--silk-dim)}.song-card .listen-links{margin:5px 0 0 28px}.song-retry{padding:0;font-size:12px}.quiz{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.quiz-choice{text-align:left;background:var(--tape);min-width:0;color:var(--marker);box-shadow:0 2px 0 var(--cap-edge);cursor:pointer;border:0;border-radius:3px;padding:6px 9px;display:grid}.quiz-choice:hover{box-shadow:0 2px 0 var(--cap-edge), inset 0 0 0 2px var(--accent)}.quiz-title{-webkit-line-clamp:2;font:700 13px/1.3 var(--marker-font);text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quiz-artist{white-space:nowrap;text-overflow:ellipsis;opacity:.8;font-size:11px;overflow:hidden}.quiz-skip{color:var(--silk-dim);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:center;padding:4px 10px;font-size:13px;text-decoration:underline}.listen-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.listen-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.listen-link{color:var(--text);background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.listen-link:hover{box-shadow:inset 0 0 0 1px var(--accent)}.listen-link svg{opacity:.7;font-size:10px}.console.is-booting .vfd>*{animation:.5s step-end both vfd-on}@keyframes vfd-on{0%{opacity:0}20%{opacity:.7}30%{opacity:.15}45%,to{opacity:1}}.console.is-booting .vu-needle{animation:.8s cubic-bezier(.3,1.4,.5,1) .2s both needle-boot}@keyframes needle-boot{0%{--vu:0}45%{--vu:1.05}70%{--vu:.85}to{--vu:0}}.console.is-booting .peak .lamp,.console.is-booting .cbtn .lamp{animation:chase .4s calc(var(--n,0) * 70ms + .3s) both}.console.is-chase .lamp,.console.is-chase .cbtn .lamp{animation:.35s step-end 6 both chase}.console.is-chase .strip:nth-child(2n) .lamp{animation-delay:.17s}.console.is-chase .vu-needle{animation:1s ease-out both slam}@keyframes chase{0%,to{background:var(--lamp-off);box-shadow:none}50%{background:var(--lamp);box-shadow:0 0 8px var(--lamp)}}@keyframes slam{0%{--vu:0}25%{--vu:1.08}45%{--vu:.88}65%{--vu:1.02}to{--vu:.2}}.results{text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;gap:12px;margin-top:18px;padding:20px 16px;scroll-margin-top:56px;animation:.4s ease-out both reveal;display:grid}.results-head{margin:0;font-size:26px;font-weight:800;line-height:1.1}.results.is-win .results-head{color:var(--disp-on)}.results-head:focus{outline:none}.results-head:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.results-sub{color:var(--muted);margin:-6px 0 0}.results-pro{text-align:center;color:var(--muted);margin:-4px 0 10px;font-size:13px}.results-score{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-weight:700;display:flex}.results-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;display:flex}.tag{background:var(--accent-soft);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.race{background:var(--surface-2);border-radius:12px;gap:2px;padding:10px;font-size:14px;display:grid}.race.is-win{background:var(--ok-bg)}.race-rule{opacity:.8;font-size:12px}.attempt-grid{justify-content:center;gap:3px;display:grid}.attempt-row{gap:3px;display:flex}.attempt-cell{background:var(--surface-2);border-radius:4px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid}.attempt-cell.is-correct{background:var(--ok);color:var(--surface)}.attempt-cell.is-misplaced{background:var(--warn-badge);color:var(--on-warn)}.attempt-cell.is-miss{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text) 40%, transparent);background:0 0}.sign{text-align:left;color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.sign input{min-height:40px;font:inherit;color:var(--text);background:var(--tile);border:1px solid var(--border);border-radius:10px;padding:0 12px;font-size:15px;font-weight:400}.results-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.countdown{color:var(--muted);margin:0}.countdown strong{font-family:var(--mono);color:var(--text)}.modal .countdown{margin-top:12px}.stats{gap:12px;display:grid}.stat-cells{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stat-cell{text-align:center;background:var(--surface-2);border-radius:10px;padding:6px 8px;display:grid}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.histo{text-align:left;gap:4px;margin:0;display:grid}.histo figcaption{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;font-weight:700}.histo-row{font-family:var(--mono);grid-template-columns:16px 1fr;align-items:center;gap:6px;font-size:13px;font-weight:700;display:grid}.histo-bar{text-align:right;background:var(--border);border-radius:4px;min-width:22px;padding:1px 6px;display:block}.histo-bar.is-today{background:var(--accent);color:var(--on-accent)}.stats-details{text-align:left}.stats-details summary{cursor:pointer;padding:6px 0;font-weight:700}.stats-line{text-align:center;color:var(--muted);margin:8px 0 4px;font-size:13px}.archive{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px 10px;margin:14px 0 4px;display:flex}.archive label{color:var(--muted);gap:4px;font-size:13px;display:grid}.archive input[type=date]{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:8px;padding:7px 9px}@media (prefers-color-scheme:dark){.archive input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial}}.levels{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.level{background:var(--surface-2);gap:0;padding:6px;display:grid}.level span{font-size:11px;font-weight:600}.level[aria-disabled=true]{opacity:.6;cursor:progress}.loading{padding-top:52px}.skeleton{grid-template-columns:repeat(var(--cols,4), 1fr);gap:6px;display:grid}.skeleton span{height:var(--tile-h);background:var(--surface-2);border-radius:10px;animation:1.2s ease-in-out infinite shimmer}.skeleton span:nth-child(4n+2){animation-delay:.1s}.skeleton span:nth-child(4n+3){animation-delay:.2s}.skeleton span:nth-child(4n){animation-delay:.3s}.skeleton span.is-loaded{background:var(--accent-soft)}@keyframes shimmer{50%{opacity:.55}}.loading-line{text-align:center;font-weight:600}.modal-layer{z-index:50;align-items:end;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:pointer;background:#0a0e1080;border:0;position:absolute;inset:0}.modal{background:var(--surface);max-height:90vh;box-shadow:var(--shadow-lift);border-radius:18px 18px 0 0;padding:6px 16px 20px;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-up;position:relative;overflow:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.modal-head{background:var(--surface);justify-content:space-between;align-items:center;padding:6px 0;display:flex;position:sticky;top:-6px}.modal-head h2{margin:0;font-size:19px}.howto-lede{margin-top:0}.howto-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.howto-steps li{grid-template-columns:104px 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.howto-steps svg{vertical-align:-2px}.howto-art{align-items:center;gap:4px;display:flex;position:relative}.mini{width:32px;height:36px;font-family:var(--mono);background:var(--tile);border:2px solid var(--border);border-radius:7px;place-items:start;padding:2px 4px;font-size:11px;display:grid;position:relative}.mini.is-cued{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mini.mark-correct{border-color:var(--ok);border-style:solid}.mini.mark-misplaced{border-color:var(--warn);border-style:dashed}.mini .tile-badge{width:14px;height:14px;font-size:9px;animation:none;top:auto;bottom:2px;right:2px}.howto-swap{width:22px;height:22px;color:var(--on-accent);background:var(--accent);border-radius:50%;place-items:center;margin-top:18px;margin-left:-16px;font-size:12px;display:grid}.howto-seam{border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;width:8px;height:22px}.howto-bonus{background:var(--accent-soft);border-radius:10px;padding:10px 12px;font-size:14px}.howto-more{margin:4px 0 14px;font-size:14px}.howto-more summary{cursor:pointer;color:var(--accent-text);font-weight:600}.howto-more ul{gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.howto-more svg{vertical-align:-2px;width:13px;height:13px}.crate-count{margin-top:0}.crate-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sleeve{aspect-ratio:1;background:var(--surface-2);width:100%;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.sleeve img{object-fit:cover;width:100%;height:100%;display:block}.sleeve.is-missed img{filter:grayscale();opacity:.6}.sleeve.is-open{outline:3px solid var(--accent);outline-offset:2px}.sleeve-blank{place-items:center;height:100%;font-size:28px;display:grid}.sleeve-star{filter:drop-shadow(0 1px 2px #0009);font-size:14px;position:absolute;top:3px;right:3px}.sleeve-sticker{text-transform:uppercase;color:#fff;background:#0009;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;bottom:4px;left:4px}.crate-detail{background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px;display:flex}.crate-detail-meta{gap:2px;min-width:0;display:grid}.crate-detail-meta span{color:var(--muted);font-size:13px}@media (width>=640px){:root{--tile-h:76px;--gap:8px}.app{padding:16px 20px 56px}.console{padding:14px 16px}.strip:not(.strip--song){grid-template-columns:1fr;display:grid}.tape{font-size:16px}.vu{width:56px;height:32px}.vu-needle{height:30px}.modal-layer{place-items:center}.modal{border-radius:18px;width:min(460px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.lane-tiles.is-shaking .tile:not(.is-cued) .tile-face{outline:2px solid var(--clip-on)}.lane-tiles.is-shaking .tile.is-cued .tile-face{outline-width:2px}.vu[data-sig=true] .vu-sig{opacity:1;background:var(--lamp)}.console.is-chase .lamp{background:var(--lamp)}}:root[data-obs] body{background:var(--obs-gradient) top / 100% 6px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--obs-accent) 16%, transparent), transparent 260px) top / 100% 260px no-repeat, var(--bg)}.obs-banner{color:var(--text);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:8px;margin:2px 0 8px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.obs-banner a{color:var(--accent-text);white-space:nowrap;margin-left:auto}:root[data-obs] .obs-banner a{color:var(--text)}.obs-banner .obs-close{flex:none;width:28px;height:28px;margin-left:auto}.obs-flag{background:var(--obs-gradient);border-radius:2px;flex:none;width:22px;height:14px;box-shadow:inset 0 0 0 1px #00000040}:root[data-obs] .obs-flag{background:linear-gradient(180deg, var(--obs-1), var(--obs-2,var(--obs-1)) 33%, var(--obs-3,var(--obs-1)) 50%, var(--obs-4,var(--obs-2,var(--obs-1))) 67%, var(--obs-5,var(--obs-3,var(--obs-1))) 83%, var(--obs-6,var(--obs-1)))}:root[data-obs] .console{border-top:5px solid #0000;border-image:var(--obs-gradient) 1;border-image-slice:1 0 0}:root[data-obs] .strip{box-shadow:inset 4px 0 0 var(--stripe,var(--obs-accent)), inset 0 0 0 1px var(--groove), inset 0 1px 0 #ffffff24;padding-left:9px}:root[data-obs] .strip:nth-child(6n+1){--stripe:var(--obs-1,var(--obs-accent))}:root[data-obs] .strip:nth-child(6n+2){--stripe:var(--obs-2,var(--obs-1,var(--obs-accent)))}:root[data-obs] .strip:nth-child(6n+3){--stripe:var(--obs-3,var(--obs-1,var(--obs-accent)))}:root[data-obs] .strip:nth-child(6n+4){--stripe:var(--obs-4,var(--obs-2,var(--obs-accent)))}:root[data-obs] .strip:nth-child(6n+5){--stripe:var(--obs-5,var(--obs-3,var(--obs-accent)))}:root[data-obs] .strip:nth-child(6n+6){--stripe:var(--obs-6,var(--obs-4,var(--obs-accent)))}[data-theme=dark][data-obs] .strip{box-shadow:inset 4px 0 0 var(--stripe,var(--obs-accent)), inset 5px 0 0 #ffffff47, inset 0 0 0 1px var(--groove)}:root[data-obs] .cbtn.is-on .lamp{background:var(--obs-accent);box-shadow:0 0 6px var(--obs-accent)}:root[data-obs] .cbtn--rec{color:var(--on-accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 85%, white), var(--accent));box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 55%, black), 0 4px 6px #0000004d, inset 0 1px 0 #ffffff40}:root[data-obs] .cbtn--rec.is-tried{color:var(--cap-ink);background:linear-gradient(180deg, color-mix(in srgb, var(--cap) 85%, white), var(--cap));box-shadow:0 3px 0 var(--cap-edge), 0 4px 6px #0000004d}:root[data-pride] .logo-plate>span:not(.logo-slot){background:linear-gradient(#ff5a5a 0 18%,#ff9d2e 18% 34%,#ffe14d 34% 50%,#4cd06c 50% 66%,#5b8cff 66% 82%,#c26bff 82% 100%);color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px #000);-webkit-background-clip:text;background-clip:text}.results.console{text-align:center;color:var(--silk);border:0}.results-label{font:800 11px/1 var(--silk-font);letter-spacing:.2em;text-transform:uppercase;color:var(--silk);justify-self:start;margin:-4px 0 -6px 6px}.results-vfd{margin:0;padding:12px}.results-vfd .results-head{z-index:1;font:800 22px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--disp-on);filter:var(--disp-glow);position:relative}.results-vfd .results-sub{z-index:1;font:600 13px/1.3 var(--mono);color:var(--disp-on);opacity:.85;margin:4px 0 0;position:relative}.results.console .results-score,.results.console .countdown,.results.console .stats-details summary,.results.console .sign{color:var(--silk)}.results.console .tag{color:var(--silk);background:color-mix(in srgb, var(--silk) 10%, transparent)}.results-share{justify-content:center;width:100%;height:46px;font-size:13px}.results-mixtape{justify-self:center;height:36px;padding:0 16px}.results.console .race{background:color-mix(in srgb, var(--silk) 8%, transparent)}.results.console .stat-cell{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--groove)}.results.console .stat-value{font-family:var(--mono)}@media (width<=520px){.strip--song .vu{display:none}.song-tag{padding:3px 5px}.song-tag-text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.strip-head .tape:has(.tape-genre){flex-direction:column;justify-content:center;align-items:flex-start;gap:0;height:30px;line-height:1.05}.strip-head .tape:has(.tape-genre) .tape-genre{font-size:10px}}@media (width<=420px){.strip-head .vu{display:none}.tape-year{flex:none}}@media (width<=360px){.icon-btn{width:32px;height:32px;font-size:17px}.header-actions{gap:0}.logo-plate{letter-spacing:.14em;padding:4px 7px;font-size:17px}.cbtn{padding:0 7px;font-size:10px}.cbtn--rec{min-width:58px}}@media (forced-colors:active){.logo-plate{color:canvastext;text-shadow:none;background:canvas;border:1px solid canvastext}.logo-leds i{box-shadow:none;opacity:1;background:canvastext}.logo-cap{background:buttonface;border:1px solid canvastext}:root[data-pride] .logo-plate>span:not(.logo-slot){color:canvastext;-webkit-text-fill-color:CanvasText;filter:none;background:0 0}:root[data-obs] .strip{box-shadow:none}:root[data-obs] .console{border-image:}.knob{background:buttonface;border:2px solid buttontext}.cbtn,.modes button,.level,.tile-face,.tape{border:1px solid buttontext}.modes button[aria-pressed=true],.level[aria-pressed=true],.cbtn.is-on,.tile.is-cued .tile-face{border:3px solid highlight}.peak .lamp{border:1px solid canvastext}.peak .lamp.is-on{background:highlight}}.lane-tiles{padding-bottom:30px}.seam-col{z-index:2;left:calc((100% - (var(--cols,4) - 1) * var(--gap)) / var(--cols,4) * var(--k) + var(--gap) * (var(--k) - .5));align-items:center;gap:2px;height:28px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.seam-col.is-linked{justify-content:center;height:auto;top:0;bottom:30px}.seam-col .seam{width:26px;height:28px;position:static;transform:none}.splice-key{width:38px;height:20px;font:700 8px/1 var(--silk-font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:0;transition:background .15s,color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff14}.splice-key:disabled{cursor:not-allowed;opacity:.55}.splice-key.is-ready{color:var(--on-accent);background:var(--accent);border-color:var(--accent);opacity:1;box-shadow:0 0 0 1px var(--accent), 0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);animation:1.2s ease-in-out infinite alternate splice-ready}.splice-key.is-ready:hover,.splice-key.is-ready:focus-visible{background:var(--accent-hover);animation:none}.splice-key.is-bad{color:#fff;background:var(--bad,#c0392b);border-color:var(--bad,#c0392b);opacity:1;font-size:12px}@keyframes splice-ready{0%{box-shadow:0 0 0 1px var(--accent), 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent)}to{box-shadow:0 0 0 1px var(--accent), 0 0 12px color-mix(in srgb, var(--accent) 70%, transparent)}}.splice-mark{width:calc(var(--gap) + 18px);background:repeating-linear-gradient(-45deg, transparent 0 5px, #00000012 5px 7px), var(--tape-bg,#e9dcb5);border-radius:2px;height:16px;animation:.25s ease-out both splice-stick;display:block;transform:rotate(-3deg);box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #0000001f}@keyframes splice-stick{0%{opacity:0;transform:rotate(-3deg)scale(1.4)}}.tile.is-fused-right .tile-face{border-top-right-radius:2px;border-bottom-right-radius:2px}.tile.is-fused-left .tile-face{border-top-left-radius:2px;border-bottom-left-radius:2px}.tile.is-fused-left .tile-face:before,.tile.is-fused-right .tile-face:after{content:"";width:calc(var(--gap) / 2 + 2px);background:var(--tile);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:absolute;top:30%;bottom:30%}.tile.is-fused-left .tile-face:before{left:calc(-1 * var(--gap) / 2 - 2px)}.tile.is-fused-right .tile-face:after{right:calc(-1 * var(--gap) / 2 - 2px)}@media (width<=360px){.splice-key{letter-spacing:.04em;width:32px;font-size:7px}.seam-col .seam{width:22px}}@media (prefers-reduced-motion:reduce){.splice-key.is-ready,.splice-mark{animation:none}}@media (forced-colors:active){.splice-key.is-ready{forced-color-adjust:none;color:highlighttext;background:highlight}.splice-mark{background:canvastext}}.howto-swap{z-index:1;position:relative}.howto-splice{width:40px;height:17px;font:700 8px/1 var(--silk-font);letter-spacing:.08em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);border-radius:4px;place-items:center;margin:0 2px;display:inline-grid}.attempt-cell.is-named{background:0 0;border:0}