: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;height:100%;display:grid}#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}}