:root,:root[data-theme=dark]{--bg:#0e0e10;--panel:#161619;--panel-2:#1e1e22;--panel-edge:#2c2c32;--ink:#f2f1ee;--ink-dim:#a7a59f;--ink-faint:#6c6a64;--accent:#ff5a3c;--live:#ff5a3c;--ok:#46c46f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#e9e7e2;--panel:#fff;--panel-2:#f1efea;--panel-edge:#cbc8c0;--ink:#161519;--ink-dim:#55534d;--ink-faint:#8a877f;--accent:#d8431f;--live:#d8431f;--ok:#2f9d52;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;border-radius:0;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Space Mono,monospace;overflow:hidden}button{font-family:inherit}.app{flex-direction:column;gap:14px;height:100vh;padding:16px clamp(14px,3vw,36px);display:flex}.topbar{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand .mark{color:var(--accent);font-size:26px;line-height:1}.brand h1{letter-spacing:-.02em;color:var(--ink);text-transform:lowercase;font-family:Syne,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1}.tag{color:var(--ink-dim);margin-top:3px;font-size:12px}.stats{align-items:center;gap:clamp(14px,2.5vw,30px);display:flex}.stat{flex-direction:column;align-items:flex-end;display:flex}.stat-num{color:var(--ink);font-family:Syne,sans-serif;font-size:clamp(18px,2.4vw,26px);font-weight:700}.stat-num.pulse-live{color:var(--accent)}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px;font-size:10px}.stat.mode{border:1px solid var(--panel-edge);background:var(--panel);flex-direction:row;align-items:center;gap:8px;padding:7px 12px}.mode .dot{width:8px;height:8px}.mode-firebase .dot{background:var(--ok)}.mode-local .dot{background:var(--accent)}.theme-toggle{border:1px solid var(--ink);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 14px;font-size:11px}.theme-toggle:hover{background:var(--ink);color:var(--bg)}.layout{flex:1;grid-template-columns:270px 1fr 280px;gap:14px;min-height:0;display:grid}.roster,.feed{background:var(--panel);border:1px solid var(--panel-edge);flex-direction:column;min-height:0;padding:16px 12px;display:flex;overflow:hidden}.rail-title{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:8px;margin-bottom:12px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;display:flex}.roster ul{flex-direction:column;gap:8px;list-style:none;display:flex;overflow-y:auto}.totem-card{border:1px solid var(--panel-edge);background:var(--panel-2);width:100%;color:var(--ink);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:10px 11px;font-family:inherit;display:flex}.totem-card:hover{border-color:var(--ink-dim)}.totem-card.sel{border-color:var(--glow);border-left:4px solid var(--glow)}.swatch{background:var(--hue);border:2px solid var(--glow);flex-shrink:0;width:28px;height:28px}.card-body{flex-direction:column;flex:1;min-width:0;display:flex}.card-name{font-family:Syne,sans-serif;font-size:15px;font-weight:700}.card-epithet{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.card-count{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.cc-num{color:var(--glow);font-size:14px;font-weight:700}.cc-top{font-size:11px}.stage-col{flex-direction:column;gap:12px;min-height:0;display:flex}.stage-frame{border:1px solid var(--panel-edge);background:var(--panel);flex:1;min-height:0;position:relative;overflow:hidden}.stage-frame canvas{display:block}.stage-overlay{pointer-events:none;position:absolute;top:18px;left:20px}.stage-kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.stage-name{letter-spacing:-.03em;color:var(--ink);font-family:Syne,sans-serif;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:.95}.stage-epithet{color:var(--ink-dim);font-size:14px}.stage-count{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;align-items:baseline;gap:7px;font-size:11px;display:flex;position:absolute;bottom:16px;right:20px}.stage-count .num{color:var(--ink);font-family:Syne,sans-serif;font-size:24px;font-weight:700}.bursts{pointer-events:none;position:absolute;inset:0;overflow:hidden}.burst{font-size:34px;animation:1.4s ease-out forwards rise;position:absolute;bottom:30%}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.5)}18%{opacity:1;transform:translateY(-14px)scale(1.15)}to{opacity:0;transform:translateY(-160px)scale(.9)}}.stage-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex;position:absolute;inset:0}.fallback-orb{background:var(--glow);width:90px;height:90px}.fallback-title{color:var(--ink);font-family:Syne,sans-serif;font-size:28px;font-weight:800}.fallback-msg{color:var(--ink-dim);max-width:360px;font-size:13px;line-height:1.6}.lore{color:var(--ink-dim);text-align:center;border-left:3px solid var(--accent);padding-left:12px;font-size:13px;line-height:1.5}.deck-title{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;margin-bottom:10px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;display:flex}.deck-hint{letter-spacing:.1em;color:var(--ink-faint);border:1px solid var(--panel-edge);text-transform:none;padding:2px 7px;font-size:9px}.deck-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.gesture-btn{border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:14px 6px 11px;font-family:inherit;display:flex;position:relative}.gesture-btn:hover{border-color:var(--ink);background:var(--panel-2)}.gesture-btn:active{transform:translateY(1px)}.gesture-btn.firing{border-color:var(--accent);background:var(--accent);color:#fff}.g-key{color:var(--ink-faint);font-size:9px;position:absolute;top:5px;left:7px}.gesture-btn.firing .g-key,.gesture-btn.firing .g-name{color:#fff}.g-glyph{font-size:26px;line-height:1}.g-name{letter-spacing:.04em;color:var(--ink-dim);font-size:11px}.live-dot{background:var(--live);width:8px;height:8px}.feed ul{flex-direction:column;gap:2px;list-style:none;display:flex;overflow-y:auto}.feed-empty{color:var(--ink-faint);font-size:13px;line-height:1.5}.feed-row{border-left:3px solid #0000;align-items:center;gap:10px;padding:8px;animation:.4s slide-in;display:flex}.feed-row.mine{background:var(--panel-2);border-left-color:var(--accent)}@keyframes slide-in{0%{opacity:0;transform:translate(10px)}}.feed-glyph{flex-shrink:0;font-size:18px}.feed-text{min-width:0;color:var(--ink-dim);flex:1;font-size:12px;line-height:1.35}.feed-who{color:var(--ink)}.feed-avatar{font-weight:700}.feed-time{color:var(--ink-faint);flex-shrink:0;font-size:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--panel-edge)}@media (width<=1080px){body{overflow:auto}.app{height:auto;min-height:100vh}.layout{grid-template-columns:1fr}.stage-frame{min-height:60vh}.roster ul{flex-flow:wrap}.roster li{flex:180px}}@media (width<=560px){.stats{flex-wrap:wrap;justify-content:space-between;width:100%}}