:root{--bg:#0a1120;--panel:#0e1728;--line:#1f2c45;--ink:#e7edf6;--muted:#8c9bb4;--accent:#f2b33d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:IBM Plex Sans,system-ui,sans-serif}#app{grid-template-rows:1fr auto;grid-template-columns:230px 1fr;height:100%;display:grid}#app>footer{grid-column:2}#chapters{background:var(--panel);border-right:1px solid var(--line);grid-row:1/span 2;padding:14px 10px;overflow-y:auto}#chapters .head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 6px 8px;font:500 10.5px ui-monospace,Menlo,monospace}#chapters ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}#chapters button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:26px 1fr;align-items:baseline;gap:6px;padding:7px 8px;font:13px/1.3 system-ui,sans-serif;display:grid}#chapters button:hover{color:var(--ink);background:#14203a}#chapters .n{color:#5d7196;font:500 11px ui-monospace,Menlo,monospace}#chapters li.done button{color:#b9c5d8}#chapters li.done .n:after{content:" ✓";color:#5d8f6d}#chapters li.cur button{color:var(--ink);box-shadow:inset 3px 0 0 var(--accent);background:#f2b33d24}#chapters li.cur .n{color:var(--accent)}#chapters li.side button{font-style:italic}@media (max-width:760px){#app{grid-template-columns:1fr}#chapters{display:none}#app>footer{grid-column:1}}#stage{background:radial-gradient(ellipse 80% 70% at 50% 42%, #13223d 0%, #0d182c 55%, var(--bg) 100%);min-height:0;position:relative;overflow:hidden}#stage canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#titlecard{pointer-events:none;z-index:1;max-width:min(60%,520px);position:absolute;top:14px;left:16px}#place{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font:500 11px ui-monospace,Menlo,monospace}#title{margin:4px 0 0;font:600 clamp(24px,3.2vw,36px)/1.08 Georgia,serif}#count{color:var(--muted);margin-top:6px;font:11px ui-monospace,Menlo,monospace}footer{background:var(--panel);border-top:1px solid var(--line);gap:10px;padding:12px 16px 14px;display:grid}#beat{max-width:76ch;min-height:4.5em;font-size:16px;line-height:1.5}.transport{align-items:center;gap:10px;display:flex}.btn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#14203a;border:1px solid #2a3a58;border-radius:50%;flex:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1d1404;width:46px;height:46px}.btn:disabled{opacity:.35;cursor:default}#scrub{min-width:80px;accent-color:var(--accent);flex:1}#time{color:var(--muted);white-space:nowrap;font:12px ui-monospace,Menlo,monospace}.hint{color:#6d7f9e;font:11px ui-monospace,Menlo,monospace}@media (max-width:640px){#beat{font-size:14.5px}#time{display:none}}#VRButton{z-index:2;inset:14px 16px auto auto!important}#beat.timed span{color:var(--muted);transition:color .12s}#beat.timed span.said{color:var(--ink)}#beat.timed span.cur{color:#ffd27a}#ledger{z-index:1;border:1px solid var(--line);background:#0e1728db;border-radius:8px;min-width:188px;max-width:260px;padding:8px 11px;font:12px/1.4 ui-monospace,Menlo,monospace;position:absolute;top:64px;right:16px}#ledger[hidden]{display:none}#ledger .row{justify-content:space-between;gap:14px;display:flex}#ledger .row span{color:var(--muted)}#ledger .total{border-top:1px solid #2a3a58;margin-top:5px;padding-top:5px}#ledger .total b{color:var(--accent)}#ledger .note{color:var(--muted);margin-top:6px;font-size:10.5px}#key{z-index:1;border:1px solid var(--line);background:#0e1728db;border-radius:8px;max-width:300px;padding:8px 11px;font-size:12px;line-height:1.45;position:absolute;bottom:14px;left:16px}#key b{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font:500 10.5px ui-monospace,Menlo,monospace;display:block}#key .row{align-items:baseline;gap:8px;display:flex}#key .sw{border-radius:3px;flex:none;width:14px;height:10px;transform:translateY(1px)}#key i{color:var(--muted);font-style:normal}#key .scale{color:var(--muted);border-top:1px solid #22314d;margin-top:6px;padding-top:5px;font-size:11px}#start{z-index:2;border:1px solid var(--accent);color:var(--ink);cursor:pointer;background:#0a1120d9;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 26px;font:500 15px system-ui,sans-serif;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#start .big{color:var(--accent);font-size:34px;line-height:1}#start[hidden]{display:none}.hint b{color:#9fb0cc;font-weight:500}@media (max-width:640px){#key{max-width:calc(100% - 32px);font-size:11px}#ledger{top:auto;bottom:10px}}.toggle{color:#c8f0c8;cursor:pointer;background:#1b3a26;border:1px solid #2f5a3d;border-radius:16px;flex:none;height:32px;padding:0 12px;font:500 12px ui-monospace,Menlo,monospace}.toggle:before{content:"● ";color:#6fd08c}.toggle.off{color:var(--muted);background:#14203a;border-color:#2a3a58}.toggle.off:before{content:"○ ";color:var(--muted)}