:root{--exit-anim-ms:.42s;--match-pulse-ms:.56s;--theme-0:#e8b94d;--theme-1:#9bc25e;--theme-2:#7fa8e3;--theme-3:#b489ce;--bg-room:#0a0907;--bg-body:#0a0907;--bg-chassis:#1c1d22;--face-high:#3a3c44;--face-mid:#2a2c33;--face-low:#1f2026;--bevel-light:#ffffff17;--bevel-dark:#000000a6;--recess:#0e0f12;--screw:#2a2b30;--screw-slot:#0a0b0e;--paper:#e7e1d3;--paper-warm:#efeadc;--paper-shadow:#c2bba7;--paper-rule:#b1ab98;--paper-ink:#1a1610;--paper-ink-soft:#4f4d45;--tape-strip:#6a4a2a;--tape-strip-hi:#8a6638;--rec-red:#e23a2e;--rec-red-glow:0 0 10px #e23a2eb3;--vu-green:#7ecf66;--vu-amber:#e9b13a;--vu-red:#e84a3a;--led-off:#2a221c;--lcd-bg:#16100a;--lcd-fg:#ffc24a;--lcd-dim:#ffc24a52;--lcd-glow:0 0 6px #ffc24a9e;--accent:#c8a14a;--accent-glow:0 0 0 1px #c8a14a, 0 0 18px #c8a14a73;--text-primary:#f0eadb;--text-secondary:#aea493;--text-muted:#807769;--text-engraved:#8a8579;--ease:.22s cubic-bezier(.2, .7, .2, 1);--spring:.36s cubic-bezier(.2, .9, .25, 1.2);--font-display:"Big Shoulders Display", "Oswald", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-hand:"Caveat", "Bradley Hand", "Marker Felt", cursive;--bg-surface:#191a1f;--text-dim:#5a5a64;--accent-soft:#c8a14a1f;--status-done:#5fcf5f;--status-done-soft:#5fcf5f1a;--status-in-progress:#dac96a;--status-in-progress-soft:#dac96a1f;--status-in-progress-glow:#dac96a78;--status-failed:#e26060;--status-failed-soft:#e260601f;--status-locked:#3a3b42;--picker-bg:#191a1f;--picker-raised:#22232a;--picker-border:#2a2b32;--picker-border-soft:#1d1e24;--day-today:#4a9eff;--bp-narrow:480px;--bp-tablet:1024px;--chrome-bg:#0f1013eb;--chrome-raised:#1f2026;--chrome-panel:#0f1013;--chrome-border:#2a2b32;--chrome-border-soft:#1d1e24;--warn:#dac96a;--done:#f9df6d;--accent-blue:#4a9eff;--accent-blue-soft:#4a9eff1f;--chrome-top-h:36px;--chrome-left-w:52px;--chrome-right-w:116px}@media (prefers-reduced-motion:reduce){:root{--exit-anim-ms:1ms;--match-pulse-ms:1ms}.mobile-end-chevron{transition:none}}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;padding:0}@media (width<=600px){.bay{padding:10px 8px}.grid{gap:8px}.tile{min-height:168px}.tile-label-stack{margin:7px 7px 0}.tile-label{padding:6px 8px 7px}.tile-screw.bl,.tile-screw.br{display:none}.tile-track-no{letter-spacing:.16em;font-size:7px}.subtitle{margin:12px 4px 16px;font-size:12px}.solved-row{padding:10px 12px 12px 56px}.solved-side-badge{width:36px;font-size:8px;left:8px}.solved-theme{letter-spacing:.18em;font-size:10px}.solved-tracks{font-size:11px}.mistakes-row{letter-spacing:.16em;gap:8px;font-size:10px}.mistakes-dots{padding:3px 4px}.mistake-dot{width:12px;height:9px}.controls{gap:10px}.action{flex:1;min-width:0}.action__face{letter-spacing:.14em;padding:11px 12px 9px;font-size:11px}.end-panel{padding:16px 14px}.end-panel:before,.end-panel:after{display:none}.end-panel h2{font-size:22px}.end-stamp{padding:4px 8px;font-size:14px;top:12px;right:12px}.share-text{padding:10px 12px;font-size:14px}.end-meta{grid-template-columns:1fr 1fr;font-size:9px}}h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);margin:0 0 2px;font-size:38px;font-weight:700;line-height:1.05}.byline{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:10px}.subtitle{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:12px}.puzzle-constraint{border:1px solid var(--text-secondary,#888);color:#fa5;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:#ffaa5514;border-radius:999px;align-self:center;margin:0 auto 14px;padding:4px 12px;font-size:11px;display:inline-block}.constraint-modal-backdrop{z-index:1200;background:#0000009e;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out constraint-fade-in;display:flex;position:fixed;inset:0}.constraint-modal{color:#2a2418;text-align:center;background:#f4ecd6;border:1px solid #2a2418;border-radius:4px;outline:none;width:100%;max-width:420px;padding:28px 28px 22px;animation:.2s cubic-bezier(.2,.9,.3,1.4) constraint-pop-in;transform:rotate(-1.4deg);box-shadow:0 18px 40px #0000008c,0 2px 6px #00000059}.constraint-modal-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#5a4f36;margin-bottom:16px;font-size:11px}.constraint-modal-quote{word-break:break-word;margin:0 0 22px;font-size:22px;font-weight:600;line-height:1.3}.constraint-modal-ok{color:#f4ecd6;font-family:var(--font-mono);letter-spacing:.18em;cursor:pointer;background:#2a2418;border:none;border-radius:4px;padding:10px 22px;font-size:12px}.constraint-modal-ok:hover,.constraint-modal-ok:focus-visible{outline-offset:2px;background:#443a26;outline:2px solid #fa5}@keyframes constraint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes constraint-pop-in{0%{opacity:0;transform:rotate(-1.4deg)scale(.92)}to{opacity:1;transform:rotate(-1.4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.constraint-modal-backdrop,.constraint-modal{animation:none}}.unlock-countdown{text-align:center;color:#888;font-variant-numeric:tabular-nums;min-height:16px;margin:4px auto 8px;font-size:12px}.status{color:#fa5;text-align:center;max-width:940px;min-height:20px;margin:4px auto 8px;font-size:14px}.status:empty{min-height:0;margin:0}.bay{background:var(--recess);border:1px solid #050608;border-radius:6px;max-width:940px;margin:0 auto 20px;padding:14px 12px 16px;position:relative;box-shadow:inset 0 2px 8px #000000b3,inset 0 -1px #ffffff05,0 0 0 1px #0009}.grid{scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin:0 auto;padding:14px 10px 16px;display:grid;overflow-x:auto}.tile{--tile-bg-top:#2c2d32;--tile-bg-bot:#1a1b1f;background:repeating-linear-gradient(0deg, #ffffff05 0 1px, transparent 1px 4px), linear-gradient(180deg, var(--tile-bg-top) 0%, var(--tile-bg-bot) 100%);min-height:184px;transition:transform var(--spring), box-shadow var(--ease), border-color var(--ease);box-shadow:inset 0 1px 0 var(--bevel-light), inset 0 -1px 0 var(--bevel-dark), 0 0 0 1px #ffffff38, 0 3px 8px #0000008c;border:1px solid #0a0b0e;border-radius:5px;grid-template-rows:1fr auto auto;padding:0;display:grid;position:relative;overflow:hidden}.tile:hover{border-color:#ffffff24;transform:translateY(-1px)}.tile-screw{z-index:3;background:radial-gradient(circle at 35% 30%,#45464a,#0a0b0e);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 0 -1px 1px #000000b3,0 0 0 1px #ffffff08}.tile-screw:after{content:"";background:linear-gradient(135deg,#0000 45%,#050709 45% 55%,#0000 55%);border-radius:50%;position:absolute;inset:0}.tile-screw.tl{top:5px;left:5px}.tile-screw.tr{top:5px;right:5px}.tile-screw.bl{bottom:5px;left:5px}.tile-screw.br{bottom:5px;right:5px}.cassette-deck{z-index:1;background:linear-gradient(#0a0b0e 0%,#14151a 100%);border:1px solid #050608;border-radius:3px;grid-template-columns:1fr 1fr;place-items:center;height:50px;margin:6px 12px 0;display:grid;position:relative;box-shadow:inset 0 2px 4px #000000d9,inset 0 -1px #ffffff08}.cassette-deck:before{content:"";background:linear-gradient(180deg, var(--tape-strip-hi), var(--tape-strip));opacity:.85;border-radius:1px;height:4px;position:absolute;bottom:6px;left:8px;right:8px;box-shadow:0 0 0 1px #0006}.cassette-deck:after{content:"TYPE II";text-align:center;font-family:var(--font-mono);letter-spacing:.3em;color:#ffffff2e;font-size:6px;font-weight:700;position:absolute;top:4px;left:0;right:0}.reel{background:radial-gradient(circle at center, #050505 0 2.5px, transparent 2.5px), repeating-conic-gradient(from 0deg, #000000bf 0deg 8deg, #ffffff0d 8deg 43deg, #000000bf 43deg 51deg, #ffffff0d 51deg 86deg), radial-gradient(circle at center, transparent 9px, #14151a 9px 11px, transparent 11px), radial-gradient(circle at center, #322c24 0 var(--wind,11px), transparent var(--wind,11px)), radial-gradient(circle at 30% 25%, #3a3b40, #14151a 70%);z-index:1;border:1px solid #050507;border-radius:50%;width:34px;height:34px;position:relative;box-shadow:inset 0 0 4px #000000b3,inset 0 1px #ffffff0f,0 1px 2px #00000080}.reel:before{content:"";background:radial-gradient(circle at 50% 28%,#050505 1.4px,#0000 1.5px),radial-gradient(circle at 69% 60%,#050505 1.4px,#0000 1.5px),radial-gradient(circle at 31% 60%,#050505 1.4px,#0000 1.5px);position:absolute;inset:0}.reel.left{--wind:14px}.reel.right{--wind:7px}@keyframes reelSpin{to{transform:rotate(360deg)}}.tile.playing .reel{animation:1.4s linear infinite reelSpin}.rec-dot.tile-rec{z-index:2;pointer-events:none;width:5px;height:5px;transition:background var(--ease), box-shadow var(--ease), width var(--ease), height var(--ease);background:#2a0f0d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 2px #000000b3}.tile.playing .rec-dot.tile-rec{background:radial-gradient(circle, #ff7a64 0%, var(--rec-red) 42%, #e23a2e00 78%);width:7px;height:7px;animation:1.4s ease-in-out infinite recPulse;box-shadow:0 0 6px 2px #e23a2ed9,0 0 16px 6px #e23a2e6b,0 0 30px 12px #e23a2e29}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.5}}.tile.selected{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--bevel-light), inset 0 -1px 0 var(--bevel-dark), 0 0 0 2px var(--accent), 0 0 22px #c8a14a8c, 0 10px 18px #0009;transform:translateY(-4px)scale(1.02)}.tile-progress{z-index:2;background:#ffffff0a;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tile-progress-fill{background:linear-gradient(90deg, var(--tape-strip-hi), var(--rec-red));width:0%;height:100%;transition:width 80ms linear;box-shadow:0 0 6px #e23a2e66}.tile.exiting{opacity:0;transition:opacity var(--exit-anim-ms) ease, transform var(--exit-anim-ms) cubic-bezier(.4, 0, .7, .2);pointer-events:none;transform:translate(40px)scale(.9)}.tile.matched-theme-0{--pulse:var(--theme-0)}.tile.matched-theme-1{--pulse:var(--theme-1)}.tile.matched-theme-2{--pulse:var(--theme-2)}.tile.matched-theme-3{--pulse:var(--theme-3)}.tile.matched{animation:matchPulse var(--match-pulse-ms) ease-out;border-color:var(--pulse);pointer-events:none;z-index:2}@keyframes matchPulse{0%{transform:scale(1);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0006,0 2px 6px #00000059}35%{box-shadow:0 0 0 2px var(--pulse), 0 0 26px var(--pulse), 0 6px 14px #00000080;transform:scale(1.08)}to{box-shadow:0 0 0 2px var(--pulse), 0 0 14px var(--pulse), 0 2px 8px #0006;transform:scale(1.03)}}.tile-label{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='14' viewBox='0 0 1 14' preserveAspectRatio='none'%3E%3Crect y='13' width='1' height='1' fill='%236a5a3a' fill-opacity='.16' shape-rendering='crispEdges'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--paper-warm) 0%, var(--paper) 100%);border:1px solid var(--paper-shadow);z-index:2;background-position:0 18px,0 0;background-repeat:repeat,no-repeat;background-size:100% 14px,100% 100%;border-radius:2px;flex-direction:column;min-height:0;padding:7px 9px 8px;display:flex;position:relative;box-shadow:0 1px 2px #00000080,inset 0 0 0 1px #fff6,inset 0 -8px 12px #b8a9732e}.tile-label:after{content:"";background:linear-gradient(225deg, transparent 0 50%, #0000002e 50% 52%, var(--paper-shadow) 52% 100%);opacity:.6;border-bottom-left-radius:2px;width:10px;height:10px;position:absolute;top:0;right:0}.tile-track-no{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-ink-soft);white-space:nowrap;text-overflow:ellipsis;z-index:1;padding-bottom:1px;font-size:8px;font-weight:700;position:relative;overflow:hidden}.tile-label-input{width:100%;min-height:0;color:var(--paper-ink);font-family:var(--font-mono);letter-spacing:.02em;text-align:left;z-index:1;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:16px;line-height:1.3;display:block;position:relative;overflow-y:auto}.tile-label-input::placeholder{color:#1a161052;font-style:italic;font-family:var(--font-mono);font-size:13px}.tile-label-input:focus{outline:none}.tile-label-input:not(:placeholder-shown){font-family:var(--font-hand);letter-spacing:.005em;color:#0d3a72;transform-origin:0 0;padding-top:1px;font-size:17px;font-weight:600;line-height:1.2;transform:rotate(-1.2deg)}.tile-label-stack{grid-template-areas:"stack";min-height:0;margin:8px 8px 0;display:grid;position:relative}.tile-label-stack>.tile-reveal,.tile-label-stack>.tile-label{grid-area:stack;min-width:0}.tile-reveal{z-index:1;background:linear-gradient(#1c1d22 0%,#131418 100%);border-radius:2px;flex-direction:column;justify-content:center;gap:3px;padding:8px 10px 9px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #0000008c}.tile-reveal-artist{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;font-size:9px;font-weight:700}.tile-reveal-title{font-family:var(--font-mono);color:#ffffffeb;overflow-wrap:anywhere;font-size:14px;line-height:1.2}.tile-reveal-title[data-length=lg]{font-size:12px;line-height:1.2}.tile-reveal-title[data-length=xl]{font-size:11px;line-height:1.15}.tile-label-stack>.tile-label{z-index:2;clip-path:polygon(0 0,100% 0,100% 0,100% 100%,0 100%);transform-origin:100% 100%;opacity:1;transition:clip-path .34s cubic-bezier(.45,0,.2,1),transform .32s cubic-bezier(.45,0,.55,1) .22s,opacity .22s linear .3s;transform:translate(0)rotate(0)}.tile.peel-armed .tile-label-stack>.tile-label{clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.tile.peeled .tile-label-stack>.tile-label{clip-path:polygon(0 0,0 0,100% 100%,100% 100%,0 100%);opacity:0;transform:translate(-22%,28%)rotate(-12deg)}.tile.peeled .tile-label:after{display:none}.tile-label__flap{pointer-events:none;z-index:4;background:linear-gradient(225deg, #0000004d 0%, #0000001f 14%, #0000000a 36%, #0000 65%), linear-gradient(135deg, var(--paper-warm) 0%, var(--paper-shadow) 100%);clip-path:polygon(100% 0,100% 0,100% 0);transition:clip-path .34s cubic-bezier(.45,0,.2,1);position:absolute;inset:0}.tile.peel-armed .tile-label__flap{clip-path:polygon(80% 0,100% 20%,80% 20%)}.tile.peeled .tile-label__flap{clip-path:polygon(0 0,100% 100%,0 100%)}.tile-label__peel-trigger{cursor:pointer;z-index:6;background:0 0;border:none;width:26px;height:26px;padding:0;position:absolute;top:-8px;right:-8px}.tile-label__peel-trigger:focus-visible{outline:2px solid var(--accent,#4aa3ff);outline-offset:-3px;border-radius:3px}.tile.peel-armed .tile-label__peel-trigger{clip-path:polygon(55% 0,100% 0,100% 55%);width:auto;height:auto;inset:0}.tile-label:after{transition:opacity .18s,transform .18s}.tile-label-stack:has(.tile-label__peel-trigger:hover) .tile-label:after{opacity:1;transform-origin:100% 0;transform:scale(1.25)}.tile-label-stack:has(.tile-label__peel-trigger:focus-visible) .tile-label:after{opacity:1;transform-origin:100% 0;transform:scale(1.25)}.tile-actions{z-index:1;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px 12px;display:grid}.play-btn,.select-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 0 2px;display:block;position:relative}.play-btn__face,.select-btn__face{color:#d4cebd;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transition:transform 80ms ease, box-shadow 80ms ease, background var(--ease);background:linear-gradient(#3a3b41 0%,#1c1d22 100%);border:1px solid #050608;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:7px 6px 6px;font-size:10px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 2px #050608,0 3px 4px #00000080}.play-btn:active:not(:disabled) .play-btn__face,.select-btn:active:not(:disabled) .select-btn__face{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 0 #050608,0 1px 2px #00000080}.play-btn:disabled,.select-btn:disabled{cursor:not-allowed}.play-btn:disabled .play-btn__face,.select-btn:disabled .select-btn__face{color:var(--text-engraved);background:#101115;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff08,0 1px #050608,0 1px 2px #0000004d}.play-btn .icon{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid;width:0;height:0;display:inline-block}.play-btn.playing .icon{background:linear-gradient(90deg,currentColor 0 3px,#0000 3px 5px,currentColor 5px 8px);border:none;width:8px;height:8px}.play-btn.playing .play-btn__face{color:#fff8e8;background:linear-gradient(#cf3a30 0%,#761814 100%);border-color:#3a0a08;box-shadow:inset 0 1px #fff3,inset 0 -1px #0006,0 2px #2a0806,0 3px 10px #e23a2e66}.tile.selected .select-btn .select-btn__face{color:#14110a;background:linear-gradient(#d2a648 0%,#7d5d1c 100%);border-color:#2a1f08;transform:translateY(1px);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #00000073,0 0 #2a1f08,0 0 16px #c8a14a73}@media (prefers-reduced-motion:reduce){.tile.playing .reel,.tile.playing .rec-dot.tile-rec,.tile.matched{animation:none}.tile.exiting{transition:opacity 1ms;transform:none}}.controls{justify-content:center;gap:14px;max-width:940px;margin:6px auto 16px;display:flex}.action{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;min-width:160px;padding:0 0 3px;display:block;position:relative}.action__face{text-align:center;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#d4cebd;background:linear-gradient(#3a3b41 0%,#1c1d22 100%);border:1px solid #050608;border-radius:4px;padding:14px 28px 12px;font-size:12px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:block;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 3px #050608,0 4px 6px #00000080}.action:active:not(:disabled) .action__face{transform:translateY(3px);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 0 #050608,0 1px 2px #00000080}.action:focus-visible,.play-btn:focus-visible,.select-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action:disabled{cursor:not-allowed}.action:disabled .action__face{color:var(--text-engraved);background:#1c1d22;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff08,0 1px #050608,0 2px 3px #00000059}.action.primary .action__face{background:radial-gradient(ellipse at 50% 30%, #3a2606 0%, var(--lcd-bg) 72%);color:var(--lcd-fg);text-shadow:var(--lcd-glow);border-color:#120b04;box-shadow:inset 0 0 0 1px #ffc24a1a,inset 0 1px #ffffff0a,inset 0 0 16px #ffc24a1f,0 3px #050608,0 4px 6px #00000080}.action.primary:disabled .action__face{color:var(--text-engraved);text-shadow:none;background:#1c1d22;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff08,0 1px #050608,0 2px 3px #00000059}.action .key-stripe{letter-spacing:.28em;color:#00000073;margin-top:3px;font-size:9px;display:block}.action.primary .key-stripe{color:var(--lcd-dim);text-shadow:none}.action.secondary .key-stripe{color:#ffffff40}.solved{flex-direction:column;gap:10px;max-width:940px;margin:0 auto 10px;display:flex}.solved-row{color:var(--paper-ink);border:1px solid #00000059;border-radius:3px;padding:12px 16px 14px 76px;animation:.44s cubic-bezier(.2,.7,.2,1) both bannerSlide;position:relative;box-shadow:0 2px 6px #00000080}@keyframes bannerSlide{0%{transform:translateY(-6px)scaleY(.94)}to{transform:translateY(0)scaleY(1)}}.solved-side-badge{width:50px;font-family:var(--font-mono);letter-spacing:.22em;color:#000000b3;text-orientation:mixed;writing-mode:vertical-rl;-webkit-user-select:none;user-select:none;background:#0000002e;border:1px solid #00000040;border-radius:2px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:12px;bottom:12px;left:10px;transform:rotate(180deg)}.solved-row.theme-0{background:var(--theme-0)}.solved-row.theme-1{background:var(--theme-1)}.solved-row.theme-2{background:var(--theme-2)}.solved-row.theme-3{background:var(--theme-3)}.solved-theme{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;border-bottom:1px dashed #00000059;margin-bottom:4px;padding-bottom:4px;font-size:11px;font-weight:700}.solved-tracks{font-family:var(--font-mono);font-size:11.5px;line-height:1.55}.solved-track-item{align-items:baseline;gap:6px;display:flex}.solved-track-play{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:auto;grid-template-columns:14px 24px 1fr;align-items:baseline;gap:6px;margin:0;padding:1px 2px;display:grid}.solved-track-glyph{color:#00000080;transition:color var(--ease)}.solved-track-icon{fill:currentColor;vertical-align:-.12em;width:.82em;height:.82em}.solved-track-play:hover .solved-track-glyph,.solved-track-play:focus-visible .solved-track-glyph,.solved-track-play.playing .solved-track-glyph{color:var(--paper-ink)}.solved-track-play.playing{background:#0000001a}.solved-track-play:focus-visible{outline-offset:1px;outline:2px solid #00000080}.solved-track-text{min-width:0}.solved-track-no{color:#0000008c;font-weight:700}.solved-title{color:var(--paper-ink);font-weight:700}.solved-artist{color:#000000b3}.solved-note{color:#0000008c;font-style:italic}.solved-track-links{white-space:nowrap;flex:none;gap:0;margin-left:8px;font-size:.85em;display:inline-flex}.solved-track-link{color:#0000008c;letter-spacing:.04em;border-left:1px solid #0003;padding:0 6px;text-decoration:none}.solved-track-link:first-child{border-left:none;padding-left:0}.solved-track-link:hover,.solved-track-link:focus-visible{color:var(--paper-ink);outline:none;text-decoration:underline}.mistakes-row{max-width:940px;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-engraved);white-space:nowrap;justify-content:center;align-items:center;gap:14px;margin:8px auto 16px;font-size:11px;display:flex}.mistakes-dots{background:var(--recess);border:1px solid #050608;border-radius:3px;gap:4px;padding:4px 6px;display:flex;box-shadow:inset 0 1px 2px #000000b3}.mistake-dot{background:var(--vu-green);width:14px;height:10px;transition:background var(--ease), box-shadow var(--ease);border-radius:1px;box-shadow:0 0 5px #7ecf668c,inset 0 1px #ffffff2e}.mistake-dot.warn{background:var(--vu-amber);box-shadow:0 0 5px #e9b13a8c}.mistake-dot.danger{background:var(--vu-red);box-shadow:0 0 6px #e84a3aa6}.mistake-dot.used{background:var(--led-off);animation:.38s ease-out dotLost;box-shadow:inset 0 1px 1px #00000080}@keyframes dotLost{0%{background:var(--vu-red);box-shadow:0 0 14px var(--vu-red);transform:scaleX(1.3)}to{background:var(--led-off);transform:scaleX(1);box-shadow:inset 0 1px 1px #00000080}}@media (prefers-reduced-motion:reduce){.mistake-dot.used{animation:none}}.end-panel{background:linear-gradient(180deg, var(--paper-warm) 0%, var(--paper) 100%);border:1px solid var(--paper-shadow);max-width:940px;color:var(--paper-ink);font-family:var(--font-mono);border-radius:2px;margin:16px auto;padding:22px 26px;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000080,inset 0 1px #ffffff80}.end-panel:before,.end-panel:after{content:"";background:radial-gradient(circle at center, var(--paper-shadow) 1.5px, transparent 1.6px);opacity:.4;pointer-events:none;background-size:6px 8px;width:6px;position:absolute;top:14px;bottom:14px}.end-panel:before{left:14px}.end-panel:after{right:14px}.end-watermark{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--paper-ink);opacity:.045;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(54px,13vw,124px);font-weight:800;line-height:.9;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.end-runout{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper-ink-soft);opacity:.7;margin-top:12px;font-size:9px}.end-jcard-header,.end-panel h2,.end-subhead,.end-meta,.share-text,.copy-btn,.end-runout,.end-stamp{z-index:1;position:relative}.end-jcard-header{letter-spacing:.24em;text-transform:uppercase;color:var(--paper-ink-soft);border-bottom:1px solid var(--paper-rule);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:8px;font-size:10px;display:flex}.end-panel h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 10px;font-size:30px;font-weight:700}.end-panel.win h2{color:#2d5a2a}.end-panel.loss h2{color:#8a1d16}.end-subhead{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-ink-soft);margin:-4px 0 12px;font-size:11px;font-weight:500}.end-stamp{font-family:var(--font-display);letter-spacing:.16em;opacity:.85;text-transform:uppercase;border:3px solid;border-radius:4px;padding:6px 12px;font-size:22px;font-weight:700;position:absolute;top:56px;right:36px;transform:rotate(-8deg)}.end-panel.win .end-stamp{color:#2d5a2a}.end-panel.loss .end-stamp{color:#8a1d16}.end-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--paper-ink-soft);grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;font-size:10px;display:grid}.end-meta dt{color:var(--paper-ink);font-weight:700}.end-meta dd{margin:0}.share-text{border:1px dashed var(--paper-rule);font-family:var(--font-mono);text-align:left;white-space:pre;color:var(--paper-ink);-webkit-user-select:all;user-select:all;background:0 0;border-radius:2px;margin:10px 0;padding:12px 14px;font-size:16px;line-height:1.5;display:block}.copy-btn{background:var(--paper-ink);color:var(--paper);cursor:pointer;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:2px;margin-top:6px;padding:10px 22px;font-size:11px;font-weight:700;display:inline-block}.copy-btn:hover{background:#2a2218}.copy-btn.copied{background:#2d5a2a}.broken-day-card .end-stamp,.broken-day-card h2{color:#8a1d16}.broken-body,.broken-pickprompt,.broken-report-btn{z-index:1;position:relative}.broken-body{font-family:var(--font-mono);color:var(--paper-ink);max-width:56ch;margin:8px 0 14px;font-size:13px;line-height:1.55}.broken-pickprompt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-ink-soft);margin:0 0 16px;font-size:11px}.broken-report-btn{background:var(--paper-ink);color:var(--paper);cursor:pointer;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:2px;padding:10px 22px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.broken-report-btn:hover{background:#2a2218}.reset-row{justify-content:center;display:flex}.reset-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#ffc24a75;transition:color var(--ease), text-shadow var(--ease);background:0 0;border:none;align-items:center;gap:10px;margin:4px auto 0;padding:6px 10px;font-size:10px;display:inline-flex}.reset-btn .toggle{background:var(--recess);border:1px solid #050608;border-radius:2px;width:26px;height:14px;position:relative;box-shadow:inset 0 1px 2px #000000b3}.reset-btn .toggle:after{content:"";width:10px;height:10px;transition:left var(--ease), background var(--ease);background:linear-gradient(#9fb4ab,#3c4a44);border-radius:1px;position:absolute;top:1px;left:1px}.reset-btn:hover{color:var(--lcd-fg);text-shadow:var(--lcd-glow)}.reset-btn.confirming{color:var(--rec-red);text-shadow:0 0 6px #e23a2e99}.reset-btn.confirming .toggle:after{background:linear-gradient(#e85a4a,#8a1d16);left:13px}.day-chip{font-weight:700;font-family:var(--font-mono);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;line-height:1;transition:box-shadow .12s,border-color .12s;display:inline-flex;position:relative}.day-chip:hover:not(:disabled):not(.day-chip-static){box-shadow:inset 0 0 0 1.5px #ffffff38}.day-chip-static{cursor:default}.day-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.day-chip-sm{width:30px;height:30px;font-size:11px}.day-chip-md{width:38px;height:38px;font-size:13px}.day-chip-lg{width:56px;height:56px;font-size:16px}.day-chip-today{background:var(--day-today);border:1px solid var(--day-today);color:#fff}.day-chip-done,.day-chip-doneMistakes{background:var(--status-done-soft);border:1px solid var(--status-done);color:var(--status-done)}.day-chip-inProgress{background:var(--status-in-progress-soft);border:1px solid var(--status-in-progress);color:var(--status-in-progress)}.day-chip-failed{background:var(--status-failed-soft);border:1px solid var(--status-failed);color:var(--status-failed)}.day-chip-unplayed{color:var(--text-secondary);background:0 0;border:1px solid #555}.day-chip-locked{color:var(--text-dim);opacity:.45;cursor:not-allowed;background:0 0;border:1px solid #2a2a2a}.day-chip-selected-ring{box-shadow:inset 0 0 0 2px var(--day-today)}.day-chip-num{display:inline-block}.day-chip-mistakes{color:var(--status-in-progress);font-size:8px;font-weight:800;position:absolute;bottom:2px;right:3px}.day-chip-lock{font-size:9px;position:absolute;bottom:1px;right:2px}.day-pill-wrap{justify-content:center;margin:0 auto 14px;display:flex;position:relative}.day-pill{background:var(--picker-raised);border:1px solid var(--picker-border);min-width:240px;color:var(--text-primary);font-family:var(--font-mono);text-align:left;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;transition:border-color .15s;display:inline-flex}.day-pill:hover,.day-pill:focus-visible{border-color:#3a3b42}.day-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.day-pill-dot{background:var(--text-muted);border-radius:50%;flex:none;width:10px;height:10px}.day-pill-dot-today{background:var(--day-today)}.day-pill-dot-done{background:var(--status-done)}.day-pill-dot-inProgress{background:var(--status-in-progress);box-shadow:0 0 8px var(--status-in-progress-glow)}.day-pill-dot-failed{background:var(--status-failed)}.day-pill-dot-unplayed{background:var(--text-muted)}.day-pill-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.day-pill-primary{letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:700}.day-pill-subline{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.day-pill-counter{background:var(--bg-surface);color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.day-picker{background:var(--picker-bg);border:1px solid var(--picker-border);width:min(560px,100vw - 32px);font-family:var(--font-mono);opacity:0;pointer-events:none;z-index:20;border-radius:12px;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff05}.day-picker.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.day-picker-header{border-bottom:1px solid var(--picker-border-soft);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.day-picker-header-summary{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.day-picker-header-total{letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:700}.day-picker-header-counts{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.day-picker-header-counts>span{align-items:center;gap:4px;display:inline-flex}.day-picker-header-counts .dot{border-radius:50%;width:8px;height:8px}.day-picker-header-counts .dot-done{background:var(--status-done)}.day-picker-header-counts .dot-failed{background:var(--status-failed)}.day-picker-header-counts .dot-in-progress{background:var(--status-in-progress)}.day-picker-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:16px;line-height:1}.day-picker-close:hover,.day-picker-close:focus-visible{color:var(--text-primary)}.day-picker-section{padding:16px}.day-picker-archive-controls{justify-content:flex-end;align-items:baseline;margin-bottom:10px;display:flex}.day-picker-sort{background:var(--picker-raised);border-radius:6px;gap:4px;padding:3px;display:inline-flex}.day-picker-sort-btn{color:var(--text-muted);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700}.day-picker-sort-btn:hover{color:var(--text-secondary)}.day-picker-sort-btn.active{background:var(--bg-surface);color:var(--text-primary)}.day-picker-grid{scrollbar-gutter:stable;grid-template-columns:repeat(7,1fr);justify-items:center;gap:8px;max-height:280px;padding-right:2px;display:grid;overflow-y:auto}.day-picker-legend{border-top:1px dashed var(--picker-border-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex-wrap:wrap;gap:14px;margin-top:14px;padding-top:12px;font-size:10px;display:flex}.day-picker-legend-item{align-items:center;gap:6px;display:inline-flex}@media (width<=520px){.day-picker-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=1023.98px) and (pointer:coarse) and (orientation:landscape){.day-picker{top:calc(var(--chrome-top-h) + 8px);z-index:40;position:fixed;left:50%;transform:translate(-50%)translateY(-4px)}.day-picker.open{transform:translate(-50%)translateY(0)}.chrome-right .status,.chrome-right .status:empty{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:none;min-height:14px;margin:0;padding:0;font-size:10px;line-height:1.4;overflow:hidden}}.app-shell{max-width:960px;margin:0 auto;padding:28px 20px 40px}.chrome-top-mobile,.chrome-bottom-mobile,.chrome-left,.chrome-right{display:none}@media (width<=1023.98px) and (pointer:coarse){.grid--portrait-tile{grid-template-columns:repeat(2,1fr)}.chrome-top-desktop,.chrome-bottom-desktop,.chrome-main .solved{display:none}.chrome-top-mobile,.chrome-bottom-mobile{display:block}html,body{height:100dvh;overflow:hidden}.app-shell{background:var(--bg-room);max-width:none;height:100dvh;color:var(--text-primary);grid-template-rows:auto 1fr auto;grid-template-columns:1fr;margin:0;padding:0;display:grid}.chrome-top{z-index:20;background:var(--chrome-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--chrome-border);grid-row:1;position:sticky;top:0}.chrome-main{grid-row:2;min-height:0;padding:6px 12px 12px;overflow:auto}.chrome-bottom{z-index:20;background:var(--chrome-bg);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--chrome-border-soft);grid-row:3;position:sticky;bottom:0}.chrome-main .bay{box-shadow:none;background:0 0;border:none;max-width:none;margin:0;padding:0}.chrome-main .grid{padding:0;overflow:visible}.chrome-top-mobile--landscape{display:none}}@media (width<=1023.98px) and (pointer:coarse) and (orientation:landscape){.app-shell{grid-template-rows:var(--chrome-top-h) 1fr;grid-template-columns:var(--chrome-left-w) 1fr var(--chrome-right-w)}.chrome-top{height:var(--chrome-top-h);z-index:30;-webkit-backdrop-filter:none;background:var(--chrome-panel);grid-area:1/1/auto/-1;overflow:visible}.chrome-top-mobile--portrait{display:none}.chrome-top-mobile--landscape{justify-content:space-between;align-items:center;gap:12px;height:100%;padding:0 56px 0 28px;display:flex}.chrome-left{background:var(--chrome-bg);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--chrome-border);z-index:25;flex-direction:column;grid-area:2/1;align-items:center;gap:8px;padding:14px 6px;display:flex;overflow:visible}.chrome-main{grid-area:2/2;padding:8px 10px}.chrome-right{background:var(--chrome-raised);border-left:1px solid var(--chrome-border);flex-direction:column;grid-area:2/3;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.chrome-bottom{display:none}.app-shell[data-has-solved=false]{grid-template-columns:0 1fr var(--chrome-right-w)}.app-shell[data-has-solved=false] .chrome-left{display:none}}.solved-bar{gap:8px;display:flex}.solved-bar--horizontal{flex-direction:row;align-items:center;padding:6px 14px}.solved-bar--vertical{flex-direction:column;align-items:center}.solved-bar-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:8px;font-weight:700}.solved-squircle-wrap{position:relative}.solved-squircle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 0 1px}.solved-squircle__face{background:var(--text-muted);width:28px;height:28px;font-family:var(--font-mono);color:#000000a6;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:transform 80ms;display:flex;box-shadow:inset 0 -1px #0000002e,0 1px 2px #0006}.solved-squircle:active .solved-squircle__face{transform:translateY(1px)}.solved-squircle.theme-0 .solved-squircle__face{background:var(--theme-0)}.solved-squircle.theme-1 .solved-squircle__face{background:var(--theme-1)}.solved-squircle.theme-2 .solved-squircle__face{background:var(--theme-2)}.solved-squircle.theme-3 .solved-squircle__face{background:var(--theme-3)}.solved-popover{z-index:30;background:var(--chrome-raised);border:1px solid var(--chrome-border);min-width:240px;max-width:320px;color:var(--text-primary);font-family:var(--font-mono);border-radius:6px;padding:10px 12px;font-size:11px;position:absolute;box-shadow:0 6px 16px #00000080}.solved-popover--horizontal{top:calc(100% + 6px);left:0}.solved-popover--vertical{top:0;left:calc(100% + 8px)}.solved-popover-theme{letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed #ffffff2e;margin-bottom:6px;padding-bottom:4px;font-weight:700}.solved-popover-tracks{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.solved-popover-no{color:var(--text-muted);font-weight:700}.solved-popover-artist{color:var(--text-secondary)}.mobile-end{flex-direction:column;gap:8px;max-width:940px;margin:0 auto 12px;display:flex}.mobile-end-status{background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.mobile-end-status-light{background:var(--theme-1);width:8px;height:8px;box-shadow:0 0 8px var(--theme-1);border-radius:50%;flex:none}.mobile-end.loss .mobile-end-status-light{background:#c2553f;box-shadow:0 0 8px #c2553f}.mobile-end-status-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.mobile-end-headline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);font-size:12px;font-weight:700}.mobile-end-summary{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-secondary);font-size:10px}.mobile-end-day{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--chrome-border);color:var(--text-secondary);border-radius:999px;flex:none;padding:3px 9px;font-size:10px}.mobile-end-cards{flex-direction:column;gap:8px;display:flex}.mobile-end-card{background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:8px;overflow:hidden}.mobile-end-card.open.theme-0{background:var(--theme-0);border-color:#00000059}.mobile-end-card.open.theme-1{background:var(--theme-1);border-color:#00000059}.mobile-end-card.open.theme-2{background:var(--theme-2);border-color:#00000059}.mobile-end-card.open.theme-3{background:var(--theme-3);border-color:#00000059}.mobile-end-card-head{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:11px 12px;display:flex}.mobile-end-card.open .mobile-end-card-head{color:var(--paper-ink)}.mobile-end-badge{width:22px;height:22px;font-family:var(--font-mono);color:var(--paper-ink);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.mobile-end-card.theme-0 .mobile-end-badge{background:var(--theme-0)}.mobile-end-card.theme-1 .mobile-end-badge{background:var(--theme-1)}.mobile-end-card.theme-2 .mobile-end-badge{background:var(--theme-2)}.mobile-end-card.theme-3 .mobile-end-badge{background:var(--theme-3)}.mobile-end-card.open .mobile-end-badge{color:var(--paper-ink);background:#0000002e}.mobile-end-theme{min-width:0;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;flex:auto;font-size:11px;font-weight:700}.mobile-end-chevron{opacity:.7;width:8px;height:8px;transition:transform var(--ease);border-bottom:2px solid;border-right:2px solid;flex:none;transform:rotate(45deg)}.mobile-end-card.open .mobile-end-chevron{transform:rotate(225deg)}.mobile-end-card-body{font-family:var(--font-mono);color:var(--paper-ink);flex-direction:column;gap:2px;padding:0 12px 12px;font-size:11.5px;line-height:1.55;display:flex}.cue-tray{background:var(--chrome-raised);position:relative}.cue-tray--horizontal{border-top:1px solid var(--chrome-border)}.cue-tray--vertical{background:0 0}.cue-tray-bar{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:11px;display:flex}.cue-tray--vertical .cue-tray-bar{flex-direction:column;align-items:flex-start;gap:6px;padding:0}.cue-tray-count{color:var(--text-muted);font-weight:700}.cue-tray-count.on{color:var(--warn)}.cue-tray-dots{gap:4px;display:inline-flex}.cue-tray--vertical .cue-tray-dots{flex-direction:column}.cue-tray-dot{background:0 0;border:1px dashed #3a3b42;border-radius:50%;width:7px;height:7px}.cue-tray-dot.on{background:var(--warn);border-color:var(--warn)}.note-sheet-backdrop{z-index:60;background:#0000008c;position:fixed;inset:0}.note-sheet{left:0;right:0;bottom:var(--keyboard-inset,0px);z-index:61;background:var(--chrome-panel);border-top:1px solid var(--chrome-border);padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;flex-direction:column;gap:10px;display:flex;position:fixed;box-shadow:0 -8px 24px #00000080}.note-sheet-close{color:var(--accent-blue);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;flex:none;padding:4px 6px;font-size:13px;font-weight:700}.note-sheet-transport{align-items:center;gap:12px;display:flex}.note-sheet-transport .play-btn{flex:none}.note-sheet-progress{background:#ffffff1f;border-radius:2px;flex:1;height:4px;overflow:hidden}.note-sheet-progress-fill{background:var(--accent-blue);height:100%;transition:width .1s linear}.note-sheet-input{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='28' viewBox='0 0 1 28' preserveAspectRatio='none'%3E%3Crect y='27' width='1' height='1' fill='%236a5a3a' fill-opacity='.16' shape-rendering='crispEdges'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--paper-warm) 0%, var(--paper) 100%);border:1px solid var(--paper-shadow);color:#0d3a72;width:100%;font-family:var(--font-hand);resize:none;background-position:0 12px,0 0;background-repeat:repeat,no-repeat;background-size:100% 28px,100% 100%;border-radius:4px;outline:none;padding:8px 12px;font-size:18px;font-weight:600;line-height:28px}.note-sheet-input::placeholder{color:#1a161066;font-family:var(--font-mono);font-size:14px;font-style:italic;font-weight:400}.mar{padding:10px 12px 14px}.mar--vertical{flex-direction:column;gap:8px;padding:0;display:flex}.mar-mistakes{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.mar--vertical .mar-mistakes{flex-direction:column;align-items:flex-start;gap:4px;margin:0}.mar-mistakes-label{font-weight:700}.mar-mistakes-strip{gap:3px;display:inline-flex}.mar--vertical .mar-mistakes-strip{width:100%}.mar-mistake-dot{border:1px solid var(--chrome-border-soft);background:#2a2b32;border-radius:1px;width:18px;height:8px}.mar--vertical .mar-mistake-dot{flex:1}.mar-mistake-dot.lit{background:linear-gradient(#c4b58e 0%,#8a7a4a 100%);border-color:#6a5a3a}.mar-mistakes-left{color:var(--text-secondary)}.mar-buttons{gap:8px;display:flex}.mar--vertical .mar-buttons{flex-direction:column}.mar-btn{background:var(--chrome-raised);border:1px solid var(--chrome-border);height:44px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;border-radius:8px;flex:1;font-size:12px;font-weight:700}.mar--vertical .mar-btn{flex:none;height:28px;font-size:10px}.mar-btn-submit{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;letter-spacing:.04em;flex:2;font-weight:800}.mar--vertical .mar-btn-submit{flex:none}.mar-btn:disabled{opacity:.4;cursor:not-allowed}.day-pill--compact{gap:8px;min-width:0;padding:4px 4px 4px 10px}.day-pill--compact .day-pill-primary{letter-spacing:.1em;font-size:10px}.day-pill--compact .day-pill-counter{padding:2px 6px;font-size:9px}.chrome-top-mobile--portrait{flex-direction:column;align-items:stretch;gap:4px;padding:8px 14px 4px;display:flex}.chrome-top-mobile--portrait .day-pill-wrap,.chrome-top-mobile--landscape .day-pill-wrap{margin:0}.chrome-title{font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.chrome-byline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:9px}.chrome-title-compact{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;margin:0;font-size:11px}.chrome-title-group{align-items:baseline;gap:8px;min-width:0;display:flex}.chrome-author-compact{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.chrome-bottom-mobile{flex-direction:column;display:flex}.cue-row{background:var(--chrome-raised);border-top:1px solid var(--chrome-border);align-items:stretch;display:flex}.cue-row .cue-tray{background:0 0;flex:1}.cue-row .cue-tray--horizontal{border-top:none}.cue-row .reset-row{border-left:1px solid var(--chrome-border);flex:none;align-items:center;margin:0;padding:0 6px;display:flex}.cue-row .reset-btn{letter-spacing:.18em;gap:6px;padding:6px 8px;font-size:9px}.chrome-right .reset-row{justify-content:stretch;margin:0}.chrome-right .reset-btn{letter-spacing:.12em;gap:4px;width:100%;padding:6px 4px;font-size:9px}.chrome-right .reset-btn .toggle{display:none}.chrome-right-spacer{flex:1}@media (width<=1023.98px) and (pointer:coarse){.chrome-top{padding-top:env(safe-area-inset-top)}.chrome-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=1023.98px) and (pointer:coarse) and (orientation:landscape){.chrome-left{padding-left:max(6px, env(safe-area-inset-left))}.chrome-right{padding-right:max(10px, env(safe-area-inset-right))}}.intro-overlay{z-index:100;background:var(--bg-room);color:var(--text-primary);flex-direction:column;padding:28px 24px 24px;animation:.28s both introFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}.intro-overlay:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,#c8a14a1a,#0000 60%);position:absolute;inset:0}.intro-skip{top:max(14px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:2;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:11px;position:absolute}.intro-skip:hover{color:var(--text-secondary)}.intro-stage{flex:1;justify-content:center;align-items:center;min-height:0;animation:.35s introSlideX;display:flex;position:relative}@keyframes introSlideX{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.intro-card{z-index:1;flex-direction:column;align-items:stretch;width:100%;max-width:920px;display:flex;position:relative}.intro-card--title{justify-content:center;align-items:center}.intro-card--title .intro-title,.intro-card--title .intro-byline{text-align:center}.intro-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);margin:24px 0 0;font-size:clamp(40px,9vw,72px);font-weight:800;line-height:.95}.intro-title--rules{text-align:left;margin:6px 0 12px;font-size:clamp(28px,6vw,56px);line-height:1}.intro-byline{font-family:var(--font-body);color:var(--text-secondary);max-width:540px;margin:12px 0 0;font-size:clamp(13px,1.4vw,15px);line-height:1.45}.intro-byline em{color:var(--accent);font-style:normal;font-weight:700}.intro-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px}.intro-eyebrow--sub{margin:0 0 6px}.intro-body{font-family:var(--font-body);color:var(--text-secondary);max-width:540px;margin:0 0 18px;font-size:clamp(13px,1.4vw,15px);line-height:1.55}.intro-inline-cue{color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--accent);vertical-align:1px;border-radius:3px;padding:1px 6px;font-size:.85em;font-weight:700;display:inline-block}.intro-tile-stage{gap:12px;width:100%;max-width:560px;margin-bottom:8px;display:grid}.intro-tile-stage--grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px}.intro-tile-stage--row{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}.intro-tile-slot{animation:.85s cubic-bezier(.2,.8,.25,1) both introFlyIn}@keyframes introFlyIn{0%{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(var(--fr)) scale(.6)}70%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.intro-demo{background:var(--recess);border:1px solid #050608;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px;margin-bottom:18px;padding:14px;display:grid;box-shadow:inset 0 2px 6px #0000008c}.intro-demo-grid{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.intro-demo-grid .tile{transform-origin:0 0;min-height:0;transform:scale(1)}.intro-demo-counter{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.intro-demo-counter-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;font-size:11px}.intro-demo-counter-num{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.intro-demo-counter-big{font-family:var(--font-display);color:var(--status-in-progress);transition:transform .22s var(--ease);font-size:clamp(40px,8vw,72px);font-weight:800;line-height:1}.intro-demo-counter-of{font-family:var(--font-mono);color:var(--text-muted);font-size:clamp(16px,2vw,22px)}.intro-demo-counter-pips{gap:4px;margin-top:6px;display:flex}.intro-demo-pip{background:var(--face-low);border:1px solid var(--face-mid);width:18px;height:8px;transition:background var(--ease), border-color var(--ease);border-radius:1px}.intro-demo-pip.lit{background:linear-gradient(#d2a648 0%,#7d5d1c 100%);border-color:#2a1f08}.intro-rules-footer{margin-top:auto}.intro-submit{cursor:default;width:100%;max-width:540px;display:block}.intro-submit .action__face{transition:box-shadow .35s,background .35s}.intro-submit:not(.hot) .action__face{color:var(--text-muted);background:linear-gradient(#3a3b41 0%,#1c1d22 100%)}.intro-submit.hot .action__face{box-shadow:0 0 0 2px #c8a14a59,0 0 24px #c8a14a73}.intro-demo--peel{grid-template-columns:none;justify-content:center;align-items:center;display:flex}.intro-peel-tile{width:clamp(150px,32vw,200px)}.intro-peel-tile .tile{min-height:184px}.intro-install-steps{flex-direction:column;gap:10px;margin-top:4px;display:flex}.intro-install-step{background:var(--face-low);border:1px solid var(--face-mid);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.intro-install-platform{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.intro-install-hint{font-family:var(--font-body);color:var(--text-primary);font-size:14px}.intro-install-arrow{color:var(--accent);margin:0 4px;font-weight:700}.intro-nav{z-index:2;justify-content:space-between;align-items:center;padding:16px 0 0;display:flex}.intro-dots{gap:6px;display:flex}.intro-dot{background:var(--face-mid);cursor:pointer;width:6px;height:6px;transition:width var(--ease), background var(--ease);border:none;border-radius:3px;padding:0}.intro-dot.active{background:var(--accent);width:22px}.intro-next,.intro-start{font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:700}.intro-next{border:1px solid var(--face-high);color:var(--text-primary);background:0 0}.intro-next:hover{border-color:var(--accent);color:var(--accent)}.intro-start{background:var(--accent);color:#14110a;border:none;box-shadow:0 0 0 2px #c8a14a40,0 6px 14px #c8a14a59}.intro-start:hover{filter:brightness(1.05)}.tile.display-only,.intro-submit{pointer-events:none}.tile.display-only,.tile.display-only .play-btn,.tile.display-only .select-btn,.tile.display-only .tile-label-input{cursor:default}.tile.display-only .play-btn:active:not(:disabled) .play-btn__face,.tile.display-only .select-btn:active:not(:disabled) .select-btn__face{transform:none}@media (width<=600px){.intro-overlay{padding:22px 16px 16px}.intro-demo{grid-template-columns:1fr;gap:10px}.intro-demo-counter{flex-direction:row;align-items:center;gap:12px}.intro-demo-counter-pips{margin:0}}@media (prefers-reduced-motion:reduce){.intro-overlay,.intro-stage,.intro-tile-slot{animation:none}}@media (height<=500px){.intro-overlay{padding:14px 20px 12px}.intro-stage{align-items:flex-start;overflow-y:auto}.intro-title{margin-top:12px;font-size:clamp(28px,5vw,40px)}.intro-title--rules{margin:4px 0 8px;font-size:clamp(22px,4vw,32px)}.intro-byline{margin-top:8px;font-size:12px}.intro-body{margin-bottom:10px;font-size:13px}.intro-eyebrow{margin-bottom:4px}.intro-tile-stage{margin-bottom:0}.intro-tile-stage--row{max-width:640px}.intro-tile-stage--row .tile{min-height:0}.intro-demo{gap:12px;margin-bottom:10px;padding:8px 10px}.intro-demo-grid{gap:6px}.intro-demo-grid .tile{min-height:0}.intro-demo-counter-big{font-size:clamp(32px,6vw,52px)}.intro-rules-footer{margin-top:8px}.intro-submit .action__face{height:38px;padding:0 14px}.intro-card--rules>.intro-demo{flex:none}.intro-install-steps{gap:6px}.intro-install-step{padding:6px 10px}.intro-skip{top:8px;right:12px}.intro-nav{padding-top:8px}}.chrome-top{position:relative}.settings-trigger{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:5;width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.settings-trigger:hover{color:var(--text-secondary)}.settings-trigger-icon{display:block}@media (width<=1023.98px) and (pointer:coarse) and (orientation:landscape){.settings-trigger{top:50%;right:max(14px, env(safe-area-inset-right));transform:translateY(-50%)}}.settings-overlay{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-backdrop{background:#0a0907c7;position:absolute;inset:0}.settings-card{background:var(--bg-chassis);color:var(--text-primary);border:1px solid var(--text-engraved);width:100%;max-width:460px;max-height:calc(100vh - 48px);font-family:var(--font-body);border-radius:6px;padding:24px 24px 20px;position:relative;overflow-y:auto}.settings-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.settings-close:hover{color:var(--text-primary)}.settings-title{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 16px;font-size:28px}.settings-section{margin-bottom:22px}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px;font-size:11px}.settings-hint{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.4}.settings-textarea{width:100%;min-height:90px;font-family:var(--font-mono);background:var(--bg-room);color:var(--text-primary);border:1px solid var(--text-engraved);resize:vertical;box-sizing:border-box;border-radius:3px;margin-bottom:10px;padding:8px;font-size:12px}.settings-btn{border:1px solid var(--text-muted);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:8px 14px;font-size:12px}.settings-btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.settings-btn:disabled{opacity:.4;cursor:not-allowed}.settings-btn--primary{background:var(--text-primary);color:var(--bg-chassis);border-color:var(--text-primary)}.settings-btn--primary:hover:not(:disabled){background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-chassis)}.settings-error{color:#d97b6d;font-size:12px;font-family:var(--font-mono);margin:4px 0 10px}.settings-confirm{border:1px solid var(--text-engraved);border-radius:3px;margin-top:4px;padding:12px}.settings-confirm p{margin:0 0 10px;font-size:13px}.settings-confirm-row{gap:8px;display:flex}.editor-page{background:var(--bg-room);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;padding:24px}.editor-header{max-width:720px;margin:0 auto 24px}.editor-header h1{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 8px;font-size:32px}.editor-sub{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.editor-link{color:var(--text-primary);margin-left:4px;text-decoration:underline}.editor-section{border-top:1px solid var(--text-engraved);max-width:720px;margin:0 auto 28px;padding-top:16px}.editor-section h2{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px;font-size:12px}.editor-textarea{width:100%;min-height:100px;font-family:var(--font-mono);background:var(--bg-chassis);color:var(--text-primary);border:1px solid var(--text-engraved);resize:vertical;box-sizing:border-box;border-radius:3px;margin-bottom:10px;padding:8px;font-size:12px}.editor-row{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.editor-ok{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.editor-bulk{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.editor-bulk-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.editor-bulk label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.editor-input-num{background:var(--bg-chassis);border:1px solid var(--text-engraved);width:70px;color:var(--text-primary);font-family:var(--font-mono);border-radius:3px;padding:4px 6px;font-size:12px}.editor-hint{color:var(--text-muted);margin:4px 0 12px;font-size:12px}.editor-list{border:1px solid var(--text-engraved);border-radius:3px;max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.editor-list-row{border-bottom:1px solid var(--bg-chassis);grid-template-columns:80px 1fr auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.editor-list-row:last-child{border-bottom:none}.editor-list-day{font-family:var(--font-mono);color:var(--text-primary);font-size:13px}.editor-list-meta{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:11px}.editor-list-btns{gap:4px;display:flex}.editor-pill{border:1px solid var(--text-engraved);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:3px;padding:4px 8px;font-size:11px}.editor-pill:hover{color:var(--text-secondary);border-color:var(--text-muted)}.editor-pill--on{background:var(--text-engraved);color:var(--text-primary);border-color:var(--text-engraved)}.editor-pill--won.editor-pill--on{color:#eef3e2;background:#4a6b3a;border-color:#4a6b3a}.editor-pill--lost.editor-pill--on{color:#f3e2e0;background:#6e3a35;border-color:#6e3a35}