:root{--bg:#101418;--bg-raise:#1a2129;--border:#2b3540;--text:#c7d2dc;--text-dim:#7a8894;--accent:#ffe082;--live:#ff5252;--up:#66bb6a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.4 var(--sans);margin:0;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}#topbar{background:var(--bg-raise);border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:52px;padding:8px 14px;display:flex}#topbar h1{font-family:"Press Start 2P", var(--sans);text-transform:uppercase;color:var(--accent);white-space:nowrap;margin:0;font-size:14px;font-weight:400}#scores{flex:1;gap:10px;display:flex;overflow:hidden}.no-matches{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-self:center;min-width:0;overflow:hidden}.no-matches .play-link{color:var(--live);text-decoration:none}.no-matches .play-link:hover{text-decoration:underline}.match{border:1px solid var(--border);background:var(--bg);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:8px;padding:4px 10px;display:flex}.match.live{border-color:var(--live)}.match .team{align-items:center;gap:5px;font-weight:600;display:flex}.match .team img{object-fit:contain;width:18px;height:18px}.match .score{font-variant-numeric:tabular-nums;font-weight:700}.match .status{color:var(--text-dim);font-size:12px}.match.live .status{color:var(--live);font-weight:700}#radiobar{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex}#radiobar:empty{display:none}#radiobar .radio-mute{border:1px solid var(--border);background:var(--bg);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:3px 7px}#radiobar .radio-track{color:var(--text);text-overflow:ellipsis;max-width:240px;font-size:12px;overflow:hidden}#radiobar .radio-track.off{color:var(--text-dim)}#session{white-space:nowrap;align-items:center;gap:8px;display:flex}#session .who{color:var(--accent);font-weight:600}#session form{gap:6px;display:flex}#session input{border:1px solid var(--border);background:var(--bg);width:170px;color:var(--text);font:inherit;border-radius:6px;padding:5px 9px}#session input:focus{border-color:var(--accent);outline:none}#session button{border:1px solid var(--border);background:var(--accent);color:#1a1500;font:inherit;cursor:pointer;border-radius:6px;padding:5px 12px;font-weight:700}#session #logout{color:var(--text-dim);background:0 0;font-weight:500}#middle{flex:1;min-height:0;display:flex}#chatbar{background:var(--bg-raise);border-right:1px solid var(--border);flex-direction:column;flex:none;width:250px;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.chat-head-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-title{font-family:"Press Start 2P", var(--sans);text-transform:uppercase;color:var(--accent);font-size:10px}.chat-flag{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:4px 6px;font-size:16px}.chat-flag:focus{border-color:var(--accent);outline:none}.chat-msgs{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.chat-msg{font-size:13px}.chat-who{color:var(--accent);font-weight:600}.chat-msg-flag:not(:empty),.chat-text{margin-left:4px}.chat-form{border-top:1px solid var(--border);padding:8px 10px}.chat-form input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:6px 9px;font-size:16px}.chat-form input:focus{border-color:var(--accent);outline:none}.chat-form input:disabled{opacity:.6}#pitch{background:radial-gradient(at 50% 40%,#16241b 0%,#0d1410 75%);flex:1;min-width:0;min-height:0;position:relative}#pitch canvas{touch-action:none;display:block;position:absolute;inset:0}#statusbar{background:var(--bg-raise);border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:14px;padding:5px 14px;font-size:12px;display:flex}.conn:before{content:"●";color:var(--live);margin-right:5px}.conn.up:before{color:var(--up)}.streamstatus{color:var(--text-dim);margin-left:auto}.golive{border:1px solid var(--border);color:var(--live);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.streamstatus:empty+.golive{margin-left:auto}.golive[data-status=live]{background:var(--live);color:#1a0000;border-color:var(--live)}.golive:disabled{cursor:default;opacity:.7}@media (width<=720px){#topbar{flex-wrap:wrap;gap:10px}#topbar h1{white-space:normal;width:min-content;font-size:11px;line-height:1.25}#session{flex-basis:100%}#session input{width:120px}#radiobar .radio-track{max-width:130px}#chatbar{width:180px}.match{gap:5px;padding:3px 7px;font-size:12px}.match .team{gap:4px}.match .team img{width:14px;height:14px}.match .status{font-size:10px}}.chat-toggle,.chat-close{display:none}@media (width<=600px){#chatbar{z-index:90;border-right:0;width:100%;transition:transform .2s;position:fixed;inset:0;transform:translate(-100%)}#app.chat-open #chatbar{transform:translate(0)}.chat-toggle{z-index:80;border:1px solid var(--border);background:var(--bg-raise);width:48px;height:48px;color:var(--text-dim,var(--text));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:44px;left:12px}#app.chat-open .chat-toggle{display:none}.chat-close{border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;display:block}}body.broadcast #topbar,body.broadcast #chatbar,body.broadcast #statusbar,body.broadcast .chat-toggle,body.broadcast #invite-card,body.broadcast #join-toast{display:none!important}.shop{--bone:#f2ede4;--led:#ffe082;--pitch-red:#ff5252;--pitch-green:#66bb6a;--px-font:"Silkscreen", monospace;--r-common:#9aa7b2;--r-uncommon:#66bb6a;--r-rare:#4fc3f7;--r-epic:#ba68c8;--r-legendary:#ffb74d;z-index:100;opacity:1;background:radial-gradient(90% 55% at 50% -10%,#f2ede421,#0000 70%),#000;place-items:center;transition:opacity .35s;animation:.45s ease-out both shop-house-lights;display:grid;position:fixed;inset:0}.shop.shop-out{opacity:0;pointer-events:none}.shop:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#ffffff07 2px 3px);position:absolute;inset:-4px 0}@keyframes shop-house-lights{0%{opacity:0}}.shop-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(94vw,920px);max-height:92vh;padding:24px;display:flex;position:relative}.shop-header{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px;display:flex}.shop-kicker{font:700 13px/1 var(--px-font);letter-spacing:.34em;text-transform:uppercase;color:var(--led);margin:0}.shop-gold{font:700 14px/1 var(--px-font);color:#000;background:var(--led);letter-spacing:.08em;padding:8px 12px 6px}.shop-tabs{border-bottom:1px solid #f2ede42e;gap:4px;width:100%;display:flex}.shop-tab{font:700 11px/1 var(--px-font);letter-spacing:.2em;text-transform:uppercase;color:#f2ede466;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 8px 14px;transition:color .16s,border-color .16s}.shop-tab:hover,.shop-tab:focus-visible{color:#f2ede4bf;outline:none}.shop-tab[aria-selected=true]{color:var(--led);border-bottom-color:var(--led)}.shop-panels{width:100%;overflow:auto}.shop-panel[hidden]{display:none}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:10px;display:grid}.shop-empty{font:12px/1.4 var(--sans,system-ui, sans-serif);color:var(--text-dim,#7a8894);grid-column:1/-1;margin:18px 0}.shop-item{--accent:var(--r-common);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 9%, #000);cursor:pointer;color:var(--bone);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 8px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:flex}.shop-item.shop-common{--accent:var(--r-common)}.shop-item.shop-uncommon{--accent:var(--r-uncommon)}.shop-item.shop-rare{--accent:var(--r-rare)}.shop-item.shop-epic{--accent:var(--r-epic)}.shop-item.shop-legendary{--accent:var(--r-legendary)}.shop-item:hover,.shop-item:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, #000);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);outline:none;transform:translateY(-2px)}.shop-item.shop-broke{opacity:.4;cursor:not-allowed}.shop-item.shop-broke:hover{box-shadow:none;transform:none}.shop-icon{place-items:center;width:56px;height:56px;display:grid;position:relative}.shop-count{font:700 9px/1 var(--px-font);color:var(--bg,#000);background:var(--accent);border-radius:6px;padding:1px 4px;position:absolute;top:-4px;right:-4px}.shop-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.shop-icon-blank{width:100%;height:100%;font:700 22px/1 var(--px-font);color:var(--accent);border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent);place-items:center;display:grid}.shop-name{font:11px/1.2 var(--sans,system-ui, sans-serif);align-items:center;min-height:2.4em;display:flex}.shop-tier{font:700 8px/1 var(--px-font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.shop-foot{align-items:center;gap:6px;margin-top:2px;display:flex}.shop-price{font:700 11px/1 var(--px-font);color:var(--led)}.shop-action{font:700 8px/1 var(--px-font);letter-spacing:.12em;text-transform:uppercase;color:#000;background:var(--bone);padding:4px 6px 3px}.shop-stock{font:8px/1 var(--px-font);letter-spacing:.08em;text-transform:uppercase;color:#f2ede466}.shop-status{min-height:1.4em;font:12px/1.4 var(--sans,system-ui, sans-serif);color:var(--text-dim,#7a8894);margin:0}.shop-status.shop-pending{color:var(--led)}.shop-status.shop-won{color:var(--pitch-green);font-weight:700}.shop-status.shop-lost{color:var(--pitch-red)}.shop-leave{font:11px/1 var(--px-font);letter-spacing:.1em;color:#f2ede466;cursor:pointer;background:0 0;border:0;padding:8px;transition:color .18s}.shop-leave:hover,.shop-leave:focus-visible{color:var(--bone)}@media (prefers-reduced-motion:reduce){.shop,.shop-item{transition:none;animation:none}}.trophy{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ad1;place-items:center;animation:.5s both tr-fade;display:grid;position:fixed;inset:0}.trophy.tr-out{opacity:0;transition:opacity .45s}.tr-stage{text-align:center;padding:2.5rem 2rem;animation:.6s cubic-bezier(.2,.7,.2,1) both tr-rise}.tr-kicker{letter-spacing:.12em;color:#f7d774;text-shadow:0 2px #0009;margin:0 0 1.2rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem)}.tr-art{width:clamp(96px,24vw,160px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 10px #0000008c);animation:2.4s ease-in-out infinite tr-bob}.tr-title{color:#f4f1e8;text-shadow:0 3px #0009;margin:1.4rem 0 0;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,4vw,2rem);line-height:1.4}.tr-status{color:#b8c0cc;min-height:1.2em;margin:1rem 0 1.6rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem);line-height:1.8}.tr-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.tr-claim,.tr-dismiss{cursor:pointer;border-radius:999px;padding:.55rem 1.4rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem);transition:background .15s,border-color .15s}.tr-claim{color:#0c1018;background:#f7d774;border:1px solid #f7d774}.tr-claim:hover:not(:disabled){background:#ffe79a;border-color:#ffe79a}.tr-dismiss{color:#f4f1e8;background:0 0;border:1px solid #f4f1e866}.tr-dismiss:hover:not(:disabled){background:#f4f1e81a;border-color:#f4f1e8b3}.tr-claim:disabled,.tr-dismiss:disabled{opacity:.5;cursor:default}@keyframes tr-fade{0%{opacity:0}}@keyframes tr-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes tr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.level-end{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ad1;place-items:center;animation:.5s both le-fade;display:grid;position:fixed;inset:0}.level-end.le-out{opacity:0;transition:opacity .45s}.le-stage{text-align:center;padding:2.5rem 2rem;animation:.6s cubic-bezier(.2,.7,.2,1) both le-rise}.le-title{color:#f4f1e8;text-shadow:0 3px #0009;margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,4.5vw,2.4rem);line-height:1.4}.le-sub{color:#b8c0cc;margin:1.6rem 0 2rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem);line-height:1.8}.le-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.le-dismiss,.le-primary{color:#f4f1e8;cursor:pointer;background:0 0;border:1px solid #f4f1e866;border-radius:999px;padding:.55rem 1.4rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem);transition:background .15s,border-color .15s}.le-dismiss:hover{background:#f4f1e81a;border-color:#f4f1e8b3}.le-primary{color:#0c1018;background:#f4f1e8;border-color:#f4f1e8}.le-primary:hover{background:#fffdf7;border-color:#fffdf7}@keyframes le-fade{0%{opacity:0}}@keyframes le-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}}.actor-prompt{--px-font:"Silkscreen", monospace;z-index:50;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-raise) 92%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;border-radius:10px;width:min(320px,100% - 28px);padding:12px 14px;transition:opacity .3s,transform .3s;animation:.4s ease-out both ap-rise;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 28px #0000008c}.actor-prompt.ap-out{opacity:0;pointer-events:none;transform:translateY(10px)}@keyframes ap-rise{0%{opacity:0;transform:translateY(14px)}}.ap-kicker{font:700 10px/1 var(--px-font);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.ap-body{align-items:center;gap:12px;display:flex}.ap-preview{width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 3px 6px #0009);background:url(/warrior.png) -72px 0/216px 288px no-repeat;flex:none;animation:2.2s ease-in-out infinite ap-bob}@keyframes ap-bob{50%{transform:translateY(-4px)}}.ap-text{color:var(--text);margin:0;font-size:13px}.ap-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;display:flex}.ap-create{background:var(--accent);color:#1a1500;font:700 11px/1 var(--px-font);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:6px 12px;text-decoration:none}.ap-create:hover,.ap-create:focus-visible{filter:brightness(1.1)}.ap-recheck,.ap-dismiss{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}.ap-recheck:hover,.ap-recheck:focus-visible,.ap-dismiss:hover,.ap-dismiss:focus-visible{color:var(--text)}.ap-recheck:disabled{opacity:.6;cursor:default}.ap-status{min-height:1.2em;color:var(--text-dim);margin:6px 0 0;font-size:12px}.ap-status:empty{display:none}.ap-status.ap-won{color:var(--up);font-weight:700}.ap-status.ap-lost{color:var(--live)}@media (prefers-reduced-motion:reduce){.actor-prompt,.ap-preview{animation:none}}.dialogue-card{--px-font:"Silkscreen", monospace;z-index:60;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-raise) 92%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;border-radius:10px;width:min(460px,100% - 28px);padding:12px 16px;animation:.3s ease-out both dlg-rise;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000008c}@keyframes dlg-rise{0%{opacity:0;transform:translate(-50%,12px)}}.dlg-kicker{font:700 10px/1 var(--px-font);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.dlg-text{color:var(--text);margin:0;font-size:14px;line-height:1.45}.dlg-more{color:var(--text-dim);font-size:12px;position:absolute;bottom:8px;right:10px}@media (prefers-reduced-motion:reduce){.dialogue-card{animation:none}}.pause-toggle{z-index:80;border:1px solid var(--border);background:var(--bg-raise);width:48px;height:48px;color:var(--text-dim,var(--text));letter-spacing:2px;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;bottom:44px;right:12px}.pause-screen[hidden]{display:none}.pause-screen{z-index:85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ad1;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.pa-stage{text-align:center;box-sizing:border-box;width:100%;max-width:420px;padding:2rem}.pa-title{color:#f4f1e8;text-shadow:0 3px #0009;margin:0 0 1.8rem;font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,4.5vw,2rem);line-height:1.4}.pa-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1.6rem;display:flex}.pa-primary,.pa-dismiss{color:#f4f1e8;cursor:pointer;background:0 0;border:1px solid #f4f1e866;border-radius:999px;padding:.55rem 1.4rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.6vw,.7rem);transition:background .15s,border-color .15s}.pa-primary{background:#3b82f640;border-color:#3b82f6cc}.pa-primary:hover,.pa-dismiss:hover{background:#f4f1e81f}.pa-invite{text-align:left}.pa-settings{text-align:left;margin-top:.8rem}