:root{--bg: #05070a;--panel: #0e1730;--line: #20336e;--accent: #ff00aa;--left: #ff8c1a;--right: #1a9bff;--text: #e6f0ff}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Verdana,Tahoma,Geneva,sans-serif}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:linear-gradient(90deg,#0d1942,#13234f);border-bottom:2px solid #20336e;padding:8px 12px}header .left{display:flex;align-items:center;gap:10px}header #btnHelp{padding:6px 10px;border:1px solid #3558b6;background:linear-gradient(#19305f,#0f2149);color:#e8f3ff;border-radius:4px;cursor:pointer}header #btnHelp:hover{filter:brightness(1.08)}header .brand{font-weight:900;color:#00ffd5;text-shadow:0 0 6px #00ffd588}header .right{justify-self:end;display:flex;gap:8px}header .left{justify-self:start}.pill-state{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(#19305f,#0f2149);border:1px solid #3558b6;color:#e8f3ff;padding:6px 10px;border-radius:4px;font-weight:700;font:12px/1 var(--mono, monospace, Verdana)}.pill-state .tag{opacity:.8}button{background:linear-gradient(#19305f,#0f2149);border:1px solid #3558b6;color:#e8f3ff;padding:6px 10px;border-radius:4px;font-weight:700;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:not-allowed}#stage{position:fixed;inset:var(--header-h, 48px) 0 0 0}#view{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:auto;height:auto;max-width:100%;max-height:100%;touch-action:none}.banter{position:absolute;top:8px;max-width:42%;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:800;letter-spacing:.2px;z-index:10;pointer-events:none}.banter.left{left:12px;text-align:left;color:var(--left)}.banter.right{right:12px;text-align:right;color:var(--right)}#helpOverlay,#statsOverlay{position:fixed;inset:0;z-index:1000}#helpOverlay .help-backdrop,#statsOverlay .help-backdrop{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#helpOverlay .help-panel,#statsOverlay .help-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1000px,96vw);max-height:min(70vh,800px);overflow-y:auto;overflow-x:hidden;background:#0b1422;border:1px solid #203348;border-radius:12px;box-shadow:0 12px 34px #0000008c;color:#d0e7ff;outline:none}#helpOverlay .help-header,#statsOverlay .help-header{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #243348;background:linear-gradient(180deg,#0f203f,#0d1a33);border-top-left-radius:12px;border-top-right-radius:12px}#helpOverlay .help-header h2,#statsOverlay .help-header h2{margin:0;font-size:18px}#helpOverlay .help-header .help-sub,#statsOverlay .help-header .help-sub{opacity:.8;font-size:12px;margin-left:auto;margin-right:10px}#helpOverlay .help-header .help-sub.enabled,#statsOverlay .help-header .help-sub.enabled{color:#7dffa6}#helpOverlay .help-header .help-sub.disabled,#statsOverlay .help-header .help-sub.disabled{color:#a0a8b8}#helpOverlay .help-close,#statsOverlay .help-close{margin-left:auto;padding:6px 10px;border-radius:4px;border:1px solid #3558b6;background:linear-gradient(#19305f,#0f2149);color:#e8f3ff;cursor:pointer}#helpOverlay .help-close:hover,#statsOverlay .help-close:hover{filter:brightness(1.08)}#helpOverlay .help-body,#statsOverlay .help-body{padding:14px 16px 16px}#helpOverlay .help-note,#statsOverlay .help-note{margin:0 0 12px;opacity:.85}#helpOverlay .help-grid{display:grid;grid-template-columns:1fr;gap:10px 18px}@media (min-width: 640px){#helpOverlay .help-grid{grid-template-columns:1fr 1fr}}#helpOverlay .help-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 10px;border:1px solid #1a2a48;background:#0d1930;border-radius:8px}#helpOverlay .help-item .keys{display:flex;align-items:center;gap:6px;white-space:nowrap}#helpOverlay .help-item .keys .sep{opacity:.6;margin:0 2px}#helpOverlay .help-item .desc{opacity:.95}#helpOverlay .help-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;opacity:.6}#helpOverlay .help-footer a{color:#7ab8ff;text-decoration:none}#helpOverlay .help-footer a:hover{text-decoration:underline}#helpOverlay .help-build{color:#a0a8b8}#helpOverlay kbd,#statsOverlay kbd{display:inline-block;min-width:18px;padding:2px 6px;border-radius:6px;border:1px solid #2b3f72;background:linear-gradient(#16264d,#0f1e3f);box-shadow:inset 0 1px #ffffff0d;color:#e6f0ff;font:12px/1 var(--mono, monospace, Verdana);text-align:center}.scoreboard{justify-self:center;display:inline-flex;gap:10px;align-items:baseline;background:#0e1730cc;border:1px solid #2b3a78;border-radius:6px;padding:4px 8px}.scoreboard .tag{font-weight:700;opacity:.9}.scoreboard .left{color:var(--left, #58e6ff)}.scoreboard .right{color:var(--right, #ff69d4)}.scoreboard .sep{opacity:.55}.audio-popover{position:fixed;z-index:1001;min-width:200px;padding:10px 12px;background:#0b1422;border:1px solid #203348;border-radius:8px;box-shadow:0 10px 24px #00000073}.audio-popover .audio-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:12px;margin:6px 0}.audio-popover input[type=range]{width:140px}.audio-popover .audio-row.buttons{grid-template-columns:1fr 1fr;gap:10px}.audio-popover .audio-row select{width:140px;padding:4px;background:#0f1e3f;border:1px solid #2b3f72;color:#e6f0ff;border-radius:4px}