:root{--bg-0: #060912;--bg-1: #0a1020;--bg-2: #0f1830;--bg-3: #141f3c;--line: #293556;--line-soft: #1a2340;--ink: #e4e9f4;--ink-dim: #8895b2;--ink-mute: #5a6585;--f-terran: #5aa9ff;--f-zerg: #d74aa6;--f-protoss:#ffd040;--ally: #3de0a0;--enemy: #ff4a6b;--warn: #f5a623;--gold: #ffd040;--dragon: #ff6a2a;--buff: #ffd040;--accent: var(--f-terran);--accent-2: #9dc9ff;--fd: "Press Start 2P", monospace;--fm: "JetBrains Mono", ui-monospace, monospace;--fr: "VT323", monospace;--fs: "Space Grotesk", sans-serif;--sp-1: 4px;--sp-2: 6px;--sp-3: 10px;--sp-4: 14px;--sp-5: 20px;--sp-6: 28px}.density-compact{--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 9px;--sp-5: 13px;--sp-6: 18px}.faction-terran{--accent: var(--f-terran);--accent-2: #9dc9ff}.faction-zerg{--accent: var(--f-zerg);--accent-2: #ff9fd6}.faction-protoss{--accent: var(--f-protoss);--accent-2: #ffe99a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-0);color:var(--ink);font-family:var(--fm);font-size:12px;-webkit-font-smoothing:antialiased;image-rendering:pixelated}button{font-family:var(--fm);background:transparent;border:none;color:inherit;cursor:pointer}.hud-root{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;min-width:0;background:radial-gradient(circle at 50% 0%,rgba(90,169,255,.05),transparent 50%),radial-gradient(circle at 50% 100%,rgba(255,208,64,.04),transparent 50%),var(--bg-0)}.hud-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);pointer-events:none;z-index:100;mix-blend-mode:screen}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;height:74px;min-width:0;overflow:hidden;padding:0 var(--sp-3);background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 100%);border-bottom:1px solid var(--line);position:relative;z-index:50}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:.4}.tb-side{display:flex;align-items:stretch;gap:2px;padding:var(--sp-2) 0;min-width:0;overflow:hidden}.tb-side.right{justify-content:flex-end}.faction-crest{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4) 0 var(--sp-3);margin-right:var(--sp-2);position:relative;min-width:168px}.faction-crest .sigil{width:48px;height:48px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--bg-3),var(--bg-1));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:1px solid var(--line)}.faction-crest .sigil:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent)}.faction-crest .sigil svg{position:relative;z-index:1}.faction-crest .label{font-family:var(--fd);font-size:10px;letter-spacing:.12em;color:var(--accent);line-height:1.3}.faction-crest .label .sub{font-family:var(--fm);font-size:9px;color:var(--ink-mute);letter-spacing:.2em;margin-top:3px;text-transform:uppercase}.res-chip{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-3);background:linear-gradient(180deg,#ffffff05,#00000040),var(--bg-1);border:1px solid var(--line);border-left:3px solid var(--accent);position:relative}.res-chip.enemy{border-left-color:var(--enemy)}.res-chip.base{border-left-color:var(--ally)}.res-chip.enemy.base{border-left-color:var(--enemy)}.res-chip .ico{grid-row:1 / 3;width:28px;height:28px;display:grid;place-items:center;background:#00000059;border:1px solid var(--line-soft);color:var(--accent)}.res-chip.enemy .ico{color:var(--enemy)}.res-chip.base .ico{color:var(--ally)}.res-chip.enemy.base .ico{color:var(--enemy)}.res-chip .cap{font-family:var(--fm);font-size:9px;letter-spacing:.2em;color:var(--ink-mute);text-transform:uppercase;line-height:1}.res-chip .val{font-family:var(--fm);font-size:18px;font-weight:600;color:var(--ink);letter-spacing:.02em;line-height:1;margin-top:3px;font-variant-numeric:tabular-nums}.res-chip .val small{font-size:11px;color:var(--ink-mute);font-weight:400}.res-chip .rate{grid-column:2;font-size:9px;color:var(--ally);letter-spacing:.08em;margin-top:2px;font-variant-numeric:tabular-nums}.res-chip.enemy .rate{color:var(--enemy)}.res-chip .hpbar{grid-column:2;height:3px;width:100%;background:#ffffff0d;margin-top:4px;position:relative}.res-chip .hpbar>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--ally),#7cf0bd);box-shadow:0 0 4px color-mix(in srgb,var(--ally) 50%,transparent)}.res-chip.enemy .hpbar>span{background:linear-gradient(90deg,var(--enemy),#ff8a9e);box-shadow:0 0 4px color-mix(in srgb,var(--enemy) 50%,transparent)}.res-chip.buffed{animation:buffBreath 2.4s ease-in-out infinite}@keyframes buffBreath{0%,to{box-shadow:inset 0 0 0 1px var(--buff),0 0 12px #ffd04026}50%{box-shadow:inset 0 0 0 1px var(--buff),0 0 18px #ffd04059}}.clash-timer{display:grid;grid-template-rows:auto auto auto;align-items:center;justify-items:center;padding:var(--sp-2) var(--sp-5);background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),var(--bg-1);border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative;min-width:240px}.clash-timer:before,.clash-timer:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--accent) 50%,transparent);opacity:.5}.clash-timer:before{left:6px}.clash-timer:after{right:6px}.clash-timer .caption{font-family:var(--fd);font-size:7px;letter-spacing:.35em;color:var(--ink-mute)}.clash-timer .big{font-family:var(--fd);font-size:22px;color:var(--ink);letter-spacing:.08em;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent);font-variant-numeric:tabular-nums;margin-top:3px}.clash-timer .phase{display:flex;gap:3px;margin-top:5px}.clash-timer .tick{width:14px;height:3px;background:var(--line)}.clash-timer .tick.done{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent)}.clash-timer .tick.active{background:var(--ink);animation:pulseTick 1s ease-in-out infinite}@keyframes pulseTick{0%,to{opacity:.5}50%{opacity:1}}.tb-icon-btn{width:32px;height:32px;display:grid;place-items:center;background:var(--bg-1);border:1px solid var(--line);color:var(--ink-dim);font-family:var(--fd);font-size:9px;margin:auto var(--sp-1) auto 0;transition:all .12s ease}.tb-icon-btn:hover{border-color:var(--accent);color:var(--accent)}.roster-strip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);border-bottom:1px solid var(--line-soft);font-size:10px}.roster-side{display:flex;gap:var(--sp-2);align-items:center}.roster-side.right{justify-content:flex-end}.roster-vs{font-family:var(--fd);font-size:10px;color:var(--accent);letter-spacing:.3em;padding:0 var(--sp-3)}.roster-label{font-family:var(--fd);font-size:7px;color:var(--ink-mute);letter-spacing:.2em;margin:0 var(--sp-2)}.roster-side.left .roster-label{color:var(--ally)}.roster-side.right .roster-label{color:var(--enemy)}.rchip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--bg-1);border:1px solid var(--line-soft);min-width:120px}.rchip .tag{font-family:var(--fd);font-size:7px;padding:2px 3px;background:#ffffff0a;color:var(--ink-mute);letter-spacing:.1em}.rchip .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.rchip .name{font-family:var(--fm);font-size:10px;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rchip .hpline{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);align-items:center}.rchip .hp{height:3px;background:#ffffff0f;position:relative}.rchip .hp>span{display:block;height:100%;background:var(--ally)}.rchip.enemy .hp>span{background:var(--enemy)}.rchip .hp-txt{font-size:9px;color:var(--ink-mute);font-variant-numeric:tabular-nums}.rchip.you{border-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,var(--bg-1)),var(--bg-1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.rchip.you .tag{color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.rchip.enemy{border-color:color-mix(in srgb,var(--enemy) 35%,var(--line-soft))}.rchip.enemy .name{color:#ffb0bd}.rchip.dead{opacity:.32;filter:saturate(.4)}.rchip.dead .name{text-decoration:line-through}.body-wrap{display:grid;grid-template-columns:1fr auto;min-height:0;min-width:0;position:relative;overflow:hidden}.arena{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#0a1224,#04070e 80%),#03060c;display:grid;place-items:center;min-height:0}.arena-inner{width:100%;height:100%;position:relative}.arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 1px,rgba(90,169,255,.025) 1px 2px,transparent 2px 80px),linear-gradient(0deg,transparent 0 1px,rgba(90,169,255,.025) 1px 2px,transparent 2px 80px);background-size:80px 80px,80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%);pointer-events:none}.lane{position:absolute;left:0;right:0;height:14px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04) 20%,rgba(255,255,255,.04) 80%,transparent);border-top:1px dashed rgba(255,255,255,.08);border-bottom:1px dashed rgba(255,255,255,.08);pointer-events:none}.lane.active-path{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 15%,transparent) 20%,color-mix(in srgb,var(--accent) 15%,transparent) 80%,transparent)}.base{position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center}.base.player{left:4%}.base.enemy{left:96%}.base .core{width:46px;height:46px;background:linear-gradient(135deg,var(--bg-3),var(--bg-1));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:1px solid var(--ally);display:grid;place-items:center;font-family:var(--fd);font-size:9px;color:var(--ally);position:relative}.base.enemy .core{border-color:var(--enemy);color:var(--enemy)}.base .ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px dashed rgba(61,224,160,.5);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:spin 18s linear infinite}.base.enemy .ring{border-color:#ff4a6b80;animation-direction:reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cap-point{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);display:grid;place-items:center}.cap-point .node{width:28px;height:28px;background:var(--bg-1);border:2px solid var(--line);transform:rotate(45deg);display:grid;place-items:center;position:relative}.cap-point .node:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--bg-0)}.cap-point .icon{position:relative;z-index:2;font-family:var(--fd);font-size:9px;color:var(--ink-mute);transform:rotate(-45deg)}.cap-point.player .node{border-color:var(--ally);box-shadow:0 0 12px color-mix(in srgb,var(--ally) 40%,transparent)}.cap-point.player .icon{color:var(--ally)}.cap-point.enemy .node{border-color:var(--enemy);box-shadow:0 0 12px color-mix(in srgb,var(--enemy) 40%,transparent)}.cap-point.enemy .icon{color:var(--enemy)}.cap-point.contested .node{border-color:var(--warn);animation:flicker .9s ease-in-out infinite}.cap-point.contested .icon{color:var(--warn)}@keyframes flicker{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--warn) 40%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--warn) 70%,transparent)}}.dragon-pit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;display:grid;place-items:center;pointer-events:none}.dragon-pit .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid color-mix(in srgb,var(--dragon) 40%,transparent);border-radius:50%;animation:dragonRing 3s ease-in-out infinite}.dragon-pit .ring:nth-child(2){animation-delay:1s}@keyframes dragonRing{0%{transform:scale(.7);opacity:1}to{transform:scale(1.4);opacity:0}}.dragon-pit .glyph{font-size:32px;filter:drop-shadow(0 0 8px var(--dragon));animation:dragonBob 2.2s ease-in-out infinite}@keyframes dragonBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.unit{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);image-rendering:pixelated;animation:unitWalk .5s steps(2) infinite}.unit.ally{background:var(--ally);box-shadow:0 0 6px var(--ally)}.unit.enemy{background:var(--enemy);box-shadow:0 0 6px var(--enemy)}.unit.ally.melee{background:#f2c94c}.unit.enemy.melee{background:#ff884a}@keyframes unitWalk{0%{margin-top:0}50%{margin-top:-1px}}.proj{position:absolute;width:3px;height:3px;background:var(--warn);box-shadow:0 0 6px var(--warn);animation:projFly 1.2s linear infinite}@keyframes projFly{0%{transform:translate(-20px);opacity:0}20%,80%{opacity:1}to{transform:translate(20px);opacity:0}}.arena-alerts{position:absolute;top:var(--sp-3);left:50%;transform:translate(-50%);display:flex;gap:var(--sp-2);z-index:5}.alert-pill{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:#0a1020e6;border:1px solid var(--warn);font-family:var(--fd);font-size:8px;color:var(--warn);letter-spacing:.15em;animation:alertBlink 1.6s ease-in-out infinite}.alert-pill.dragon{border-color:var(--dragon);color:var(--dragon)}.alert-pill.buff{border-color:var(--gold);color:var(--gold);animation:none}.alert-pill .dot{width:6px;height:6px;background:currentColor;border-radius:50%}@keyframes alertBlink{0%,to{opacity:1}50%{opacity:.55}}.arena-hint{position:absolute;bottom:var(--sp-4);left:50%;transform:translate(-50%);font-family:var(--fm);font-size:10px;color:var(--ink-dim);letter-spacing:.08em;display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);background:#0a1020b3;border:1px solid var(--line-soft)}.arena-hint .kbd{font-family:var(--fd);font-size:8px;color:var(--accent);padding:2px 4px;background:#0006;border:1px solid var(--accent);margin:0 2px}.right-col{width:280px;display:grid;grid-template-rows:auto auto 1fr;gap:var(--sp-2);padding:var(--sp-2);background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border-left:1px solid var(--line)}.panel{background:var(--bg-1);border:1px solid var(--line);position:relative}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}.panel-head .title{font-family:var(--fd);font-size:8px;color:var(--accent);letter-spacing:.2em}.panel-head .meta{font-family:var(--fm);font-size:9px;color:var(--ink-mute);letter-spacing:.08em}.minimap{aspect-ratio:2 / 1;position:relative;background:radial-gradient(ellipse at center,rgba(90,169,255,.1),transparent 70%),#050811;margin:var(--sp-3);border:1px solid var(--line-soft);overflow:hidden}.minimap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 1px,rgba(255,255,255,.04) 1px 2px,transparent 2px 24px),linear-gradient(0deg,transparent 0 1px,rgba(255,255,255,.04) 1px 2px,transparent 2px 24px);background-size:24px 24px}.mm-line{position:absolute;left:0;right:0;height:1px;background:#ffffff1f}.mm-point{position:absolute;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);background:var(--ink-mute)}.mm-point.player{background:var(--ally);box-shadow:0 0 4px var(--ally)}.mm-point.enemy{background:var(--enemy);box-shadow:0 0 4px var(--enemy)}.mm-base{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:var(--ally);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mm-base.enemy{background:var(--enemy)}.mm-dragon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--dragon);border-radius:50%;box-shadow:0 0 6px var(--dragon);animation:mmDragon 2s ease-in-out infinite}@keyframes mmDragon{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.4)}}.mm-unit{position:absolute;width:3px;height:3px;background:var(--ally)}.mm-unit.enemy{background:var(--enemy)}.objective{padding:var(--sp-3);display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--sp-3)}.objective .glyph{width:36px;height:36px;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--dragon) 40%,transparent),transparent 70%),var(--bg-0);border:1px solid color-mix(in srgb,var(--dragon) 50%,transparent);font-size:18px;animation:dragonBob 2.2s ease-in-out infinite}.objective .info .name{font-family:var(--fd);font-size:9px;color:var(--dragon);letter-spacing:.1em}.objective .info .sub{font-size:10px;color:var(--ink-dim);margin-top:3px}.objective .timer{font-family:var(--fd);font-size:14px;color:var(--ink);letter-spacing:.08em;font-variant-numeric:tabular-nums}.objective .hp-bar{grid-column:1 / -1;height:4px;background:#0006;margin-top:var(--sp-2);position:relative}.objective .hp-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--dragon),var(--gold))}.event-log{flex:1;display:flex;flex-direction:column;min-height:0;max-height:100%}.log-body{padding:var(--sp-2) var(--sp-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.log-body::-webkit-scrollbar{width:6px}.log-body::-webkit-scrollbar-thumb{background:var(--line)}.log-entry{display:grid;grid-template-columns:36px 1fr;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2);border-left:2px solid transparent;font-size:10px;line-height:1.35;opacity:.85}.log-entry:hover{background:#ffffff05}.log-entry.kind-capture{border-color:var(--ally)}.log-entry.kind-lost{border-color:var(--enemy)}.log-entry.kind-tech{border-color:var(--gold)}.log-entry.kind-hero{border-color:var(--accent)}.log-entry.kind-dragon{border-color:var(--dragon)}.log-entry .ts{font-family:var(--fm);font-size:9px;color:var(--ink-mute);letter-spacing:.05em;font-variant-numeric:tabular-nums}.log-entry .msg b{color:var(--ink);font-weight:600}.log-entry .msg .tag{font-family:var(--fd);font-size:7px;padding:1px 3px;margin-right:3px;letter-spacing:.1em;color:var(--bg-0);background:var(--ink-mute)}.log-entry.kind-capture .msg .tag{background:var(--ally)}.log-entry.kind-lost .msg .tag{background:var(--enemy)}.log-entry.kind-tech .msg .tag{background:var(--gold)}.log-entry.kind-hero .msg .tag{background:var(--accent);color:#000}.log-entry.kind-dragon .msg .tag{background:var(--dragon)}.bottombar{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;min-width:0;overflow:hidden;gap:var(--sp-2);align-items:stretch;padding:var(--sp-3);background:linear-gradient(0deg,var(--bg-2) 0%,var(--bg-1) 100%);border-top:1px solid var(--line);min-height:150px;position:relative;z-index:40}.bottombar:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:.35}.bblock{background:var(--bg-1);border:1px solid var(--line);display:flex;flex-direction:column;position:relative}.bblock-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent)}.bblock-head .title{font-family:var(--fd);font-size:8px;letter-spacing:.2em;color:var(--accent)}.bblock-head .hint{font-family:var(--fm);font-size:9px;color:var(--ink-mute);letter-spacing:.06em}.bblock-body{padding:var(--sp-3);flex:1}.lane-picker{display:flex;flex-direction:column}.lane-deploy{display:grid;grid-template-columns:1fr;gap:var(--sp-2);padding:var(--sp-3)}.lane-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-2);border:1px solid var(--line-soft);transition:all .12s ease;cursor:pointer;font-size:11px;letter-spacing:.06em;text-align:left}.lane-row:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-2))}.lane-row.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--bg-2));box-shadow:inset 3px 0 0 var(--accent)}.lane-row .key{font-family:var(--fd);font-size:9px;color:var(--accent);padding:3px 5px;background:#00000059;border:1px solid var(--accent);text-align:center}.lane-row .vis{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:2px}.lane-row .mini-pt{width:8px;height:8px;transform:rotate(45deg);background:var(--ink-mute);border:1px solid var(--line)}.lane-row .mini-pt.p{background:var(--ally);border-color:var(--ally)}.lane-row .mini-pt.e{background:var(--enemy);border-color:var(--enemy)}.lane-row .mini-pt.b{background:var(--warn);border-color:var(--warn);animation:flicker .9s ease-in-out infinite}.lane-row .mini-bar{height:2px;background:linear-gradient(90deg,var(--ally),var(--enemy))}.lane-row .mini-b{width:10px;height:10px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--ally)}.lane-row .mini-b.e{background:var(--enemy)}.lane-row .meta{font-family:var(--fm);font-size:9px;color:var(--ink-mute);text-align:right;letter-spacing:.04em}.lane-row.active .meta{color:var(--accent)}.lane-next{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--line-soft);background:#0003}.lane-next .label{font-family:var(--fd);font-size:7px;color:var(--ink-mute);letter-spacing:.2em}.lane-next .squad-preview{display:flex;gap:2px;align-items:center}.lane-next .pix{width:8px;height:8px;background:var(--accent)}.lane-next .pix.melee{background:var(--warn)}.lane-next .pix.tank{background:#c0c0d0;width:10px;height:10px}.lane-next .cd{display:flex;align-items:center;gap:var(--sp-1);font-family:var(--fm);font-size:10px;color:var(--accent);font-variant-numeric:tabular-nums}.lane-next .cd .ring{width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1.6s linear infinite}.build-deck{min-width:0}.build-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2);padding:var(--sp-3)}.bcard{position:relative;background:var(--bg-2);border:1px solid var(--line-soft);padding:var(--sp-2);display:flex;flex-direction:column;align-items:stretch;min-height:86px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .2s ease;text-align:left}.bcard:hover:not(.locked):not(.maxed){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 0 -2px color-mix(in srgb,var(--accent) 40%,transparent),0 8px 14px #00000080}.bcard:hover:not(.locked):not(.maxed) .bcard-icon{color:var(--accent)}.bcard.ready{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 15%,var(--bg-2)),var(--bg-2));border-color:color-mix(in srgb,var(--accent) 40%,var(--line-soft))}.bcard.locked,.bcard.maxed{opacity:.55;cursor:not-allowed}.bcard.locked .bcard-icon{color:var(--ink-mute)}.bcard.maxed{border-color:color-mix(in srgb,var(--gold) 50%,var(--line-soft));opacity:.8}.bcard .hotkey{position:absolute;top:3px;right:3px;font-family:var(--fd);font-size:7px;color:var(--ink-mute);padding:1px 3px;background:#0006;border:1px solid var(--line)}.bcard.ready .hotkey{color:var(--accent);border-color:var(--accent)}.bcard-icon{width:100%;height:36px;display:grid;place-items:center;color:var(--ink-dim);font-size:20px;margin-bottom:var(--sp-1)}.bcard .name{font-family:var(--fd);font-size:7px;color:var(--ink);letter-spacing:.1em;line-height:1.2}.bcard.ready .name{color:var(--accent)}.bcard .row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--sp-1)}.bcard .cost{font-family:var(--fm);font-size:10px;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:3px}.bcard .cost .c{color:var(--accent);font-size:9px}.bcard .tier{font-family:var(--fd);font-size:7px;color:var(--ink-mute);letter-spacing:.1em}.bcard.maxed .tier{color:var(--gold)}.bcard .progress-dots{display:flex;gap:2px;margin-top:2px}.bcard .dot{width:8px;height:3px;background:#ffffff14}.bcard .dot.filled{background:var(--accent);box-shadow:0 0 4px var(--accent)}.bcard.maxed .dot.filled{background:var(--gold);box-shadow:0 0 4px var(--gold)}.bcard.ready:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);pointer-events:none;animation:bcardPulse 2s ease-in-out infinite}@keyframes bcardPulse{0%,to{opacity:.3}50%{opacity:1}}.hero-cluster{display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:0}.hero-portrait{width:96px;position:relative;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg-0));border-right:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.hero-portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}.hero-portrait .avatar{width:64px;height:64px;position:relative;image-rendering:pixelated}.hero-portrait .level{position:absolute;bottom:4px;left:4px;font-family:var(--fd);font-size:7px;color:var(--accent);padding:2px 4px;background:#0009;border:1px solid var(--accent);letter-spacing:.1em}.hero-content{display:grid;grid-template-rows:auto 1fr auto;padding:var(--sp-3)}.hero-name{font-family:var(--fd);font-size:9px;color:var(--ink);letter-spacing:.12em}.hero-name .title{display:block;font-family:var(--fm);font-size:9px;color:var(--ink-mute);letter-spacing:.08em;margin-top:3px}.hero-vitals{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin:var(--sp-2) 0}.hero-vital{display:flex;flex-direction:column;gap:2px}.hero-vital .cap{font-family:var(--fd);font-size:7px;color:var(--ink-mute);letter-spacing:.15em}.hero-vital .bar{height:4px;background:#0006;position:relative}.hero-vital.hp .bar>span{background:var(--ally)}.hero-vital.xp .bar>span{background:var(--accent);box-shadow:0 0 4px var(--accent)}.hero-vital .bar>span{position:absolute;inset:0 auto 0 0;display:block}.hero-vital .val{font-family:var(--fm);font-size:10px;color:var(--ink);font-variant-numeric:tabular-nums}.ability-btn{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 25%,var(--bg-2)),var(--bg-2));border:1px solid var(--accent);cursor:pointer;overflow:hidden;transition:transform .1s ease,box-shadow .2s ease}.ability-btn:hover:not(.cd){transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent),0 0 20px color-mix(in srgb,var(--accent) 50%,transparent)}.ability-btn.ready{animation:abilityReady 1.8s ease-in-out infinite}@keyframes abilityReady{0%,to{box-shadow:inset 0 0 0 1px var(--accent),0 0 8px color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:inset 0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 80%,transparent)}}.ability-btn.cd{border-color:var(--line);background:var(--bg-2);cursor:not-allowed;filter:saturate(.7)}.ability-icon{width:52px;height:52px;display:grid;place-items:center;background:#0006;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);font-size:26px;color:var(--accent);position:relative}.ability-btn.cd .ability-icon{color:var(--ink-mute);border-color:var(--line)}.ability-btn.cd .ability-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from -90deg,rgba(0,0,0,.75) var(--cd-pct, 50%),transparent var(--cd-pct, 50%));pointer-events:none}.ability-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ability-info .name{font-family:var(--fd);font-size:9px;color:var(--ink);letter-spacing:.1em}.ability-btn.ready .ability-info .name{color:var(--accent)}.ability-info .desc{font-family:var(--fm);font-size:9px;color:var(--ink-dim);letter-spacing:.02em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ability-info .footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.ability-info .kbd{font-family:var(--fd);font-size:7px;color:var(--accent);padding:1px 4px;background:#0006;border:1px solid var(--accent);letter-spacing:.1em}.ability-info .cd-val{font-family:var(--fm);font-size:10px;color:var(--ink);font-variant-numeric:tabular-nums}.ability-btn.cd .cd-val{color:var(--warn)}.tweaks-panel{position:fixed;bottom:170px;right:20px;width:280px;background:var(--bg-1);border:1px solid var(--accent);z-index:200;font-family:var(--fm);box-shadow:0 0 20px #000c,0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.tweaks-head{padding:var(--sp-3);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.tweaks-head .title{font-family:var(--fd);font-size:9px;color:var(--accent);letter-spacing:.2em}.tweaks-head .close{font-family:var(--fd);font-size:9px;color:var(--ink-mute);padding:2px 6px;background:transparent;border:1px solid var(--line)}.tweaks-head .close:hover{color:var(--accent);border-color:var(--accent)}.tweaks-body{padding:var(--sp-3);display:grid;gap:var(--sp-3);max-height:60vh;overflow-y:auto}.tweak-row{display:grid;gap:var(--sp-1)}.tweak-row>label{font-family:var(--fd);font-size:7px;color:var(--ink-mute);letter-spacing:.2em}.tweak-opts{display:flex;gap:2px}.tweak-opts button{flex:1;padding:var(--sp-2);background:var(--bg-2);border:1px solid var(--line-soft);color:var(--ink-dim);font-family:var(--fm);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.tweak-opts button.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-2))}.tweak-opts button:hover{border-color:var(--accent)}.tweak-slider{width:100%;accent-color:var(--accent)}.tweak-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer}.tweak-toggle.on{border-color:var(--accent);color:var(--accent)}.tweak-toggle .sw{width:28px;height:14px;background:#0006;border:1px solid var(--line);position:relative}.tweak-toggle .sw:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;background:var(--ink-mute);transition:all .15s ease}.tweak-toggle.on .sw{border-color:var(--accent)}.tweak-toggle.on .sw:after{background:var(--accent);left:15px;box-shadow:0 0 4px var(--accent)}@media(max-width:1440px){.right-col{width:260px}.bottombar{grid-template-columns:280px 1fr 300px}.faction-crest{min-width:140px}.res-chip .val{font-size:16px}}@media(max-width:1180px){.right-col{width:220px}.bottombar{grid-template-columns:240px 1fr 260px;min-height:140px}.build-grid{gap:6px}.bcard{min-height:74px;padding:6px 4px}.bcard-icon{height:28px;font-size:16px}.faction-crest{min-width:0}.faction-crest .label{display:none}.faction-crest{padding:0 6px;margin-right:4px}}@media(max-width:980px){.right-col{display:none}.bottombar{grid-template-columns:168px 1fr 190px;min-height:130px;padding:6px;gap:4px}.build-grid{grid-template-columns:repeat(7,1fr);gap:3px;padding:6px}.bblock-head{padding:4px 6px}.bblock-head .title{font-size:7px;letter-spacing:.12em}.bblock-head .hint{font-size:8px}.bcard{min-height:58px;padding:4px 2px}.bcard-icon{height:18px;font-size:12px;margin-bottom:2px}.bcard .name{font-size:6px;letter-spacing:.06em}.bcard .cost{font-size:8px}.bcard .tier{font-size:6px}.bcard .hotkey{font-size:6px;padding:1px 2px}.hero-portrait{width:58px}.hero-portrait .avatar{width:44px;height:44px}.hero-portrait .level{font-size:6px;padding:1px 3px}.ability-icon{width:36px;height:36px;font-size:18px}.ability-btn{grid-template-columns:36px 1fr;padding:6px;gap:6px}.ability-info .name{font-size:7px}.ability-info .desc{font-size:8px;-webkit-line-clamp:2}.ability-info .kbd{font-size:6px}.ability-info .cd-val{font-size:8px}.hero-cluster{grid-template-columns:58px 1fr}.hero-content{padding:6px;gap:4px}.hero-name,.hero-name .title{font-size:7px}.hero-vital .cap{font-size:6px}.hero-vital .val{font-size:8px}.lane-deploy{padding:6px;gap:4px}.lane-row{padding:4px 6px;gap:4px;font-size:9px}.lane-row .key{font-size:7px;padding:2px 3px}.lane-next{padding:4px 6px}.lane-next .label{font-size:6px}.roster-strip .rchip{min-width:70px}}@media(max-width:780px){.topbar{grid-template-columns:1fr auto 1fr;height:auto;padding:var(--sp-2);gap:var(--sp-1)}.tb-side{gap:var(--sp-1);flex-wrap:wrap}.res-chip{padding:var(--sp-1) var(--sp-2)}.res-chip .val{font-size:14px}.res-chip .ico{width:22px;height:22px;grid-row:1 / 2}.res-chip .cap{font-size:7px}.res-chip .rate,.res-chip .hpbar{display:none}.clash-timer{min-width:100px;padding:var(--sp-1) var(--sp-2)}.clash-timer .big{font-size:14px}.faction-crest{display:none}.bottombar{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;min-height:auto;gap:6px}.build-deck{grid-column:1 / -1;grid-row:1}.lane-picker,.hero-cluster{grid-row:2}.build-grid{grid-template-columns:repeat(7,1fr)}.bcard{min-height:62px}.hero-portrait{width:64px}.roster-strip{font-size:9px;padding:var(--sp-1) var(--sp-2)}.rchip{min-width:0;padding:2px 4px}.rchip .hp-txt{display:none}}@media(max-width:560px){.bottombar{grid-template-columns:1fr}.lane-picker,.hero-cluster,.build-deck{grid-column:1;grid-row:auto}.build-grid{grid-template-columns:repeat(4,1fr)}.hero-cluster{grid-template-columns:64px 1fr}}body{background:var(--bg-0)}.arena-canvas{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;cursor:crosshair}.arena-inner{display:grid;place-items:center}.zoom-controls{position:absolute;top:var(--sp-3);right:var(--sp-3);display:flex;gap:2px;z-index:6}.zoom-controls button{width:32px;height:32px;display:grid;place-items:center;background:#0a1020d9;border:1px solid var(--line);color:var(--ink-dim);font-family:var(--fd);font-size:10px;letter-spacing:.05em;cursor:pointer;transition:all .12s ease}.zoom-controls button:hover{border-color:var(--accent);color:var(--accent);background:#0a1020}.zoom-controls button:nth-child(2){min-width:48px}.arena-alerts{flex-wrap:wrap;justify-content:center;max-width:80%}:root{--legacy-panel: var(--bg-1);--legacy-text: var(--ink);--legacy-text-dim: var(--ink-mute);--legacy-green: var(--ally);--legacy-red: var(--enemy);--legacy-gold: var(--gold);--legacy-accent: var(--accent)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(90,169,255,.08),transparent 50%),radial-gradient(circle at 50% 100%,rgba(255,208,64,.05),transparent 50%),var(--bg-0);color:var(--ink);font-family:var(--fm);overflow-y:auto;padding:var(--sp-5)}.menu-inner{max-width:1000px;width:100%;padding:var(--sp-5) 0}.menu h1{font-family:var(--fd);font-size:48px;letter-spacing:.08em;color:var(--accent);text-align:center;margin-bottom:var(--sp-4);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent)}.menu-subtitle{font-family:var(--fd);font-size:10px;letter-spacing:.3em;color:var(--warn);text-align:center;margin-bottom:var(--sp-2)}.menu-tagline{font-family:var(--fd);font-size:14px;letter-spacing:.25em;color:var(--warn);text-align:center;margin-top:-8px;margin-bottom:var(--sp-4);opacity:.85}.menu-tag{font-family:var(--fm);font-size:13px;color:var(--ink-dim);text-align:center;margin-bottom:var(--sp-3);letter-spacing:.04em}.menu-credits{font-family:var(--fm);font-size:10px;color:var(--ink-dim);text-align:center;margin-bottom:var(--sp-6);opacity:.5;letter-spacing:.08em}.menu-race-title{font-family:var(--fd);font-size:10px;letter-spacing:.3em;color:var(--accent);text-align:center;margin:var(--sp-5) 0 var(--sp-4);display:flex;align-items:center;justify-content:center;gap:var(--sp-3)}.menu-race-title:before,.menu-race-title:after{content:"";flex:0 1 80px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.race-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-bottom:var(--sp-4)}.race-card{background:var(--bg-1);border:1px solid var(--line);padding:var(--sp-5) var(--sp-4);cursor:pointer;transition:all .15s ease;min-height:200px}.race-card:hover{border-color:var(--accent);transform:translateY(-2px)}.race-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-1));box-shadow:0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)}.race-card h3{font-family:var(--fd);font-size:16px;letter-spacing:.12em;margin-bottom:var(--sp-3)}.race-card h3.terran{color:var(--f-terran)}.race-card h3.zerg{color:var(--f-zerg)}.race-card h3.protoss{color:var(--f-protoss)}.race-card p{color:var(--ink);font-size:12px;margin-bottom:var(--sp-3);line-height:1.5}.race-card .stats{font-size:11px;color:var(--ink-mute);line-height:1.5;border-top:1px solid var(--line-soft);padding-top:var(--sp-3)}.race-card .stats b{color:var(--ink)}.regime-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.regime-btn{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--bg-1);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:all .12s ease;text-align:left;font-family:var(--fm)}.regime-btn:hover{border-color:var(--accent)}.regime-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-1))}.regime-btn .regime-name{font-family:var(--fd);font-size:10px;letter-spacing:.12em;color:var(--accent)}.regime-btn .regime-desc{font-size:10px;color:var(--ink-mute);line-height:1.4}.regime-btn.active .regime-desc{color:var(--ink)}.menu-actions{display:flex;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-5);flex-wrap:wrap}.menu-btn{font-family:var(--fd);font-size:14px;letter-spacing:.12em;padding:var(--sp-4) var(--sp-6);background:var(--accent);color:var(--bg-0);border:none;cursor:pointer;transition:all .15s ease}.menu-btn:hover:not(:disabled){box-shadow:0 0 24px color-mix(in srgb,var(--accent) 70%,transparent);transform:translateY(-1px)}.menu-btn:disabled{background:var(--line);color:var(--ink-mute);cursor:not-allowed}.farcaster-btn{font-family:var(--fm);font-size:12px;padding:var(--sp-4) var(--sp-5);background:var(--bg-2);border:1px solid var(--f-zerg);color:var(--f-zerg);cursor:pointer;letter-spacing:.05em}.farcaster-btn:hover{background:color-mix(in srgb,var(--f-zerg) 10%,var(--bg-2))}.menu-footer{text-align:center;color:var(--ink-mute);font-family:var(--fd);font-size:8px;letter-spacing:.25em;margin-top:var(--sp-6)}.point-popup{position:fixed;background:var(--bg-1);border:1px solid var(--accent);padding:var(--sp-3);min-width:160px;z-index:200;box-shadow:0 4px 24px #0009}.point-popup h4{font-family:var(--fd);font-size:9px;letter-spacing:.15em;color:var(--accent);margin-bottom:var(--sp-2)}.point-popup button{display:block;width:100%;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-2);border:1px solid var(--line);color:var(--ink);font-family:var(--fm);font-size:11px;cursor:pointer}.point-popup button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.point-popup button:disabled{opacity:.35;cursor:not-allowed}.point-popup .close-x{position:absolute;top:2px;right:4px;width:auto;padding:2px 6px;background:none;border:none;color:var(--ink-mute);font-size:16px;margin:0}.point-popup .close-x:hover{color:var(--enemy)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{background:var(--bg-1);border:1px solid var(--accent);padding:var(--sp-6);max-width:800px;width:90%;box-shadow:0 0 48px color-mix(in srgb,var(--accent) 40%,transparent)}.dialog h2{font-family:var(--fd);font-size:18px;letter-spacing:.12em;color:var(--accent);text-align:center;margin-bottom:var(--sp-2)}.dialog .sub{font-family:var(--fd);font-size:9px;letter-spacing:.25em;color:var(--warn);text-align:center;margin-bottom:var(--sp-5)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4)}.hero-card{background:var(--bg-2);border:1px solid var(--line);padding:var(--sp-4);cursor:pointer;transition:all .15s ease}.hero-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.hero-card h3{font-family:var(--fd);font-size:14px;letter-spacing:.1em;color:var(--gold);margin-bottom:var(--sp-1)}.hero-card .title{font-family:var(--fm);font-size:11px;color:var(--ink-mute);margin-bottom:var(--sp-3);letter-spacing:.05em}.hero-card .ability{font-family:var(--fd);font-size:9px;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--sp-2)}.hero-card .desc{font-size:12px;color:var(--ink);line-height:1.5}.result-dialog{text-align:center;max-width:500px}.result-dialog .emoji{font-size:48px;margin-bottom:var(--sp-4)}.result-dialog h1{font-family:var(--fd);font-size:36px;letter-spacing:.12em;margin-bottom:var(--sp-3)}.result-dialog h1.win{color:var(--ally);text-shadow:0 0 20px color-mix(in srgb,var(--ally) 60%,transparent)}.result-dialog h1.lose{color:var(--enemy);text-shadow:0 0 20px color-mix(in srgb,var(--enemy) 60%,transparent)}.result-dialog p{font-size:13px;color:var(--ink);margin-bottom:var(--sp-5)}.result-dialog .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.result-dialog .stat-item{background:var(--bg-2);padding:var(--sp-3);border:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-1)}.result-dialog .stat-item span{font-family:var(--fd);font-size:8px;letter-spacing:.15em;color:var(--ink-mute)}.result-dialog .stat-item b{font-family:var(--fm);font-size:15px;color:var(--ink)}.hint{position:absolute;top:var(--sp-4);left:50%;transform:translate(-50%);padding:var(--sp-2) var(--sp-4);background:#0a1020e6;border:1px solid var(--accent);color:var(--ink);font-family:var(--fm);font-size:11px;letter-spacing:.04em;z-index:6;animation:hintFade 9s ease forwards}.hint .kbd{display:inline-block;padding:1px 5px;background:#0006;border:1px solid var(--accent);color:var(--accent);font-family:var(--fd);font-size:9px;margin:0 2px}@keyframes hintFade{0%,85%{opacity:1}to{opacity:0;pointer-events:none}}.hud-root>:first-child>.roster-strip{grid-row:2}@media(max-width:1100px){.right-col{width:240px}}@media(max-width:900px){.right-col{display:none}}