:root{--bg:#000;--spine:#050505;--ink:#f2f2f2;--dim:#8a8aa0;--panel:#060814db;--edge:#3a3f6a;--edge-hi:#8a90d0;--accent:#b8f070;--accent-2:#f08ac8;--accent-3:#6ad0e0;--spine-w:76px;--pixel:"VT323", monospace;--arcade:"Press Start 2P", monospace;--sans:"Jost", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--pixel);margin:0;overflow:hidden}button{font:inherit;color:inherit}#app{grid-template-columns:var(--spine-w) 1fr;height:100dvh;display:grid}.spine{background:var(--spine);-webkit-user-select:none;user-select:none;border-right:1px solid #1a1a1a;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.spine-badge{border:2px solid var(--ink);width:54px;font-family:var(--sans);letter-spacing:.08em;justify-items:center;gap:2px;padding:5px 4px 3px;font-size:10px;display:grid}.spine-badge svg{width:26px;height:26px}.spine-word{writing-mode:vertical-rl;font-family:var(--sans);letter-spacing:-.01em;font-size:clamp(34px,6.4vh,64px);font-weight:300;line-height:1;transform:rotate(180deg)}.spine-foot{background:var(--ink);color:#000;width:58px;font-family:var(--sans);text-align:center;justify-items:center;padding:6px 2px;font-size:9px;line-height:1.15;display:grid}.spine-foot b{letter-spacing:.06em;margin-bottom:3px;font-size:11px;font-weight:400}.stage{background:#000;position:relative;overflow:hidden}#screen{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}#screen.smooth{image-rendering:auto}body.idle,body.idle *{cursor:none}.title{text-align:center;background:radial-gradient(#00000059,#000c);place-content:center;justify-items:center;gap:18px;padding:16px;transition:opacity .9s steps(6,end);display:grid;position:absolute;inset:0}.title.leaving{opacity:0;pointer-events:none}.title h1{font-family:var(--arcade);letter-spacing:.04em;color:var(--ink);text-shadow:3px 0 0 var(--accent-2), -3px 0 0 var(--accent-3), 0 4px 0 #000;margin:0;font-size:clamp(26px,5.5vw,58px);font-weight:400;line-height:1.25}.sub{color:var(--accent);letter-spacing:.08em;margin:0;font-size:clamp(20px,2.6vw,28px)}.press{cursor:pointer;font-family:var(--arcade);letter-spacing:.12em;color:var(--ink);background:0 0;border:none;margin-top:22px;padding:12px 18px;font-size:clamp(13px,1.6vw,18px);animation:1.1s step-end infinite blink}.press:hover,.press:focus-visible{color:var(--accent);outline:none;animation-duration:.4s}.hint,.legal{color:var(--dim);margin:0;font-size:20px}.legal{opacity:.7;font-size:17px}@keyframes blink{50%{opacity:0}}.hud{background:var(--panel);border:2px solid var(--edge);align-items:center;gap:10px;width:min(900px,100% - 32px);padding:8px 10px;transition:opacity .6s steps(4,end),transform .6s steps(4,end);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #000,4px 4px #000}.hud.idle{opacity:0;transform:translate(-50%,8px)}.hb{border:2px solid var(--edge);cursor:pointer;background:#0c0f24;flex:none;min-width:44px;height:40px;padding:0 10px;font-size:22px;box-shadow:inset -2px -2px #000,inset 2px 2px #20264a}.hb.wide{letter-spacing:.08em;font-size:22px}.hb:hover,.hb:focus-visible{border-color:var(--edge-hi);color:var(--accent);outline:none}.hb:active{box-shadow:inset 2px 2px #000}.vote{flex:none;align-items:center;gap:4px;display:flex}.vote-score{text-align:center;min-width:2.2ch;color:var(--dim);font-size:22px}.hb.vb{min-width:36px;padding:0 6px;font-size:18px}#btn-up[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#btn-down[aria-pressed=true]{color:var(--accent-2);border-color:var(--accent-2)}.track{flex:1;min-width:0;line-height:1.05}.track-title{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:24px;overflow:hidden}.track-meta{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.vol{cursor:pointer;outline:none;flex:none;align-items:flex-end;gap:2px;height:26px;padding:2px;display:flex}.vol:focus-visible{box-shadow:0 0 0 2px var(--edge-hi)}.vol span{background:#1c2040;width:7px}.vol span.on{background:var(--accent)}.keys{color:var(--dim);opacity:.75;margin:0;font-size:17px;transition:opacity .6s steps(4,end);position:absolute;top:12px;left:16px}body.idle .keys{opacity:0}.scenes{background:#0000008c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.card{border:2px solid var(--edge-hi);background:linear-gradient(#10143a,#070920);width:min(560px,100%);box-shadow:inset 0 0 0 2px #000,6px 6px #000}.card header{letter-spacing:.06em;border-bottom:2px solid var(--edge);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:22px;display:flex}.tabs{flex-wrap:wrap;gap:4px;padding:10px 14px 0;display:flex}.tabs button{letter-spacing:.06em;color:var(--dim);cursor:pointer;background:#05071a;border:2px solid #1c2250;padding:2px 8px;font-size:18px}.tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.tabs button:hover,.tabs button:focus-visible{border-color:var(--accent-2);outline:none}.grid{grid-template-columns:repeat(5,1fr);gap:8px;max-height:min(62vh,520px);padding:14px;display:grid;overflow-y:auto}.slot{aspect-ratio:1;color:#3a4070;background:#05071a;border:2px solid #1c2250;place-items:center;padding:0;font-size:15px;display:grid}button.slot{cursor:pointer;color:#e6f080;text-shadow:2px 2px #000;background:radial-gradient(circle at 60% 35%,#3a5a2a,#0a1a20 70%);font-size:clamp(26px,6vw,40px)}button.slot[aria-current=true]{border-color:var(--accent)}button.slot:hover,button.slot:focus-visible{border-color:var(--accent-2);outline:none;animation:.5s step-end infinite blink-border}@keyframes blink-border{50%{border-color:var(--accent)}}.list{gap:4px;max-height:min(70vh,560px);padding:10px;display:grid;overflow-y:auto}.list button{text-align:left;cursor:pointer;background:#05071a;border:2px solid #1c2250;grid-template-columns:22px 1fr;align-items:baseline;gap:2px 8px;padding:6px 10px;font-size:22px;line-height:1.05;display:grid}.list button small{color:var(--dim);grid-column:2;font-size:17px}.list button .mark{color:var(--accent)}.list button[aria-current=true]{border-color:var(--accent)}.list button:hover,.list button:focus-visible{border-color:var(--accent-2);color:var(--accent);outline:none}.card footer{border-top:2px solid var(--edge);min-height:52px;padding:8px 12px 10px;font-size:20px;line-height:1.1}.card footer small{color:var(--dim);font-size:18px;display:block}.weather{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.section-label{letter-spacing:.1em;color:var(--dim);padding:12px 14px 4px;font-size:17px}.chips{flex-wrap:wrap;gap:6px;padding:4px 14px;display:flex}.chips button{letter-spacing:.04em;cursor:pointer;background:#05071a;border:2px solid #1c2250;padding:3px 10px;font-size:19px}.chips button[aria-checked=true]{border-color:var(--accent);color:var(--accent)}.chips button:hover,.chips button:focus-visible{border-color:var(--accent-2);outline:none}.mixer{gap:2px;max-height:min(48vh,420px);padding:4px 14px 12px;display:grid;overflow-y:auto}.mix-row{color:var(--dim);border:2px solid #0000;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:3px 6px;font-size:21px;display:grid}.mix-row.on,.mix-row.master{color:var(--ink)}.mix-row.master{border-bottom:2px solid #1c2250;margin-bottom:4px}.mix-icon{text-align:center;color:var(--accent-3)}.vol.mini{height:22px}.vol.mini span{width:9px}.mix-foot,.help-foot{color:var(--dim);align-items:center;gap:10px;font-size:17px;display:flex}.help-foot{gap:6px}.help-foot a{color:var(--accent-3)}.hb.small{letter-spacing:.06em;min-width:0;height:30px;font-size:17px}.keylist{grid-template-columns:max-content 1fr;gap:2px 16px;max-height:min(64vh,560px);margin:0;padding:10px 16px;font-size:21px;display:grid;overflow-y:auto}.keylist dt{color:var(--accent)}.keylist dd{color:var(--ink);margin:0}.search{width:calc(100% - 28px);font:inherit;color:var(--ink);background:#05071a;border:2px solid #1c2250;outline:none;margin:10px 14px 0;padding:4px 8px;font-size:21px;display:block}.search:focus{border-color:var(--accent)}.linkish{cursor:pointer;color:var(--dim);background:0 0;border:none;padding:0;font-size:17px}.linkish:hover,.linkish:focus-visible{color:var(--accent);outline:none}.status{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:10px;right:12px}.status>*{pointer-events:auto}.chip{background:var(--panel);border:2px solid var(--edge);padding:2px 10px;font-size:20px;box-shadow:3px 3px #000}.chip.rest{border-color:var(--accent-3);color:var(--accent-3)}#timer-chip{color:var(--accent);font-size:22px}.people{color:var(--dim);transition:opacity .6s steps(4,end)}.react-bar{gap:4px;transition:opacity .6s steps(4,end);display:flex}.react-btn{background:var(--panel);border:2px solid var(--edge);cursor:pointer;width:34px;height:32px;color:var(--accent-2);padding:0;font-size:20px}.react-btn.star{color:#f0d070}.react-btn.note{color:var(--accent-3)}.react-btn.moon{color:#e8e0b0}.react-btn.lantern:before{content:"";background:linear-gradient(#ffcf70,#f08a30);width:10px;height:13px;margin:0 auto;display:block;box-shadow:0 0 8px #ffb050}.react-btn:hover,.react-btn:focus-visible{border-color:var(--accent);outline:none}body.idle .react-bar{opacity:0}body.idle .people{opacity:.45}.reactions{pointer-events:none;position:absolute;inset:0;overflow:hidden}.reactions .float{color:var(--accent-2);text-shadow:2px 2px #000;font-size:28px;animation:4.5s steps(24,end) forwards float-up;position:absolute;bottom:90px}.reactions .float.star{color:#f0d070}.reactions .float.note{color:var(--accent-3)}.reactions .float.moon{color:#e8e0b0}@keyframes float-up{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:1;transform:translateY(-20px)scale(1)}to{transform:translate(var(--sway), -46vh);opacity:0}}.reactions .lantern{background:linear-gradient(#ffd98a,#f0902e 70%,#b85a1a);width:12px;height:16px;animation:60s linear forwards lantern;position:absolute;bottom:-30px;box-shadow:0 0 10px 3px #ffaa46b3,0 0 30px 10px #ff8c3240}.reactions .lantern:after{content:"";background:#5a2a10;height:3px;position:absolute;bottom:-3px;left:3px;right:3px}@keyframes lantern{0%{opacity:0;transform:translate(0)}4%{opacity:1}25%{transform:translate(var(--sway), -30vh)}50%{transform:translate(calc(var(--sway) * -.6), -60vh)}85%{opacity:.9}to{transform:translate(var(--sway), -110vh);opacity:0}}.toast{letter-spacing:.06em;background:var(--panel);border:2px solid var(--accent);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);padding:4px 14px;font-size:21px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:4px 4px #000}body.bare #app{grid-template-rows:1fr;grid-template-columns:1fr}body.bare .spine,body.bare .hud,body.bare .keys,body.bare .status,body.obs .toast,body.obs .title{display:none!important}@media (width<=640px){.status{top:8px;right:8px}.chip{font-size:17px}.hud .hb.wide{padding:0 7px;font-size:18px}}@media (prefers-reduced-motion:reduce){.reactions .float{animation-duration:3s}}@media (width<=640px){#app{grid-template-rows:44px 1fr;grid-template-columns:1fr}.spine{border-bottom:1px solid #1a1a1a;border-right:none;flex-direction:row;padding:0 12px}.spine-badge{width:auto;padding:2px 6px;display:flex}.spine-badge svg{width:18px;height:18px}.spine-word{writing-mode:horizontal-tb;font-size:26px;transform:none}.spine-foot{display:none}.hud{flex-wrap:wrap;bottom:12px}.track{flex-basis:100%;order:-1}.vol{margin-left:auto}.keys{display:none}.grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.press,button.slot:hover,button.slot:focus-visible{animation:none}}