:root{color-scheme:dark;--bg-void: #0a0700;--arena-void: #000000;--bg-panel: #12100a;--bg-panel-2: #171308;--accent: #ffb62e;--accent-dim: #8a6a1e;--accent-deep: #4a3a12;--text: #f2e4c4;--text-dim: #a8946a;--text-mute: #6e6144;--alert: #ff3b5c;--edge: rgba(255, 182, 46, .16);--edge-soft: rgba(255, 182, 46, .08);--glow: rgba(255, 182, 46, .18);--glow-soft: rgba(255, 182, 46, .08);--font: ui-monospace, SFMono-Regular, Menlo, "Cascadia Mono", monospace}*{box-sizing:border-box}html{background-color:var(--bg-void)}html.render-gpu{background-image:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,182,46,.035) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,182,46,.035) 39px 40px);background-size:40px 40px,40px 40px;animation:gridDrift 34s linear infinite}@keyframes gridDrift{to{background-position:0 400px,400px 0}}body{margin:0;background:transparent;color:var(--text);font:14px/1.45 var(--font);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,rgba(255,182,46,.08),transparent 60%),radial-gradient(100% 100% at 50% 120%,rgba(255,90,46,.05),transparent 55%)}html.render-gpu body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000029,#0000 4px);opacity:.55;mix-blend-mode:multiply}::selection{background:#ffb62e47;color:#fff}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.card,.viz-cell,.overlay .panel{position:relative;background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-panel));border:1px solid var(--edge);border-radius:4px;box-shadow:inset 0 1px #ffb62e0d,0 10px 34px #0000008c}.card:before,.viz-cell:before,.overlay .panel:before,.card:after,.viz-cell:after,.overlay .panel:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none}.card:before,.viz-cell:before,.overlay .panel:before{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.card:after,.viz-cell:after,.overlay .panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}html.render-gpu .card:before,html.render-gpu .card:after,html.render-gpu .viz-cell:before,html.render-gpu .viz-cell:after,html.render-gpu .overlay .panel:before,html.render-gpu .overlay .panel:after{box-shadow:0 0 8px var(--glow)}header{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,rgba(255,182,46,.05),transparent);position:relative}header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}header .brand{display:flex;align-items:center;gap:12px;cursor:pointer}header .brand-logo{width:36px;height:36px;flex:none}header .brand-text{display:flex;flex-direction:column}header .brand h1{margin:0;font-size:17px;letter-spacing:4px;font-weight:700;color:var(--text)}html.render-gpu header .brand h1{text-shadow:0 0 5px var(--glow)}header .brand .sub{color:var(--text-mute);font-size:11px;letter-spacing:.5px}.logo{display:block;width:100%;height:100%}.logo-ring,.logo-pulse{transform-box:fill-box;transform-origin:center}.logo-pulse{opacity:.5}html.render-gpu .logo-hex{filter:drop-shadow(0 0 3px var(--glow-soft))}html.render-gpu .logo-ring{animation:logoSpin 22s linear infinite}@keyframes logoSpin{to{transform:rotate(360deg)}}html.render-gpu .logo-pulse{animation:logoPulse 2.8s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.9);opacity:0}}header .spacer{flex:1}nav{display:flex;gap:6px}nav button,.controls button,.overlay button{background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:3px;padding:7px 13px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:1px;text-transform:uppercase;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}nav button{position:relative;border:0;padding:8px 10px}nav button:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}nav button:hover{color:var(--text)}nav button:hover:after{transform:scaleX(1);box-shadow:0 0 8px var(--glow)}nav button.nav-cta{color:var(--accent);border:1px solid var(--accent-dim);border-radius:4px;padding:7px 14px;margin-right:6px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}nav button.nav-cta:after{display:none}nav button.nav-cta:hover{color:var(--bg-void);background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow-soft)}.controls button,.overlay button{border-color:var(--edge);color:var(--text)}.controls button:hover,.overlay button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--glow-soft),inset 0 0 12px #ffb62e0f}.controls button:active,.overlay button:active{transform:translateY(1px)}.controls button{display:inline-flex;align-items:center;gap:7px}.glyph{display:block}.controls button .lbl{font-size:11px}#playpause{color:var(--accent);border-color:var(--accent-dim)}#playpause:hover{color:var(--accent);border-color:var(--accent)}html.render-gpu .controls button .glyph{filter:drop-shadow(0 0 2px var(--glow-soft))}html.render-gpu .controls button:hover .glyph{filter:drop-shadow(0 0 3px var(--glow))}.close-glyph{padding:6px!important;line-height:0;display:inline-flex;color:var(--text-mute)}.close-glyph:hover{color:var(--alert)!important;border-color:#ff3b5c80!important;box-shadow:0 0 12px #ff3b5c40!important}main{display:flex;gap:20px;padding:22px;flex-wrap:wrap}#arena{image-rendering:pixelated;background:var(--arena-void);border:1px solid var(--edge);border-radius:4px;box-shadow:inset 0 0 60px #0000008c}.side{min-width:300px;flex:1}.card{padding:13px 15px;margin-bottom:14px}.stat{display:flex;justify-content:space-between;padding:3px 0;font-variant-numeric:tabular-nums}.stat b{color:var(--text-dim);font-weight:500;letter-spacing:.5px}.stat span{color:var(--text)}.bar{height:7px;background:#ffb62e14;border:1px solid var(--edge-soft);border-radius:4px;overflow:hidden;margin-top:8px}.bar>div{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .1s;position:relative}html.render-gpu .bar>div{box-shadow:0 0 5px var(--glow)}html.render-gpu .bar>div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,246,224,.6),transparent);animation:shimmer 2.2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.player{display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"sw   name  meta" "rp   rp    rp";align-items:center;column-gap:9px;row-gap:7px;padding:11px 2px;border-bottom:1px solid var(--edge-soft)}.player:last-child{border-bottom:none}.player .swatch{grid-area:sw;width:11px;height:11px;border-radius:2px}.player .name{grid-area:name;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .n{grid-area:meta;color:var(--text-mute);font-size:11px;text-align:right;white-space:nowrap}.player .report{grid-area:rp;display:grid;row-gap:4px}.player .report span{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:8px;min-height:17px;font-size:11px;white-space:nowrap;overflow:hidden}.player .report span:before{content:attr(data-label);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);opacity:.75}.player .report .op{color:var(--accent)}.player .report .ref{color:#ffcf7a}.player .report .check{color:var(--text-dim)}.player.dead{opacity:.4}.side-left{flex:0 0 244px;min-width:200px}.event-list{list-style:none;margin:8px 0 0;padding:0;font-size:12px;max-height:560px;overflow-y:auto}.event-list li{padding:7px 0;border-bottom:1px solid var(--edge-soft)}.event-list li:last-child{border-bottom:none}.event-list li .ec{display:block;color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.5px}.event-list li.fresh{animation:eventIn .7s ease-out}@keyframes eventIn{0%{background:#ffb62e24}to{background:transparent}}.event-list .empty{color:var(--text-mute);padding:8px 0}.event-list .evt{padding:10px 0}.event-list .evt-head{display:flex;align-items:center;gap:8px}.event-list .evt-icon{font-size:14px;line-height:1}.event-list .evt-label{flex:1;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.event-list .evt-count{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-dim);background:#ffb62e14;border:1px solid var(--edge-soft);border-radius:10px;padding:1px 8px}.event-list .evt-latest{color:var(--text);font-size:11px;line-height:1.45;margin-top:6px}.event-list .evt .ec{margin-top:4px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#winner{font-size:15px;padding:8px 0;min-height:22px;letter-spacing:.5px}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-dim));border:1px solid var(--edge-soft)}input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-dim));border:1px solid var(--edge-soft)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-void);box-shadow:0 0 4px var(--glow)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-void);box-shadow:0 0 4px var(--glow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050401b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:10}.overlay.open{display:flex;animation:overlayIn .18s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.overlay .panel{width:min(640px,92vw);min-height:320px;padding:22px 26px;display:flex;flex-direction:column;border-radius:5px}.overlay .panel h2{margin:0 0 4px;font-size:17px;letter-spacing:2px;text-transform:uppercase}html.render-gpu .overlay .panel h2{text-shadow:0 0 12px var(--glow-soft)}.overlay .panel .placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-mute)}.overlay .panel .top{display:flex;align-items:center}.overlay .panel .top .spacer{flex:1}.overlay .panel.small{min-height:0;width:min(420px,92vw)}.overlay .panel .body{padding-top:14px}.history-page{padding:26px 24px 40px;max-width:1120px;margin:0 auto}.history-page .page-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}.history-page .page-head h2{margin:0;font-size:18px;letter-spacing:2px;text-transform:uppercase}html.render-gpu .history-page .page-head h2{text-shadow:0 0 5px var(--glow)}.history-page .page-sub{color:var(--text-mute);font-size:12px}.history-page .page-head .spacer{flex:1}.history-page .page-head button{align-self:center;background:transparent;color:var(--text-dim);border:1px solid var(--edge);border-radius:3px;padding:7px 14px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:1px;text-transform:uppercase;transition:color .15s,border-color .15s,box-shadow .15s}.history-page .page-head button:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--glow-soft)}.history-empty{color:var(--text-mute);padding:40px 0;text-align:center}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.stat-tile{background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-panel));border:1px solid var(--edge);border-left:2px solid var(--accent-dim);border-radius:4px;padding:14px 16px}.stat-tile b{display:block;font-size:26px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.5px}html.render-gpu .stat-tile b{text-shadow:0 0 6px var(--glow-soft)}.stat-tile span{color:var(--text-mute);font-size:11px;text-transform:uppercase;letter-spacing:1px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.chart-card svg{width:100%;height:auto;display:block;margin-top:10px}.chart-card rect{transition:opacity .12s}.chart-card g:hover rect{opacity:.75;cursor:default}.setrow{display:flex;align-items:center;gap:16px;padding:11px 0}.setrow>div:first-child{flex:1}.setlabel{font-size:14px;color:var(--text);letter-spacing:.5px}.sethint{color:var(--text-mute);font-size:12px;margin:5px 0;line-height:1.5}.toggle{position:relative;display:inline-flex;border:1px solid var(--edge);border-radius:4px;background:#ffb62e0a;overflow:hidden}.toggle:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--seg-n, 2));transform:translate(calc(100% * var(--seg-i, 0)));background:var(--accent);transition:transform .25s cubic-bezier(.4,1.2,.4,1);z-index:0}html.render-gpu .toggle:before{box-shadow:0 0 6px var(--glow)}.toggle button{position:relative;z-index:1;border:0;border-radius:0;background:transparent;color:var(--text-dim);padding:8px 16px;text-transform:none;letter-spacing:.5px;transition:color .2s}.toggle button:hover{color:var(--text);box-shadow:none}.toggle button.active{color:var(--bg-void);font-weight:700}#authpw{width:100%;padding:9px 11px;background:var(--bg-void);border:1px solid var(--edge);border-radius:3px;color:var(--text);font:inherit}#authpw:focus{border-color:var(--accent);outline:none;box-shadow:0 0 12px var(--glow-soft)}.authrow{display:flex;align-items:center;gap:12px;margin-top:14px}.err{color:var(--alert);font-size:12px}.overlay .panel.deck{width:min(760px,94vw);min-height:0}.deck-title{margin:0;font-size:15px;letter-spacing:1px;color:var(--text)}html.render-gpu .deck-title{text-shadow:0 0 12px var(--glow-soft)}.deck-count{color:var(--text-mute);font-size:11px;margin-left:8px}.deck-diagram{background:var(--bg-void);border:1px solid var(--edge);border-radius:5px;margin:14px 0;padding:6px;display:flex;align-items:center;justify-content:center}.deck-diagram svg{width:100%;height:auto;max-height:260px;display:block}.deck-desc{color:var(--text-dim);font-size:13px;line-height:1.6;min-height:60px}.deck-nav{display:flex;align-items:center;gap:12px;margin-top:10px}.deck-dots{display:flex;gap:7px;flex:1;justify-content:center}.deck-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-deep);border:0;padding:0;cursor:pointer;transition:background .2s}.deck-dots .dot.active{background:var(--accent);box-shadow:0 0 5px var(--glow)}.hidden{display:none!important}.landing{display:flex;flex-direction:column;align-items:center;padding:60px 20px 48px;gap:34px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:640px}.hero-emblem{width:148px;height:148px;margin-bottom:4px}.hero-emblem svg{width:100%;height:100%;display:block}.hero-eyebrow{color:var(--accent-dim);font-size:10.5px;letter-spacing:3px;text-transform:uppercase}.landing h2{margin:0;font-size:30px;line-height:1.25;letter-spacing:1px;color:var(--text);font-weight:700}.landing h2 .hl{color:var(--accent)}html.render-gpu .landing h2{text-shadow:0 0 6px var(--glow)}.landing p{max-width:560px;color:var(--text-dim);font-size:13.5px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:8px;flex-wrap:wrap;justify-content:center}.landing .cta{background:linear-gradient(90deg,var(--accent-dim),var(--accent));color:var(--bg-void);font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase;border:0;border-radius:4px;padding:14px 32px;cursor:pointer;box-shadow:0 0 10px var(--glow-soft);transition:box-shadow .2s,filter .2s}.landing .cta:hover{filter:brightness(1.08);box-shadow:0 0 14px var(--glow)}.landing .ghost{background:transparent;color:var(--text-dim);border:1px solid var(--edge);border-radius:4px;padding:13px 22px;cursor:pointer;font:inherit;font-size:13px;letter-spacing:1px;transition:color .15s,border-color .15s}.landing .ghost:hover{color:var(--accent);border-color:var(--accent-dim)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:860px}.feature{background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-panel));border:1px solid var(--edge);border-top:2px solid var(--accent-dim);border-radius:4px;padding:14px 16px;text-align:left}.feature b{display:block;color:var(--text);font-size:12.5px;letter-spacing:.5px;margin-bottom:3px}.feature span{color:var(--text-mute);font-size:11.5px;line-height:1.5}@media (max-width: 680px){.features{grid-template-columns:1fr}}.overlay .panel.console{width:min(560px,94vw);padding:0;overflow:visible;position:relative;background:linear-gradient(180deg,#14110a,#0d0b06);border:0;border-radius:8px;box-shadow:0 12px 46px #0009}.panel.console:before,.panel.console:after{content:none}.console-inner{max-height:88vh;overflow-y:auto;padding:24px 26px;position:relative;z-index:1}.neon-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.neon-frame .nf-border{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.85}html.render-gpu .neon-frame .nf-border{filter:drop-shadow(0 0 3px var(--glow))}.panel.console .top h2{font-size:16px;letter-spacing:2px}.field+.field{margin-top:20px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-dim);margin-bottom:9px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.field-row .field-label{margin-bottom:0}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 12px;cursor:pointer;font:inherit;color:var(--text-dim);background:#ffb62e08;border:1px solid var(--edge);border-radius:6px;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}.mode-card .mode-icon{width:30px;height:30px}.mode-card b{font-size:13px;letter-spacing:1px;text-transform:uppercase}.mode-card span{font-size:10.5px;color:var(--text-mute)}.mode-card:hover{color:var(--text);border-color:var(--accent-dim)}.mode-card.active{color:var(--accent);border-color:var(--accent);background:#ffb62e17}html.render-gpu .mode-card.active{box-shadow:inset 0 0 22px #ffb62e12,0 0 8px var(--glow-soft)}.seg{position:relative;display:inline-flex;border:1px solid var(--edge);border-radius:6px;overflow:hidden;background:#ffb62e0a}.seg:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--seg-n, 3));transform:translate(calc(100% * var(--seg-i, 0)));background:var(--accent);transition:transform .25s cubic-bezier(.4,1.2,.4,1)}html.render-gpu .seg:before{box-shadow:0 0 6px var(--glow)}.seg button{position:relative;z-index:1;border:0;background:transparent;color:var(--text-dim);padding:8px 18px;cursor:pointer;font:inherit;font-weight:600;transition:color .2s}.seg button:hover{color:var(--text)}.seg button.active{color:var(--bg-void)}.slot-list{display:flex;flex-direction:column;gap:10px}.slot-bay{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;background:#ffb62e08;border:1px solid var(--edge-soft);border-left:2px solid var(--bay-color, var(--accent-dim))}.bay-node{position:relative;width:30px;height:30px;flex:none}.bay-hex{width:100%;height:100%;display:block}.bay-hex polygon{fill:var(--bay-color, var(--accent));stroke:#00000073;stroke-width:1}html.render-gpu .bay-node{filter:drop-shadow(0 0 3px var(--bay-color, var(--accent)))}.bay-node .slot-dot{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);margin:0;padding:0;border:0;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.bay-tag{font-size:11px;letter-spacing:1px;color:var(--accent-dim);width:24px;flex:none}.bay-pick{position:relative;flex:1;min-width:0}.bay-pick select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-void);color:var(--text);border:1px solid var(--edge);border-radius:5px;padding:9px 30px 9px 12px;font:inherit;cursor:pointer;transition:border-color .15s}.bay-pick select:hover{border-color:var(--accent-dim)}.bay-pick select:focus{border-color:var(--accent);outline:none}.bay-chevron{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:var(--accent-dim);pointer-events:none}.create-foot{display:flex;align-items:center;gap:14px;margin-top:22px}.create-foot .cta{background:linear-gradient(90deg,var(--accent-dim),var(--accent));color:var(--bg-void);border:0;border-radius:6px;padding:12px 30px;cursor:pointer;font:inherit;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 10px var(--glow-soft);transition:filter .2s,box-shadow .2s}.create-foot .cta:hover{filter:brightness(1.08);box-shadow:0 0 14px var(--glow)}.overlay .panel.result.console{width:min(600px,94vw)}.result-hero{display:flex;align-items:baseline;gap:12px;margin:8px 0 16px;flex-wrap:wrap}.result-hero .rh-crown{font-size:26px}.result-hero .rh-name{font-size:25px;font-weight:700;letter-spacing:1px;color:var(--text)}html.render-gpu .result-hero .rh-name{text-shadow:0 0 8px var(--glow-soft)}.result-hero .rh-sub{color:var(--text-mute);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.result-narrative{color:var(--text-dim);font-size:13px;line-height:1.65;margin:16px 0 18px}.result-narrative b{color:var(--text)}.result-narrative .kw{color:var(--accent);font-style:normal}.rs-list{display:flex;flex-direction:column;gap:8px}.rs-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:6px;background:#ffb62e08;border:1px solid var(--edge-soft);border-left:2px solid var(--edge);font-size:12px}.rs-row.win{border-left-color:var(--accent);background:#ffb62e14}.rs-row.dead{opacity:.5}.rs-sw{width:12px;height:12px;border-radius:2px;flex:none}.rs-name{flex:1;min-width:80px;color:var(--text);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-status{color:var(--text-dim);font-size:11px}.rs-size{color:var(--text-mute);font-size:11px;font-variant-numeric:tabular-nums}.rs-terr{flex-basis:100%;padding-left:22px;color:var(--text-mute);font-size:10.5px}.result-foot{display:flex;align-items:center;gap:14px;margin-top:22px}.result-foot .cta{background:linear-gradient(90deg,var(--accent-dim),var(--accent));color:var(--bg-void);border:0;border-radius:6px;padding:12px 30px;cursor:pointer;font:inherit;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 10px var(--glow-soft);transition:filter .2s,box-shadow .2s}.result-foot .cta:hover{filter:brightness(1.08);box-shadow:0 0 14px var(--glow)}.result-foot .ghost{background:transparent;color:var(--text-dim);border:1px solid var(--edge);border-radius:6px;padding:11px 20px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:1px;transition:color .15s,border-color .15s}.result-foot .ghost:hover{color:var(--accent);border-color:var(--accent-dim)}.viz-grid{position:relative;flex:3;min-width:320px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-content:start}.viz-grid.warfare{grid-template-columns:minmax(360px,1.9fr) minmax(300px,1fr);align-items:start}.viz-grid.warfare #cell-arena{grid-column:1;grid-row:1 / span 2}.viz-grid.warfare #cell-combined{grid-column:2;grid-row:1}.viz-grid.warfare #cell-vitals{grid-column:2;grid-row:2}.viz-grid.warfare #cell-arena canvas{width:100%}.viz-cell{padding:13px 15px;min-width:0}.viz-cell canvas{display:block;max-width:100%;height:auto;background:var(--bg-void);border:1px solid var(--edge);border-radius:4px;margin-top:8px}.viz-title{font-size:13px;color:var(--text);letter-spacing:1px;text-transform:uppercase}.viz-sub{color:var(--text-mute);font-size:11px;margin-top:3px;line-height:1.5}.viz-vitals{text-align:center}.viz-vitals .viz-title,.viz-vitals .viz-sub{text-align:left}#vitals-canvas{margin-left:auto;margin-right:auto}.vitals-leader{font-size:13px;padding:8px 0 2px;min-height:18px}.viz-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:11px}.viz-legend .lg{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.viz-legend .sw{width:11px;height:11px;border-radius:2px;flex:none}