:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#273047;--muted:#72788b;--paper:#fffaf6d4;--paper-solid:#fffaf6;--line:#50435c21;--mint:#54cfc5;--mint-soft:#d6f1eb;--violet:#9d86d8;--violet-soft:#e8ddf1;--coral:#ef8e78;--coral-soft:#f7d8cf;--gold:#d99b4f;--shadow:#62465629;font-synthesis:none;text-rendering:geometricprecision;font-family:Inter,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;background:#efd4cc;width:100%;height:100dvh;margin:0;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #3caea8}.game-shell{width:100%;height:var(--app-viewport-height,100dvh);min-width:0;min-height:430px;color:var(--ink);background:#efd4cc;position:relative;overflow:hidden}.arena-host{position:absolute;inset:0}.arena-host canvas{touch-action:none;width:100%;height:100%;display:block}.soft-frame{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #9769701f}.brand-title{z-index:5;pointer-events:none;gap:5px;display:grid;position:absolute;top:25px;left:28px}.brand-title strong{color:#34374a;letter-spacing:.34em;font-size:15px;font-weight:500}.brand-title small{color:#867786;letter-spacing:.28em;font-size:10px;font-weight:800}.match-strip{z-index:5;top:max(14px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:190px 160px 190px;align-items:start;gap:12px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.base-status{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#fffaf6c4;border:1px solid #564c661f;border-radius:18px;height:62px;padding:10px 13px;position:relative;box-shadow:0 10px 32px #654b5b1c,inset 0 1px #ffffffc7}.base-status.enemy{text-align:right}.base-label{color:#737488;letter-spacing:.15em;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.base-copy{white-space:nowrap;align-items:center;min-width:0;display:flex}.base-title{flex:none}.base-faction{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.enemy .base-label{justify-content:flex-end}.base-status>strong{color:#3ebbb3;font-variant-numeric:tabular-nums;font-size:20px;line-height:1;position:absolute;top:22px}.ally>strong{left:14px}.enemy>strong{color:var(--coral);right:14px}.faction-mark{background:var(--mint);border-radius:3px;width:8px;height:8px;transform:rotate(12deg);box-shadow:0 3px 8px #54cfc559}.enemy .faction-mark{background:var(--coral);box-shadow:0 3px 8px #ef8e7859}.gate-row{gap:4px;display:flex;position:absolute;bottom:12px}.ally .gate-row{left:45px}.enemy .gate-row{right:45px}.gate-row i{background:#4c4b5f1a;border-radius:4px;width:23px;height:5px;position:relative;overflow:hidden}.gate-row i:after{content:"";width:var(--gate);border-radius:inherit;background:var(--mint);position:absolute;inset:0}.enemy .gate-row i:after{background:var(--coral)}.pulse-cluster{place-items:center;min-height:108px;margin-top:-3px;display:grid;position:relative}.match-meta{color:#6f7081;letter-spacing:.07em;justify-content:space-between;width:100%;font-size:10px;display:flex;position:absolute;top:0}.match-meta span{font-variant-numeric:tabular-nums;font-weight:800}.match-meta b{color:#7d68b2;text-transform:uppercase}.pulse-dial{background:conic-gradient(var(--violet) var(--pulse), #fffaf6b3 0);border-radius:50%;place-items:center;width:70px;height:70px;margin-top:9px;display:grid;box-shadow:0 9px 24px #71567f29}.pulse-dial:before{content:"";background:#fffaf6f0;border-radius:50%;width:59px;height:59px;position:absolute;box-shadow:inset 0 0 0 1px #6b527814}.pulse-dial>div{z-index:1;place-items:center;display:grid}.pulse-dial strong{color:#4f465f;font-size:23px;line-height:.9}.pulse-dial small{color:#8873b8;letter-spacing:.18em;margin-top:5px;font-size:10px;font-weight:900}.audio-toggle{color:#5e506c;cursor:pointer;background:#fffaf6d1;border:1px solid #71567f2e;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;transition:background .16s,transform .12s;display:grid;position:absolute;top:8px;right:8px}.audio-toggle:hover{background:#fffaf6;transform:scale(1.08)}.audio-toggle:focus-visible{outline-offset:2px;outline:2px solid #9279c6}.camera-reset{color:#5e506c;cursor:pointer;background:#fffaf6d1;border:1px solid #71567f2e;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;transition:background .16s,transform .12s;display:grid;position:absolute;top:8px;left:8px}.camera-reset:hover{background:#fffaf6;transform:scale(1.08)}.camera-reset:focus-visible{outline-offset:2px;outline:2px solid #9279c6}.camera-presets{gap:2px;display:grid;position:absolute;top:42px;left:8px}.camera-presets button{color:#6f617e;cursor:pointer;background:#fffaf6d1;border:1px solid #71567f29;border-radius:6px;width:22px;height:18px;padding:0;font-size:9px;font-weight:900}.camera-presets button.active{color:#fff;background:#7560a6;border-color:#7560a6}.camera-presets button:focus-visible{outline-offset:1px;outline:2px solid #9279c6}.pulse-cluster button{pointer-events:auto}.pulse-cluster{position:relative}.big-pulse{color:#776d81;letter-spacing:.04em;background:#fffaf6b8;border-radius:12px;gap:1px;margin-top:-11px;padding:4px 10px;font-size:10px;display:grid;box-shadow:0 4px 14px #5f486417}.big-pulse b{color:#65596f;font-size:10px}.big-pulse span{color:#92899a;font-size:10px}.enemy-intel{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:5px;display:flex}.enemy-intel span{color:#7f6d79;background:#ffefecad;border-radius:6px;padding:3px 5px;font-size:10px;font-weight:800}.enemy-intel .held-threat{color:#9b5146;background:#ffbeae59}.enemy-intel .held-threat i{border:1px solid #9b514638;border-radius:50%;place-items:center;width:16px;height:16px;margin-left:2px;font-size:10px;font-style:normal;display:inline-grid}.economy-chip,.lane-picker{z-index:6;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 28px var(--shadow), inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:16px;position:absolute;top:104px}.economy-chip{grid-template-columns:24px auto auto auto auto auto;align-items:center;gap:9px;padding:8px 11px;display:grid;left:18px}.gold-orb{border:5px solid #e8b86c;border-radius:50%;width:19px;height:19px;box-shadow:inset 0 0 0 2px #fff4d9,0 4px 10px #cb8f4138}.economy-chip div{display:grid}.economy-chip strong{color:#b77d37;font-size:18px;line-height:1}.economy-chip small{color:#84808c;letter-spacing:.12em;font-size:10px;font-weight:800}.economy-chip .income,.economy-chip .reserve,.economy-chip .energy-meter,.economy-chip .tech-meter{border-left:1px solid #5e4e661c;padding-left:9px}.income b{color:#3daf9f;font-size:12px}.income em{color:#a47537;letter-spacing:.08em;font-size:10px;font-style:normal;font-weight:900}.reserve strong{color:#5e596a;font-size:12px}.energy-meter{align-items:center}.energy-meter small{font-size:10px}.energy-meter strong{color:#5e596a;font-size:10px}.energy-bar{background:#5e4e6624;border-radius:3px;width:46px;height:5px;overflow:hidden}.energy-bar i{background:linear-gradient(90deg,#6dd3c6,#a998ed);height:100%;transition:width .24s;display:block}.tech-meter strong{color:#725e96;font-size:10px}.lane-picker{align-items:center;gap:4px;padding:7px 9px;display:flex;right:18px}.lane-picker span{color:#777283;letter-spacing:.14em;margin-right:4px;font-size:10px;font-weight:900}.lane-picker button{color:#777284;cursor:pointer;background:#ffffff85;border:1px solid #554c631c;border-radius:9px;width:27px;height:27px;padding:0;transition:all .16s}.lane-picker button:hover{background:#fff;transform:translateY(-1px)}.lane-picker button.active{color:#fff;background:var(--mint);border-color:#0000;box-shadow:0 5px 12px #45b2a847}.lane-picker small{color:#aaa2aa;margin-left:4px;font-size:10px}.commander-chip{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f0fcd6;border:1px solid #785ba02e;border-radius:14px;align-items:center;gap:5px;padding:6px 8px;display:flex;position:absolute;top:176px;left:18px;box-shadow:0 8px 22px #5c45791f}.commander-charge{grid-template-columns:1fr auto;gap:2px 6px;width:84px;display:grid}.commander-charge span{color:#80728d;letter-spacing:.1em;font-size:10px;font-weight:900}.commander-charge strong{color:#745ca4;font-size:10px}.commander-charge i{background:#6c588a21;border-radius:3px;grid-column:1/-1;width:100%;height:4px;overflow:hidden}.commander-charge i b{background:linear-gradient(90deg,#9b82dc,#e0ac5b);height:100%;transition:width .2s;display:block}.commander-chip button{color:#6f6080;cursor:pointer;background:#ffffffa8;border:1px solid #6e549226;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:850}.commander-chip button:disabled{opacity:.38;cursor:not-allowed}.commander-chip kbd{color:#9b82b0;font-size:10px}.laboratory-bar{z-index:7;background:#e2f8f3f0;border:1px solid #4aa59d38;border-radius:13px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;max-width:min(860px,100vw - 36px);padding:6px 8px;display:flex;position:absolute;top:176px;right:18px;box-shadow:0 8px 20px #3480781f}.laboratory-bar strong{color:#368e87;letter-spacing:.12em;font-size:10px}.laboratory-bar button{color:#4c7f7b;cursor:pointer;background:#ffffffad;border:1px solid #3e9a922e;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:850}.laboratory-bar button.active{color:#fff;background:#52bdb4}.laboratory-bar button:disabled{opacity:.42;cursor:not-allowed}.laboratory-bar label{color:#4c7f7b;text-transform:uppercase;align-items:center;gap:3px;font-size:8px;font-weight:800;display:flex}.laboratory-bar select,.laboratory-bar input{color:#426e6b;background:#ffffffc2;border:1px solid #3e9a922e;border-radius:7px;max-width:88px;height:25px;font-size:9px}.laboratory-bar input{width:38px;padding:0 4px}.tactical-hand{z-index:6;background:#fff5e0db;border:1px solid #d29d4c33;border-radius:11px;align-items:center;gap:5px;padding:5px 7px;display:flex;position:absolute;top:218px;left:18px}.tactical-hand span{color:#9b7137;letter-spacing:.1em;font-size:10px;font-weight:900}.tactical-hand button{color:#8c632d;cursor:pointer;background:#ffffff9e;border:1px solid #c78f3e33;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:850}.tactical-hand button:disabled{opacity:.34;cursor:default;text-decoration:line-through}.deck-reserve{z-index:6;background:#f3edf9db;border:1px dashed #7c65a147;border-radius:11px;flex-direction:column;gap:5px;min-width:168px;padding:5px 7px;display:flex;position:absolute;top:176px;right:18px}.deck-reserve.collapsed{min-width:0}.deck-reserve span{color:#78678d;letter-spacing:.08em;font-size:10px;font-weight:900}.deck-reserve .reserve-toggle{color:#78678d;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:3px 4px;font-size:10px;font-weight:900;display:flex}.deck-reserve .reserve-toggle i{font-size:11px;font-style:normal}.deck-reserve .reserve-body{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.deck-reserve label{color:#867893;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.deck-reserve select{color:#655674;max-width:88px;font:inherit;background:#ffffffc7;border:1px solid #7a609d2e;border-radius:7px;padding:4px 5px}.deck-reserve button{color:#705f84;cursor:pointer;background:#ffffffa6;border:1px solid #7a609d29;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:800}.counter-badge{color:#fff;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#1f8a80;border-radius:8px;padding:2px 7px;font-size:8px;font-weight:900;animation:.25s ease-out counter-pop;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 3px 9px #1f8a8073}@keyframes counter-pop{0%{opacity:0;transform:translate(-50%)translateY(3px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mode-badge{z-index:6;color:#725b9b;letter-spacing:.1em;background:#f2e9fae0;border:1px solid #9e7ecf38;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:900;position:absolute;top:151px;right:18px}.income-burst{z-index:6;color:#f2b84f;letter-spacing:.02em;text-shadow:0 2px #8c5a1f,0 5px 18px #b06f1f73;pointer-events:none;font-size:clamp(22px,2.2vw,36px);font-weight:900;animation:3.4s both income-float;position:absolute;top:42%;left:9%}.threat-banner{z-index:7;color:#ffd9cf;letter-spacing:.06em;pointer-events:none;background:#3a1c1cdb;border:1px solid #ff785a66;border-radius:12px;align-items:center;gap:10px;max-width:min(520px,100vw - 32px);padding:8px 14px;font-size:12px;display:flex;position:absolute;top:136px;left:50%;box-shadow:0 6px 22px #c8281447}.threat-banner .threat-icon{color:#ff8a5a;font-size:18px}.threat-banner .threat-tag{background:#ff5a3c4d;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:900}.threat-banner .threat-score{color:#ff8a5a;margin-left:4px;font-size:18px;font-weight:900}.threat-banner.critical{background:#601212eb;border-color:#ff503cb3;animation:.7s infinite alternate threat-pulse}.threat-banner.catastrophic{background:#8c0808f5;border-color:#ff2814e6;animation:.4s infinite alternate threat-pulse}.threat-banner.catastrophic .threat-icon{color:#ff2010;animation:.3s infinite alternate threat-pulse}.threat-banner.critical .threat-icon{color:#ff5a3c}.threat-banner.contact{background:#781010f0}@keyframes threat-pulse{0%{box-shadow:0 6px 22px #c8281447}to{box-shadow:0 6px 30px #ff50288c}}@keyframes income-float{0%{opacity:0;animation-timing-function:cubic-bezier(.42,0,.35,1);transform:translateY(26px)}20%{opacity:1;transform:translateY(0)}76%{opacity:1;animation-timing-function:ease-out;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.action-dock{z-index:10;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);background:#fffaf7d6;border:1px solid #5b4b6621;border-radius:25px;width:min(1080px,100% - 170px);min-height:137px;padding:42px 13px 11px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #583d4f30,inset 0 1px #ffffffe6}.action-dock.attack-mode{min-height:76px;padding-bottom:9px}.action-dock.defense-only{min-height:102px;padding-top:13px}.action-tabs{gap:4px;display:flex;position:absolute;top:7px;left:12px}.action-tabs button{color:#817b88;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:13px;min-width:116px;padding:8px 14px;font-size:10px;font-weight:900}.action-tabs button.active{color:#3b9f98;background:var(--mint-soft);box-shadow:inset 0 0 0 1px #42a69e1a}.action-tabs button:last-child.active{color:#806ab1;background:var(--violet-soft)}.cards{grid-template-columns:repeat(6,minmax(106px,1fr));gap:7px;display:grid}.action-card{min-width:0;min-height:73px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #5a4b671a;border-radius:16px;grid-template-columns:36px 1fr;padding:8px 8px 7px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:grid;position:relative;overflow:hidden}.action-card:hover{background:#ffffffe6;border-color:#43b5ac61;transform:translateY(-3px);box-shadow:0 8px 18px #6146581c}.action-card:active{transform:translateY(-1px)scale(.985)}.action-card.selected{background:#dcf5f0db;border-color:#3fb5ac80;box-shadow:0 8px 20px #40a59c24}.defense-card.constructing{filter:saturate(.45);border-color:#3eaea552}.defense-card.constructing:before{content:"";z-index:0;background:conic-gradient(from -90deg at 50% 50%, #64d6ca38 var(--build-angle,0deg), #5c526617 0);pointer-events:none;position:absolute;inset:0}.defense-card.constructing>*{z-index:1;position:relative}.build-clock{color:#397f7a;letter-spacing:.04em;background:#f6fffdd1;border-radius:8px;padding:3px 5px;font-size:10px;font-weight:900;top:7px;right:8px;z-index:2!important;position:absolute!important}.attack-card.selected{background:#ebe1f5e6;border-color:#8f75c580;box-shadow:0 8px 20px #7c60a124}.attack-card.repeating{background:#ebe1f5eb;border-color:#8f75c58c;box-shadow:0 8px 20px #7c60a124}.action-card.locked:not(.selected){opacity:1;background:#f2eef1bd}.action-card.locked:not(.selected)>:not(.resource-shortage){opacity:.42}.action-card.locked .cost{opacity:1}.action-card.unavailable{opacity:.28;filter:grayscale(.8);cursor:not-allowed}.action-card kbd{color:#aaa2ab;font:10px inherit;position:absolute;top:5px;left:7px}.card-token{color:#3f9f99;letter-spacing:.04em;background:#68d4c93d;border-radius:11px;place-self:center;place-items:center;width:29px;height:36px;font-size:10px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #41aea51f}.attack-card .card-token{color:#7d66ad;background:#a993dc40;box-shadow:inset 0 0 0 1px #7f65b21f}.card-copy{align-self:center;min-width:0;display:grid}.card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;overflow:hidden}.card-copy small{color:#827d89;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:10px;line-height:1.15;overflow:hidden}.cost{color:#b67a38;font-size:10px;position:absolute;bottom:5px;right:7px}.cost:before{content:"●";color:#e5ad5e;margin-right:3px;font-size:10px}.unit-costs{align-items:center;gap:7px;display:flex;position:absolute;bottom:5px;right:7px}.unit-costs .cost{position:static}.pulse-cost{color:#7765a3;font-size:10px}.repeat-badge{color:#755ea7;letter-spacing:.08em;background:#ffffffad;border-radius:6px;padding:2px 5px;font-size:10px;font-weight:900;position:absolute;top:5px;right:7px}.resource-shortage{color:#a3443e;letter-spacing:.025em;white-space:nowrap;background:#ffebe8fa;border:1px solid #be574d29;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;bottom:5px;left:6px}.resource-shortage.reason-deck,.resource-shortage.reason-limit{color:#75677f;background:#ebe5eefa;border-color:#6f5b8024}.cost.deficient,.unit-picker-grid>button>b.deficient{color:#b44840}.action-card:disabled{cursor:not-allowed}.action-card:disabled .cost{visibility:visible}.dock-hint{color:#948d98;letter-spacing:.04em;margin:0;font-size:10px;position:absolute;top:18px;right:18px}.attack-layout{gap:7px;display:grid}.automation-bar{justify-content:space-between;align-items:center;display:flex}.repeat-button,.reserve-presets button{color:#7e7885;cursor:pointer;background:#ffffff8a;border:1px solid #5e4d691c;border-radius:9px}.repeat-button{text-transform:uppercase;padding:5px 9px;font-size:10px;font-weight:800}.repeat-button span{font-size:12px}.repeat-button:disabled{opacity:.42;cursor:not-allowed}.repeat-button kbd{color:#aaa2aa;margin-left:6px;font-size:10px}.reserve-presets{align-items:center;gap:4px;display:flex}.reserve-presets small{color:#8d8792;text-transform:uppercase;margin-right:5px;font-size:10px}.reserve-presets button{min-width:37px;padding:4px 6px;font-size:10px}.reserve-presets button.active{color:#a86e2d;background:#fff1d9;border-color:#d5a15d}.portal-queue{z-index:7;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf7e0;border-radius:15px;flex-direction:column;align-items:stretch;gap:7px;width:150px;max-height:min(300px,100vh - 420px);padding:9px;display:flex;position:absolute;top:238px;right:18px;overflow:hidden;box-shadow:0 8px 22px #5f465821}.portal-queue>header{gap:2px;min-width:0;display:grid}.portal-queue>header span{color:#766681;letter-spacing:.12em;min-width:0;font-size:10px;font-weight:900;line-height:1.2}.portal-queue>header small{color:#aaa1ac;overflow-wrap:anywhere;min-width:0;font-size:9px;font-weight:800;line-height:1.2}.portal-queue.compact{width:138px}.queue-overflow{color:#aaa1ac;text-align:center;letter-spacing:.08em;margin:2px 0 0;font-size:9px;font-weight:800}.queue-stack{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.queue-stack>button{color:#665d6e;text-align:left;cursor:pointer;background:#eee2f4b8;border:1px solid #7359851f;border-radius:11px;flex:none;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:7px;width:100%;min-height:52px;padding:6px 8px;animation:.22s cubic-bezier(.2,.8,.2,1) both queue-in;display:grid;position:relative;overflow:hidden}.held-portal-order{color:#4f6668;background:#d8f4efd1;border:1px solid #49b4ab52;border-radius:11px;flex:none;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:7px;width:100%;min-height:52px;padding:6px 8px;display:grid;position:relative}.queue-progress.held{background:conic-gradient(#55bfb5 360deg, #b8d8d4 0)}.queue-progress.held>span{color:#358f88;filter:none;grid-auto-flow:column;align-items:center;gap:2px;display:grid}.queue-progress.held b{font-size:9px}.queue-stack>button.next{border-color:#896ec261;box-shadow:0 5px 14px #6b509121}.queue-empty>span{color:#8a72b5;font-size:18px}.queue-empty small{color:#8d8492;font-size:10px;line-height:1.35}.queue-progress{background:conic-gradient(var(--violet) var(--ready), #bbb7bf 0);border-radius:50%;flex:none;grid-area:1/1/3;place-items:center;width:30px;height:30px;display:grid;position:relative}.queue-progress:before{content:"";background:#f4f0f4f5;border-radius:50%;width:23px;height:23px;position:absolute}.queue-progress>span{z-index:1;color:#716878;filter:grayscale();font-size:10px;font-weight:900}.queue-copy{grid-area:2/2;gap:2px;min-width:0;display:grid}.queue-stack>button:not(.next) .queue-copy{grid-row:1/3}.queue-copy b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.queue-copy small{color:#8b8291;white-space:nowrap;font-size:10px}.next-label{color:#8b73bc;letter-spacing:.08em;grid-area:1/2;place-self:end start;min-width:0;font-size:8px;font-weight:900;line-height:1.1;position:static}@keyframes queue-in{0%{opacity:0;transform:translate(14px)scale(.96)}to{opacity:1;transform:none}}.unit-picker-backdrop{z-index:42;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3d2d4429;place-items:center;display:grid;position:absolute;inset:0}.unit-picker-modal{background:#fffaf7f5;border:1px solid #7d619733;border-radius:22px;width:min(610px,100vw - 32px);padding:18px;box-shadow:0 26px 70px #49334f3d}.unit-picker-modal>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.picker-resources{align-items:center;gap:7px;margin-left:auto;margin-right:12px;display:flex}.picker-resources span{color:#817589;letter-spacing:.04em;background:#f5eff7cc;border:1px solid #6e577e1f;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:800}.picker-resources b{color:#a06d31;margin-left:4px;font-size:11px}.unit-picker-modal>header small{color:#9279b1;letter-spacing:.15em;font-size:10px;font-weight:900}.unit-picker-modal h3{color:#5d5266;margin:3px 0 0;font-size:16px}.unit-picker-modal>header>button{border-radius:10px;width:30px;height:30px;padding:0;font-size:17px}.unit-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.unit-picker-grid>button{color:#61596a;text-align:left;cursor:pointer;background:#f5eef9b8;border:1px solid #6c577e1f;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;min-height:58px;padding:7px;display:grid}.unit-picker-grid>button:has(.card-token>img){grid-template-columns:66px 1fr auto;min-height:92px}.unit-picker-grid>button:hover{border-color:#8164ae61;transform:translateY(-1px)}.unit-picker-grid>button:disabled{opacity:1;color:#756f78;cursor:not-allowed;background:#f1eef0c7}.unit-picker-grid>button:disabled>:not(.unit-resource-shortage){opacity:.43;filter:saturate(.35)}.unit-picker-grid>button:disabled>b{opacity:1;filter:none}.unit-picker-grid>button>span:nth-child(2){min-width:0;display:grid}.unit-picker-grid strong{font-size:10px}.unit-picker-grid small{color:#8c8491;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.unit-picker-grid .forge-order-preview{color:#a06d31;white-space:normal;margin-top:3px;font-size:8px;line-height:1.25}.unit-picker-grid>button:has(.forge-order-preview){min-height:70px}.unit-picker-grid>button>b{color:#9a743d;white-space:nowrap;font-size:10px}.unit-resource-shortage{color:#a3443e;letter-spacing:.025em;white-space:nowrap;background:#ffebe8fa;border:1px solid #be574d29;border-radius:999px;grid-column:2/-1;justify-self:end;padding:3px 8px;font-size:10px;font-style:normal;font-weight:900;line-height:1.2}.unit-resource-shortage.reason-deck,.unit-resource-shortage.reason-queue{color:#75677f;background:#ebe5eefa;border-color:#6f5b8024}.unit-resource-shortage.reason-deferred{color:#287f78;background:#def9f5fa;border-color:#35aca04d}.picker-deferred-summary{color:#397b76;background:#e0f8f4c7;border:1px solid #4ab7ac47;border-radius:12px;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 12px;font-size:11px;display:flex}.picker-deferred-summary strong{letter-spacing:.04em}.picker-deferred-summary span{color:#6f7d80}.unit-picker-grid>button:has(.unit-resource-shortage){min-height:76px}.unit-automation-picker{border-top:1px solid #6c577e1f;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.unit-automation-picker>div{gap:3px;margin-right:auto;display:grid}.unit-automation-picker>div strong{color:#685d70;letter-spacing:.1em;font-size:10px}.unit-automation-picker>div small{color:#8c8491;font-size:10px}.unit-automation-picker button:disabled{opacity:.42;cursor:not-allowed}.connection-pill{z-index:5;color:#827c87;letter-spacing:.12em;pointer-events:none;font-size:10px;font-weight:900;position:absolute;bottom:18px;right:18px}.connection-pill i{background:#aaa2aa;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.connection-pill.online i{background:var(--mint);box-shadow:0 0 0 3px #54cfc52e}.connection-pill.offline i{background:var(--coral)}.notice{z-index:auto;color:#934f43;background:#ffefeaf0;border:1px solid #cc6c5833;border-radius:13px;max-width:100%;padding:9px 15px;font-size:10px;position:static;box-shadow:0 10px 28px #6b464b26}.notice-enter-active,.notice-leave-active{transition:opacity .2s,transform .2s}.notice-enter-from,.notice-leave-to{opacity:0;transform:translateY(-6px)}.loading-screen,.result-screen{z-index:50;width:100%;height:var(--app-viewport-height,100dvh);min-height:0;padding:max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));overscroll-behavior:contain;color:var(--ink);text-align:center;background:#f4d8cff7;align-content:safe center;justify-items:center;display:grid;position:fixed;inset:0;overflow:hidden auto}.eyebrow,.result-screen p{color:#7c7180;letter-spacing:.34em;margin:0 0 8px;font-size:10px;font-weight:900}.loading-screen h1{overflow-wrap:anywhere;letter-spacing:.18em;max-width:100%;margin:0;font-size:clamp(40px,7vw,78px);font-weight:300}.loading-screen h1 span{color:#9176be}.loading-screen>p:not(.eyebrow){color:#756c79;font-size:11px}.loading-screen button,.result-screen button{color:#fff;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:#4bbab0;border:0;border-radius:13px;margin-top:15px;padding:10px 20px;font-size:10px;font-weight:900;box-shadow:0 8px 18px #36978f38}.result-screen{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4ded8db}.result-screen.win{background:linear-gradient(145deg,#e0f6f1f0,#f4e0d8e6)}.result-screen.loss{background:linear-gradient(145deg,#f8e2daf2,#eed7deeb)}.result-screen.draw{background:linear-gradient(145deg,#ede8f8f2,#f4e0d8e6)}.result-screen>*{min-width:0;max-width:100%}.result-screen h2{overflow-wrap:anywhere;color:#5caea5;letter-spacing:.12em;margin:4px 0;font-size:clamp(28px,4vw,52px);font-weight:350}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lobby-actions .ghost-action{color:#7d77a7;background:#f4ebfff5}.loading-screen .room-code{overflow-wrap:anywhere;color:#625778;text-transform:none;-webkit-user-select:all;user-select:all;background:#fffaf6eb;max-width:100%;font-family:SFMono-Regular,Consolas,monospace}.waiting-label{color:#81778b;letter-spacing:.14em;text-transform:uppercase;margin-top:14px;font-size:10px;font-weight:800}.loading-screen .lobby-error{color:#a85f54}.loading-screen.lobby-home{color:#3f3a4a;-webkit-backdrop-filter:blur(24px)saturate(1.1);backdrop-filter:blur(24px)saturate(1.1);background:radial-gradient(circle at 77% 22%,#b79bde3d,#0000 32%),radial-gradient(circle at 15% 65%,#69d3c629,#0000 30%),linear-gradient(145deg,#fffaf6f7,#f4dad3f5);padding:0;display:block;overflow:hidden auto}.lobby-home:before,.lobby-home:after{content:"";pointer-events:none;background:#ffffff1f;border:1px solid #ffffff8c;position:fixed;transform:rotate(35deg)}.lobby-home:before{border-radius:28%;width:42vw;height:42vw;top:-19vw;right:-8vw;box-shadow:inset 0 0 80px #ae8bd31f}.lobby-home:after{border-radius:50%;width:38vw;height:38vw;bottom:-24vw;left:-12vw;box-shadow:inset 0 0 70px #51beb31a}.lobby-home button{text-transform:none;margin:0}.lobby-shell{z-index:1;width:min(1180px,100% - 48px);min-height:100%;margin:0 auto;padding:24px 0 20px;position:relative}.lobby-topbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:54px;display:flex}.lobby-logo{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.lobby-logo>i{background:linear-gradient(145deg,#ffffffc7,#ac8fd147);border:2px solid #6a5480a6;border-radius:9px 9px 12px 12px;width:31px;height:38px;position:relative;transform:skewY(-5deg);box-shadow:inset 8px 0 14px #ffffff6b,0 8px 18px #5e416b1f}.lobby-logo>i:before,.lobby-logo>i:after{content:"";background:linear-gradient(#65d3c7e0,#65d3c72e);border-radius:5px 5px 7px 7px;width:8px;height:22px;position:absolute;bottom:5px}.lobby-logo>i:before{left:-6px}.lobby-logo>i:after{background:linear-gradient(#ee8b77d6,#ee8b772e);right:-6px}.lobby-logo>span{text-align:left;gap:3px;min-width:0;display:grid}.lobby-logo strong{color:#42394d;letter-spacing:.25em;font-size:14px;font-weight:650}.lobby-logo small{color:#776b7f;letter-spacing:.16em;font-size:10px;font-weight:850}.lobby-profile-button{flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:min(240px,48%);display:flex;color:#5f5369!important;letter-spacing:.05em!important;background:#ffffffad!important;border:1px solid #6b547e2e!important;border-radius:999px!important;padding:8px 14px 8px 8px!important;font-size:11px!important;box-shadow:0 8px 20px #523d5b14!important}.lobby-profile-avatar{color:#fff;background:linear-gradient(135deg,#9c84ce,#69cfc4);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.lobby-profile-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-hero-grid{grid-template-columns:minmax(420px,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(28px,6vw,84px);min-width:0;min-height:500px;padding:34px 0 28px;display:grid}.lobby-intro{text-align:left;min-width:0}.lobby-intro .eyebrow{color:#715f83;letter-spacing:.18em;margin-bottom:16px;font-size:11px;line-height:1.4}.lobby-intro h1{color:#4a4153;letter-spacing:.025em;margin:0;font-size:clamp(34px,3.5vw,52px);font-weight:280;line-height:.96}.lobby-intro h1.compact{letter-spacing:.005em;font-size:clamp(28px,2.75vw,42px)}.lobby-intro .hero-line{overflow-wrap:normal;word-break:keep-all;white-space:nowrap;width:max-content;max-width:100%;display:block}.lobby-intro .hero-line.accent{color:#8c72bb}.lobby-pitch{color:#5f5666;max-width:540px;margin:22px 0 24px;font-size:14px;line-height:1.65}.lobby-intro .lobby-error{overflow-wrap:anywhere;background:#ffe8e3b8;border-radius:10px;max-width:510px;margin:-10px 0 14px;padding:8px 11px;font-size:10px}.loading-screen .lobby-primary-action{text-align:left;grid-template-columns:1fr auto;gap:3px 20px;width:min(370px,100%);transition:transform .2s,box-shadow .2s;display:grid;position:relative;color:#fff!important;background:linear-gradient(135deg,#3eb8ae,#63c9bd)!important;border:1px solid #2292881f!important;border-radius:18px!important;padding:15px 18px!important;box-shadow:0 16px 34px #2f9b913d,inset 0 1px #ffffff40!important}.lobby-primary-action:hover{transform:translateY(-2px);box-shadow:0 20px 38px #2f9b914d,inset 0 1px #ffffff40!important}.lobby-primary-action span{letter-spacing:.025em;font-size:16px;font-weight:850}.lobby-primary-action small{color:#ffffffeb;letter-spacing:.02em;grid-column:1;font-size:11px;font-weight:700;line-height:1.35}.lobby-primary-action b{grid-area:1/2/span 2;align-self:center;font-size:23px;font-weight:350;transition:transform .2s}.lobby-primary-action:hover b{transform:translate(3px)}.loading-screen .lobby-tutorial-action{color:#62556f;text-align:left;background:#fffafcc7;border:1px solid #715b892e;border-radius:16px;justify-content:space-between;align-items:center;width:min(370px,100%);margin-top:9px;padding:12px 16px;display:flex;box-shadow:0 8px 22px #4f3c5e1a}.lobby-tutorial-action span{flex-direction:column;gap:2px;min-width:0;display:flex}.lobby-tutorial-action strong{font-size:14px}.lobby-tutorial-action small{color:#8b7c91;font-size:10px}.lobby-tutorial-action b{color:#3eada3;flex:none;font-size:20px}.hud-message-flow{z-index:42;pointer-events:none;justify-items:center;gap:8px;width:min(720px,100vw - 32px);display:grid;position:fixed;top:174px;left:50%;transform:translate(-50%)}.hud-message-flow>*{pointer-events:auto}.tutorial-objective-chip{z-index:auto;color:#5b5065;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf8e6;border:1px solid #4db5a947;border-radius:18px;align-items:center;gap:14px;width:100%;padding:10px 12px 10px 16px;display:flex;position:static;box-shadow:0 12px 35px #47375224}.tutorial-objective-chip span{flex-direction:column;flex:1;min-width:0;display:flex}.tutorial-objective-chip small{letter-spacing:.13em;color:#319f95;font-size:9px;font-weight:900}.tutorial-objective-chip strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tutorial-objective-chip i{color:#8f8294;font-size:10px;font-style:normal;font-weight:900}.tutorial-objective-chip i.complete{color:#269d74}.tutorial-objective-chip button{color:#72657b;background:#fff;border:1px solid #e0d5e2;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:800}@media (width<=700px){.hud-message-flow{top:max(104px,calc(env(safe-area-inset-top) + 94px));gap:6px;width:calc(100vw - 20px)}.hud-message-flow.has-threat{top:max(148px,calc(env(safe-area-inset-top) + 138px))}.tutorial-objective-chip{align-items:flex-start;gap:7px;padding:7px 8px 7px 11px}.tutorial-objective-chip strong{white-space:normal;font-size:10px;line-height:1.2}.tutorial-objective-chip i{display:none}.tutorial-objective-chip button{min-height:36px;padding:6px 9px}}@media (height<=650px) and (width>=701px){.hud-message-flow{top:90px}}.tutorial-import-backdrop{z-index:205;width:100%;height:var(--app-viewport-height,100dvh);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#352a3f94;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.tutorial-import-backdrop article{width:min(520px,100%);max-height:calc(var(--app-viewport-height,100dvh) - 36px);overscroll-behavior:contain;color:#554b5e;background:#fffaf7;border:1px solid #fffc;border-radius:28px;padding:28px;overflow:hidden auto;box-shadow:0 30px 90px #2a1d3059}.tutorial-import-backdrop small{letter-spacing:.15em;color:#419f97;font-weight:900}.tutorial-import-backdrop h2{overflow-wrap:anywhere;margin:8px 0 12px;font-size:30px}.tutorial-import-backdrop p{overflow-wrap:anywhere;color:#766d79;line-height:1.5}.tutorial-import-backdrop article>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tutorial-import-backdrop button{color:#fff;background:#46b7ac;border:1px solid #4bb2a759;border-radius:14px;min-height:46px;padding:0 20px;font-weight:900}.tutorial-import-backdrop button.ghost-action{color:#6d6174;background:#fff}.lobby-how{gap:10px;margin-top:22px;display:grid}.lobby-bot-difficulty{gap:6px;margin-top:14px;display:grid}.lobby-bot-difficulty>small{color:#705f7d;letter-spacing:.1em;font-size:10px;font-weight:900}.bot-difficulty-options{gap:6px;display:flex}.bot-difficulty-options button{color:#6a5b7a;letter-spacing:.04em;cursor:pointer;background:#ffffff75;border:1px solid #846ba02e;border-radius:10px;flex:1;padding:8px 10px;font-size:10px;font-weight:800;transition:background .16s,color .16s,border-color .16s,transform .12s}.bot-difficulty-options button:hover{background:#fffc;transform:translateY(-1px)}.bot-difficulty-options button.active{color:#fff;background:linear-gradient(135deg,#3eb8ae,#63c9bd);border-color:#2292883d;box-shadow:0 6px 16px #2f9b9133}.bot-difficulty-options button:focus-visible{outline-offset:2px;outline:2px solid #9279c6}.lobby-how>div{align-items:center;gap:10px;display:flex}.lobby-how>div>b{color:#765e91;background:#ffffff9e;border:1px solid #846ba038;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.lobby-how>div>span{gap:1px;display:grid}.lobby-how strong{color:#554b5e;font-size:12px;line-height:1.3}.lobby-how small{color:#766e7a;font-size:10px;line-height:1.35}.lobby-showcase{isolation:isolate;clip-path:inset(0 round 42px 42px 90px);background-color:#f1dfe3;background-image:url(/assets/lobby/main-menu-faction-battle-v3.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #7d60922e;border-radius:42px 42px 90px;min-width:0;min-height:410px;position:relative;overflow:hidden;box-shadow:0 30px 80px #684b6f33,inset 0 1px #ffffffb8}.lobby-showcase:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fffafc00 58%,#71548414 100%);position:absolute;inset:0}.lobby-showcase>p{z-index:2;color:#7d7283;text-align:left;background:#fffafcf0;border:1px solid #ffffff57;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0;padding:10px 13px;display:grid;position:absolute;bottom:20px;left:24px;right:24px;box-shadow:0 10px 34px #1f15242e}.lobby-showcase>p strong{color:#75578f;letter-spacing:.11em;font-size:10px}.lobby-showcase>p span{color:#665c6e;font-size:11px;line-height:1.45}.lobby-section-nav{background:#ffffff54;border:1px solid #6c527d1a;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;display:grid;box-shadow:0 16px 45px #533b5a14}.loading-screen .lobby-section-nav button{text-align:left;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-height:58px;transition:background .18s,border-color .18s;display:grid;color:#74697c!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:14px!important;padding:8px 10px!important}.loading-screen .lobby-section-nav button:hover,.loading-screen .lobby-section-nav button.active{background:#ffffffa6!important;border-color:#8669a321!important}.lobby-section-nav button>i{color:#8f75aa;background:#ebe1f4b3;border-radius:11px;place-items:center;width:34px;height:34px;font-size:13px;font-style:normal;display:grid}.lobby-section-nav button>span{gap:2px;display:grid}.lobby-section-nav strong{color:#5c5264;letter-spacing:.02em;font-size:11px}.lobby-section-nav small{color:#756d79;letter-spacing:0;font-size:10px;font-weight:650;line-height:1.35}.lobby-drawer{scroll-margin-top:max(8px, env(safe-area-inset-top));text-align:left;background:#fffcf9c7;border:1px solid #7358881f;border-radius:20px;margin-top:10px;padding:16px;animation:.22s both lobby-drawer-in;box-shadow:0 18px 46px #523c5b1a}@keyframes lobby-drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.lobby-drawer>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lobby-drawer>header div{gap:2px;display:grid}.lobby-drawer>header small{color:#957da6;letter-spacing:.15em;font-size:10px;font-weight:900}.lobby-drawer>header strong{color:#5b5163;font-size:15px}.loading-screen .lobby-drawer>header>button{width:30px;height:30px;color:#84778b!important;box-shadow:none!important;background:#efe8f2b8!important;border-radius:10px!important;padding:0!important;font-size:16px!important}.drawer-hint{color:#8c838f;margin:-4px 0 10px;font-size:10px}.lobby-drawer .loadout-picker{justify-content:flex-start}.lobby-drawer .loadout-summary{width:100%;max-height:none}.lobby-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.loading-screen .lobby-choice-grid button{text-align:left;gap:5px;min-height:72px;display:grid;color:#6a5e72!important;box-shadow:none!important;background:#ffffff94!important;border:1px solid #735a851f!important;border-radius:14px!important;padding:12px!important}.loading-screen .lobby-choice-grid button:hover{background:#effcf9cc!important;border-color:#53b1a857!important}.loading-screen .lobby-choice-grid button.recommended{background:#e0f8f3b8!important;border-color:#3eb8ae3d!important}.lobby-choice-grid b{color:#5d5167;font-size:10px}.lobby-choice-grid span{color:#928794;letter-spacing:0;text-transform:none;font-size:10px;font-weight:650;line-height:1.4}.lobby-account-card{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;display:grid}.lobby-account-card>span{color:#fff;background:linear-gradient(135deg,#9175c1,#55c6ba);border-radius:15px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.lobby-account-card>div{gap:2px;min-width:0;display:grid}.lobby-account-card small{color:#918098;letter-spacing:.12em;font-size:10px;font-weight:900}.lobby-account-card strong{overflow-wrap:anywhere;color:#5c5065;font-size:13px}.lobby-account-card p{overflow-wrap:anywhere;color:#8b818e;margin:0;font-size:10px}.lobby-drawer .auth-panel{justify-content:flex-start;margin:0}.lobby-drawer .auth-panel>small{flex-basis:100%}.lobby-footer{color:#746c78;letter-spacing:.035em;justify-content:space-between;gap:20px;padding:16px 4px 0;font-size:10px;font-weight:700;line-height:1.4;display:flex}@media (width<=1040px){.lobby-shell{width:min(760px,100% - 28px)}.lobby-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:46px}.lobby-showcase{display:none}.lobby-intro{max-width:620px}.lobby-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.lobby-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.lobby-shell{width:calc(100% - 20px);padding-top:12px}.lobby-shell.drawer-visible:after{content:"";height:calc(var(--app-viewport-height,100dvh) - 104px);pointer-events:none;display:block}.lobby-logo strong{font-size:11px}.lobby-logo small{display:none}.lobby-hero-grid{padding-top:30px}.lobby-intro h1{font-size:clamp(36px,12vw,52px)}.lobby-pitch{font-size:10px}.lobby-section-nav,.lobby-choice-grid{grid-template-columns:1fr}.lobby-section-nav{gap:4px}.loading-screen .lobby-section-nav button{min-height:52px}.lobby-drawer .loadout-picker{flex-wrap:wrap;align-items:flex-start}.lobby-drawer .loadout-summary{max-height:260px;overflow-y:auto}.lobby-account-card{grid-template-columns:38px 1fr}.lobby-account-card>span{width:38px;height:38px}.lobby-account-card>button{grid-column:1/-1}.loadout-builder>footer{flex-direction:column;align-items:stretch}.loadout-builder>footer button{width:100%}.lobby-footer{gap:5px;display:grid}}@media (width<=420px){.tutorial-import-backdrop{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.tutorial-import-backdrop article{max-height:calc(var(--app-viewport-height,100dvh) - 20px);padding:20px}.tutorial-import-backdrop h2{font-size:26px}.tutorial-import-backdrop article>div{grid-template-columns:1fr;display:grid}.tutorial-import-backdrop button{width:100%}}.auth-panel{background:#fff6;border:1px dashed #74589e38;border-radius:13px;align-items:center;gap:6px;margin:10px 0 0;padding:9px 12px;display:flex}.auth-panel small{color:#81758a;letter-spacing:.14em;font-size:10px;font-weight:900}.auth-panel input{color:#5e506c;width:140px;font:inherit;background:#ffffffc7;border:1px solid #74589e33;border-radius:8px;padding:6px 8px;font-size:10px}.auth-panel input:focus{outline-offset:1px;outline:2px solid #3caea8}.auth-panel>div{flex-wrap:wrap;gap:6px;display:flex}.auth-panel button{margin:0;padding:6px 12px;font-size:10px}.auth-panel .ghost-action{color:#7d77a7;background:#f4ebfff5}.lobby-account{color:#6f6580;letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0;font-size:10px;font-weight:900}.lobby-account button{color:#7d77a7;background:#f4ebfff5;margin-left:10px;padding:5px 12px;font-size:10px}.account-card{text-align:left;background:#ffffff80;border:1px solid #74589e2e;border-radius:14px;margin-bottom:9px;padding:11px 14px}.account-card small{color:#8a7998;letter-spacing:.13em;font-size:10px;font-weight:900}.account-card strong{overflow-wrap:anywhere;color:#5e506c;font-size:13px}.account-card p{overflow-wrap:anywhere;color:#68606f;margin:4px 0 0;font-size:10px}.account-card button{color:#7d77a7;background:#f4ebfff5;margin:8px 0 0;padding:5px 12px;font-size:10px}.daily-results{text-align:left;background:#ffffff75;border:1px solid #74589e29;border-radius:13px;margin-bottom:9px;padding:9px 13px}.daily-results small{color:#8a7998;letter-spacing:.13em;font-size:10px;font-weight:900}.daily-results ol{margin:5px 0 0;padding:0;list-style:none}.daily-results li{color:#68606f;border-bottom:1px dashed #74589e1f;justify-content:space-between;gap:10px;min-width:0;padding:3px 0;font-size:10px;display:flex}.daily-results li span{overflow-wrap:anywhere;min-width:0}.daily-results li b{flex:none}.daily-results li:last-child{border-bottom:0}.daily-results b{color:#5e506c}.loadout-picker{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 2px;display:flex}.loadout-picker small{color:#81758a;letter-spacing:.15em;font-size:10px;font-weight:900}.loadout-picker button{color:#746780;box-shadow:none;background:#fff9;margin:0;padding:7px 13px}.loadout-picker button.active{color:#fff;background:#9279c6;box-shadow:0 6px 14px #74589e3d}.loadout-builder{background:#ffffff8c;border:1px solid #74589e2e;border-radius:16px;gap:10px;margin:12px 0;padding:14px;display:grid}.loadout-builder>header,.loadout-builder>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.loadout-builder>header div{gap:2px;display:grid}.loadout-builder small{color:#887894;letter-spacing:.12em;font-size:10px;font-weight:900}.loadout-builder>header strong{color:#5e5267;font-size:14px}.loadout-builder>header b{color:#a47770;background:#f7e9e4;border-radius:8px;padding:5px 8px;font-size:11px}.loadout-builder>header b.ready{color:#347a72;background:#dff4ef}.builder-section{gap:6px;display:grid}.builder-options{flex-wrap:wrap;gap:5px;display:flex}.builder-options button,.saved-decks button{color:#706478;box-shadow:none;background:#f8f4f9d1;border:1px solid #69537724;border-radius:8px;margin:0;padding:6px 9px;font-size:11px}.builder-options button.active{color:#fff;background:#9279c6;border-color:#9279c6}.builder-options button.blocked{opacity:.38;text-decoration:line-through}.loadout-builder>footer span{color:#746c79;font-size:11px}.loadout-builder>footer button{color:#fff;box-shadow:none;background:#4ebdb2;margin:0;padding:8px 12px}.loadout-builder>footer button:disabled{opacity:.42;cursor:not-allowed}.saved-decks{border-top:1px solid #6953771a;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.loadout-summary{text-align:left;background:#ffffff75;border:1px solid #74589e29;border-radius:16px;width:min(760px,100vw - 32px);margin:9px 0 2px;padding:12px 14px}.loadout-summary header{justify-content:space-between;align-items:end;gap:12px;display:flex}.loadout-summary header div{gap:2px;display:grid}.loadout-summary header small,.loadout-columns small{color:#8a7998;letter-spacing:.13em;font-size:10px;font-weight:900}.loadout-summary header strong{color:#5e506c;font-size:14px}.loadout-summary header span{color:#fff;letter-spacing:.08em;background:#9279c6;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:900}.loadout-summary>p{color:#68606f;margin:7px 0 0;font-size:10px;line-height:1.4}.loadout-summary>.loadout-weakness{color:#9a6d65;margin-top:2px}.loadout-columns{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.loadout-columns div{background:#ffffff85;border-radius:9px;gap:3px;padding:7px 8px;display:grid}.loadout-columns b{color:#6a6073;font-size:10px;line-height:1.45}.opponent-pill{z-index:5;color:#827c87;letter-spacing:.12em;font-size:10px;font-weight:900;position:absolute;bottom:18px;left:18px}.opponent-pill.offline{color:var(--coral)}.summary-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.summary-grid>div{border:1px solid var(--line);background:#ffffffbd;border-radius:8px;gap:2px;padding:6px 8px;display:grid}.summary-grid>div span{color:#827c87;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.summary-grid>div b{color:#5caea5;font-variant-numeric:tabular-nums;font-size:11px}.meta-panel{width:min(760px,100vw - 28px)}.replay-panel.meta-panel,.replay-panel.match-summary-panel{max-height:min(700px, calc(var(--app-viewport-height,100dvh) - 32px));overscroll-behavior:contain;position:fixed;bottom:auto;left:50%;right:auto;overflow:hidden auto;transform:translate(-50%,-50%)}.match-summary-panel .replay-subtitle{overflow-wrap:anywhere}.daily-card{background:#fff2d7b8;border:1px solid #cc974633;border-radius:13px;gap:5px;margin-bottom:12px;padding:12px;display:grid}.daily-card small{color:#9b7137;letter-spacing:.1em;font-size:10px;font-weight:900}.daily-card strong{color:#5d5067;font-size:15px}.daily-card p{overflow-wrap:anywhere;color:#766d79;margin:0;font-size:10px}.daily-card>div{flex-wrap:wrap;gap:8px;display:flex}.meta-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.meta-columns section{background:#ffffff80;border:1px solid #6753771f;border-radius:12px;min-height:105px;padding:10px}.meta-columns h4{color:#806d91;letter-spacing:.12em;margin:0 0 7px;font-size:10px}.meta-columns p,.meta-columns li{overflow-wrap:anywhere;color:#6e6778;min-width:0;font-size:10px}.meta-columns ol{gap:4px;margin:0;padding-left:18px;display:grid}.meta-columns li span{margin-right:8px}.meta-columns li b{float:right;color:#8b6bb2}.meta-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.meta-actions button,.daily-card button{border-radius:12px;padding:8px 12px}.team-invites{z-index:32;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf6e0;border:1px solid #785b932e;border-radius:14px;align-items:center;gap:6px;padding:7px 9px;display:flex;position:fixed;top:66px;right:18px}.team-invites small{color:#7d6c8b;letter-spacing:.1em;font-size:10px;font-weight:900}.team-invites button{border-radius:9px;padding:5px 8px;font-size:10px}.draft-overlay{z-index:45;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fff8f4f0;border:1px solid #8461a338;border-radius:24px;width:min(620px,100vw - 32px);padding:24px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #50365840}.draft-overlay small{color:#9a76b4;letter-spacing:.16em;font-size:10px;font-weight:900}.draft-overlay h2{color:#5f506c;margin:8px 0 3px}.draft-overlay p{color:#817586;margin:0 0 16px;font-size:10px}.draft-pool{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.draft-pool button{border-radius:13px;min-height:54px}.draft-pool button:disabled{opacity:.42;filter:grayscale()}.result-actions{gap:10px;max-width:min(680px,100%);margin-top:8px;display:flex}.diagnosis-block{text-align:left;box-sizing:border-box;background:#281c200f;border:1px solid #c8503c47;border-radius:16px;width:min(520px,100vw - 32px);margin:14px 0 4px;padding:16px 20px}.diagnosis-block.win{background:#dff9f4d1;border-color:#2ea4999e;box-shadow:0 12px 32px #2ea4991f}.diagnosis-block.loss{background:#ffefe9d1;border-color:#c95c4975;box-shadow:0 12px 32px #a3463e1a}.diagnosis-block small{color:#9a6b62;letter-spacing:.16em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.diagnosis-block.win small{color:#398f86}.diagnosis-block.loss small{color:#a74f43}.diagnosis-block h3{overflow-wrap:anywhere;color:#4a3f47;letter-spacing:-.01em;margin:0 0 8px;font-size:18px}.diagnosis-block p{overflow-wrap:anywhere;letter-spacing:.01em;color:#4a4044;margin:4px 0;font-size:12px;font-weight:650;line-height:1.45}.diagnosis-block strong{color:#2a2226;font-weight:800}.diagnosis-cause{color:#6a5a5e;font-size:12px}.diagnosis-hint{border-top:1px solid #55424c1a;padding-top:9px;font-size:12px;color:#2d716a!important;margin-top:9px!important}.diagnosis-hint strong{color:#1f8a80}.diagnosis-evidence-toggle{color:#426d69;min-height:44px;font:inherit;cursor:pointer;background:#ffffff8f;border:1px solid #4d71773d;border-radius:12px;margin-top:12px;padding:8px 12px;font-size:11px;font-weight:850}.diagnosis-evidence-list{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.diagnosis-evidence-list button{color:#4a4044;text-align:left;cursor:pointer;background:#ffffff80;border:1px solid #56464f1f;border-radius:11px;grid-template-columns:1fr auto;gap:2px 10px;width:100%;min-height:48px;padding:8px 10px;display:grid}.diagnosis-evidence-list span{color:#8a777e;letter-spacing:.04em;grid-column:1;font-size:9px;font-weight:750}.diagnosis-evidence-list strong{overflow-wrap:anywhere;grid-column:1;min-width:0;font-size:11px}.diagnosis-evidence-list b{color:#398f86;grid-area:1/2/span 2;align-self:center}.diagnosis-evidence-toggle:focus-visible,.diagnosis-evidence-list button:focus-visible{outline-offset:2px;outline:3px solid #30a39973}.diagnosis-loading{align-content:center;min-height:118px;display:grid}.result-actions{flex-wrap:wrap;justify-content:center}@media (height<=540px) and (orientation:landscape){.result-screen{padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));align-content:start}.result-screen h2{font-size:28px}.diagnosis-block{margin-top:8px;padding:11px 14px}.diagnosis-block h3{font-size:15px}.result-screen button{margin-top:7px}}@media (width<=480px){.loading-screen:not(.lobby-home) h1{letter-spacing:.12em;font-size:clamp(30px,12vw,46px);line-height:1.05}.result-screen{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.result-actions{gap:6px;width:100%}.result-actions button{flex:140px;max-width:100%;margin-top:6px}}.matchup-block{background:#dcf5f099;border:1px solid #3ca09633;border-radius:10px;margin-top:10px;padding:8px 10px}.matchup-block h4{color:#1f8a80;letter-spacing:.08em;margin:0 0 6px;font-size:10px;font-weight:900}.matchup-block ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.matchup-block li{overflow-wrap:anywhere;color:#4a4044;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex}.matchup-block strong{color:#2a2226}.matchup-dmg{color:#6a5a5e;margin-left:auto;font-weight:800}.matchup-kills{color:#b04030;font-weight:800}.ghost-action{color:#7d77a7;background:#f4ebfff5;box-shadow:0 8px 18px #7a66b42e}.replay-panel{z-index:55;width:min(560px,100% - 40px);max-height:min(70vh,700px);color:var(--ink);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);background:#fffbf8f0;border:1px solid #5f4a702e;border-radius:18px;padding:14px 16px;position:absolute;inset:50% 20px 20px;overflow:hidden;transform:translateY(-50%);box-shadow:0 18px 36px #5b3f5833,inset 0 1px #ffffffe6}.replay-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.replay-header h3{letter-spacing:.22em;text-transform:uppercase;color:#7b7390;margin:0;font-size:12px}.replay-close{color:#8a8594;cursor:pointer;background:#ffffffa3;border:0;border-radius:11px;width:28px;height:28px;padding:0}.replay-subtitle{color:#7d7390;letter-spacing:.08em;margin:0 0 8px;font-size:10px}.replay-error,.replay-loading{color:#a85f54;margin:14px 0;font-size:12px}.replay-loading{color:#7d7490}.replay-meta{border:1px solid var(--line);color:#7d7392;background:#ffffffbd;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:9px;padding:6px 8px;font-size:10px;display:flex}.replay-controls{border:1px solid var(--line);background:#ffffffc7;border-radius:12px;grid-template-columns:auto minmax(120px,1fr) auto repeat(4,auto);align-items:center;gap:6px;margin:8px 0;padding:8px;display:grid}.replay-controls button{color:#5e5670;cursor:pointer;background:#fff;border:1px solid #49aea547;border-radius:8px;min-height:28px;padding:4px 8px;font-size:9px;font-weight:900}.replay-controls button.active{color:#176e68;background:#dff9f6;border-color:#54c9bf}.replay-controls input{accent-color:#4fc9bf;width:100%}.replay-controls span{color:#665d75;min-width:35px;font-size:10px;font-weight:900}.replay-hash{color:#27877f;letter-spacing:.04em;margin:6px 0;font-size:9px;font-weight:900}.replay-hash.invalid{color:#b84237}.replay-command-log{color:#6f647e;margin-top:8px;font-size:10px}.replay-command-log summary{cursor:pointer;letter-spacing:.08em;font-weight:900}.replay-empty{color:#897d95;margin:4px 0 0;font-size:10px}.replay-list{gap:7px;max-height:44vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.replay-item{background:#f8f4ffd1;border:1px solid #917ba829;border-radius:10px;padding:8px}.replay-item-main{color:#635a70;letter-spacing:.08em;grid-template-columns:82px 78px 1fr;align-items:baseline;gap:8px;font-size:10px;display:grid}.replay-tick{color:#8a81a7;font-weight:800}.replay-type{color:#4a9e97;text-transform:uppercase;letter-spacing:.1em}.replay-item pre{color:#60556f;background:#ffffffbd;border-radius:8px;margin:6px 0 0;padding:7px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.replay-item.highlighted{background:#ffede4eb;border-color:#ff5a3c99}.replay-item-main strong.mine{color:#1f8a80}.replay-bookmarks{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.replay-bookmarks button{color:#b04030;letter-spacing:.04em;cursor:pointer;background:#ffede4b3;border:1px solid #ff5a3c47;border-radius:8px;padding:4px 8px;font-size:9px;font-weight:800}.replay-bookmarks button:hover{background:#ffd2bee6}.replay-raw-toggle{color:#705f84;cursor:pointer;background:#ffffffa6;border:1px solid #7a609d2e;border-radius:8px;margin:8px 0 0;padding:5px 10px;font-size:10px;font-weight:800}@media (width<=1300px){.base-faction{display:none}}@media (width<=1020px){.replay-panel{width:calc(100% - 20px);inset:50% 10px 10px}.replay-list{max-height:50vh}}@media (height<=700px){.replay-panel{max-height:78vh;padding:12px;inset:50% 8px 8px}.replay-list{max-height:44vh}}@media (width<=1020px){.match-strip{grid-template-columns:165px 145px 165px;gap:7px}.action-dock{width:calc(100% - 32px)}.economy-chip{left:10px}.lane-picker{right:10px}.connection-pill{display:none}.brand-title{transform-origin:0 0;top:20px;left:14px;transform:scale(.8)}}@media (width<=699px){.brand-title{display:none}.match-strip{transform-origin:top;grid-template-columns:1fr 108px 1fr;gap:5px;width:calc(100% - 14px);transform:translate(-50%)scale(.82)}.base-status{min-width:0}.economy-chip,.lane-picker{top:84px;transform:scale(.78)}.economy-chip{transform-origin:0;left:5px}.lane-picker{transform-origin:100%;right:5px}html .commander-chip{transform-origin:0 0;top:158px;left:5px;transform:scale(.76)}html .laboratory-bar{transform-origin:top;justify-content:flex-start;max-width:none;top:164px;left:5px;right:5px;transform:none}html .tactical-hand{transform-origin:0 0;top:199px;left:5px;transform:scale(.76)}html .deck-reserve{transform-origin:100% 0;top:158px;right:5px;transform:scale(.72)}.action-dock{width:calc(100% - 16px);overflow:hidden}.cards{scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:116px;grid-auto-flow:column;overflow-x:auto}.dock-hint{display:none}.portal-queue{width:138px;right:8px}.unit-automation-picker{flex-wrap:wrap;align-items:stretch}.unit-automation-picker>div{flex:1 0 100%}.formation-hold{flex-wrap:wrap;bottom:142px;left:8px;right:8px;transform:none}.formation-summary{flex:1 0 100%}}@media (width<=620px){.loadout-summary{max-height:190px;overflow-y:auto}.loadout-columns,.meta-columns{grid-template-columns:1fr}.auth-panel{flex-wrap:wrap;max-width:calc(100vw - 24px)}.auth-panel input{width:100%}}@media (height<=700px){.match-strip{transform-origin:top;top:6px;transform:translate(-50%)scale(.86)}.economy-chip,.lane-picker{top:77px;transform:scale(.86)}.economy-chip{transform-origin:0}.lane-picker{transform-origin:100%}.action-dock{min-height:119px;padding-top:38px;padding-bottom:8px;bottom:7px}.action-card{min-height:63px}.portal-queue{width:138px;max-height:145px;top:118px;right:8px}.unit-picker-modal{padding:12px}.unit-picker-grid>button{min-height:48px}.unit-automation-picker{margin-top:8px;padding-top:8px}}@media (height<=700px) and (width>=700px){.match-strip{top:max(8px, env(safe-area-inset-top));grid-template-columns:220px 118px 220px;gap:14px;transform:translate(-50%)}.base-status{border-radius:16px;height:56px;padding:8px 12px}.base-label{letter-spacing:.1em;font-size:9px}.base-status>strong{font-size:19px;top:25px}.ally>strong{left:12px}.enemy>strong{right:12px}.gate-row{gap:4px;bottom:9px}.ally .gate-row{left:46px}.enemy .gate-row{right:46px}.gate-row i{width:24px;height:4px}.enemy-intel{display:none}.pulse-cluster{min-height:86px;margin-top:0}.match-meta{justify-content:center;gap:8px;font-size:8px;top:0}.pulse-dial{width:58px;height:58px;margin-top:12px}.pulse-dial:before{width:49px;height:49px}.pulse-dial strong{font-size:21px}.pulse-dial small{margin-top:3px;font-size:7px}.pulse-cluster .audio-toggle,.pulse-cluster .camera-reset{display:none}.camera-presets{gap:1px;top:36px;left:-3px}.camera-presets button{width:18px;height:15px;font-size:7px}.big-pulse{border-radius:8px;margin:0;padding:3px 8px;position:absolute;top:67px}.big-pulse b{white-space:nowrap;font-size:8px}.big-pulse span{display:none}.economy-chip{border-radius:14px;grid-template-columns:20px auto auto auto;gap:8px;padding:7px 10px;top:76px;left:16px;transform:none}.economy-chip .reserve,.economy-chip .tech-meter{display:none}.economy-chip .income,.economy-chip .energy-meter{padding-left:8px}.economy-chip small,.income em{font-size:8px}.action-dock,.action-dock.defense-only{bottom:max(8px, env(safe-area-inset-bottom));border-radius:20px;width:calc(100% - 32px);min-height:88px;padding:9px 10px 8px;overflow:hidden}.cards{scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:126px;grid-auto-flow:column;gap:8px;overflow-x:auto}.action-card{border-radius:14px;min-height:68px;padding:7px}.card-copy small,.resource-shortage{font-size:8px}.cost,.cost:before{font-size:9px}.dock-hint{display:none}.portal-queue{top:118px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.reduced-motion *,html.reduced-motion :before,html.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.colorblind .threat-banner{border:0;border-left:4px solid #ff0}html.colorblind .threat-banner.critical{background:repeating-linear-gradient(45deg,#601212eb,#601212eb 8px,#782828eb 8px 16px);border-left-color:red}html.colorblind .counter-badge{color:#ff0;background:#000;border:1px solid #ff0}html.colorblind .threat-score:after{content:" ⚠"}html.colorblind .threat-tag{color:#ff0;background:#000;border:1px solid #ff0}html{--ui-scale:1}html .economy-chip,html .settings-panel{transform-origin:0 0}html .laboratory-bar,html .deck-reserve,html .portal-queue{transform-origin:100% 0}html .threat-banner{transform-origin:top;transform:translate(-50%)}html .action-dock{transform-origin:bottom}.settings-toggle{z-index:8;border:1px solid var(--line);background:var(--paper);color:#6a6172;cursor:pointer;width:32px;height:32px;box-shadow:0 4px 12px var(--shadow);border-radius:10px;font-size:16px;position:absolute;top:18px;left:18px}.settings-panel{z-index:9;border:1px solid var(--line);background:var(--paper);width:240px;box-shadow:0 10px 28px var(--shadow);border-radius:14px;padding:14px;position:absolute;top:56px;left:18px}.settings-panel header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.settings-panel h3{color:#3f3a4a;letter-spacing:.12em;margin:0;font-size:12px;font-weight:900}.setting-row{color:#4a4044;cursor:pointer;align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}.setting-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}.scale-buttons{gap:4px;margin-left:auto;display:flex}.scale-buttons button{border:1px solid var(--line);color:#6a6172;cursor:pointer;background:#ffffffb3;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800}.scale-buttons button.active{color:#fff;background:#4bbab0;border-color:#4bbab0}.action-card.economic{background:#fff8e8c7;border-color:#e8b86c5c}.action-card.economic.selected{background:#fff0d4eb;border-color:#e8b86c99;box-shadow:0 8px 20px #cb8f412e}.action-card.economic .card-token{color:#6a4d1f;background:linear-gradient(135deg,#f2d27a,#e8b86c)}.action-card.economic .cost{color:#b77d37}.building-panel{z-index:7;border:1px solid var(--line);background:var(--paper);width:260px;box-shadow:0 10px 28px var(--shadow), inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:16px;padding:12px 14px;position:absolute;bottom:168px;right:18px}.building-panel header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.building-panel header strong{color:#3f3a4a;font-size:13px}.building-panel header small{color:#84808c;letter-spacing:.08em;margin-left:auto;font-size:10px}.building-stats{color:#6e6778;gap:3px;margin-bottom:10px;font-size:10px;display:grid}.building-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.building-actions button{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #554c6329;border-radius:9px;padding:7px 8px;font:800 10px inherit;transition:all .16s}.priority-toggle{text-align:left;color:#66547f;background:#ede7fad1;grid-column:1/-1;grid-template-columns:22px 1fr auto;align-items:center;min-height:40px;display:grid}.priority-toggle>span:first-child{text-align:center;font-size:17px}.priority-toggle>small{color:#a46943;font-size:9px}.priority-toggle.active{background:#e5dbf9f5;border-color:#8268b77a}.target-priority-menu{border-top:1px solid #554c631f;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;padding-top:8px;display:grid}.target-priority-menu>button{color:#665f70;text-align:left;cursor:pointer;background:#ffffff94;border:1px solid #554c6324;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:start;min-height:54px;padding:7px;display:grid}.target-priority-menu>button.current{background:#daf4f0e0;border-color:#4dbab0ad;box-shadow:inset 0 0 0 1px #4dbab02e}.target-priority-menu>button:disabled{opacity:.46;cursor:not-allowed}.target-priority-menu>button.unsupported{filter:saturate(.55)}.target-priority-menu .priority-icon{color:#7d67a7;text-align:center;padding-top:1px;font-size:17px}.target-priority-menu button>span:last-child{gap:2px;min-width:0;display:grid}.target-priority-menu strong{font-size:10px;line-height:1.15}.target-priority-menu small{color:#8d8593;letter-spacing:0;text-transform:none;font-size:8px;line-height:1.25}.upgrade-button{color:#3daf9f;background:#dcf5f0d1}.upgrade-button:hover:not(:disabled){background:#c8f0e8f5}.upgrade-button:disabled{opacity:.42;cursor:not-allowed}.sell-button{color:#b56260;background:#ffe8e6d1}.sell-button:hover{background:#ffdcdaf5}.deselect-button{color:#777283;background:#f5f0f6b8;grid-column:1/-1}@media (pointer:coarse){.priority-toggle,.target-priority-menu>button{min-height:48px}.target-priority-menu>button{min-height:60px}}.repeat-button,.hold-button{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#6e6778;background:#fff9;border:1px solid #554c6329;border-radius:10px;align-items:center;gap:5px;padding:6px 10px;font:800 10px inherit;transition:all .16s;display:flex}.repeat-button.active{color:#3daf9f;background:#dcf5f0eb;border-color:#3fb5ac80}.hold-button.active{color:#a994e8;background:#eee8faeb;border-color:#a994e880}.formation-hold{z-index:6;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:#eee8fadb;border:1px solid #a994e852;border-radius:14px;align-items:center;gap:6px;padding:7px 12px;display:flex;position:absolute;bottom:168px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #61468224}.formation-hold.inactive{background:#fffaf7e0;border-color:#554c6329}.formation-summary{gap:2px;min-width:190px;display:grid}.formation-summary span{color:#776d81;letter-spacing:.1em;font-size:10px;font-weight:900}.formation-summary small{color:#8c8491;font-size:9px}.formation-summary .formation-order{color:#695f74;text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:800;overflow:hidden}.formation-picker{position:relative}.formation-current{color:#685d78;cursor:pointer;background:#ffffffb8;border:1px solid #9179cd47;border-radius:11px;grid-template-columns:22px 1fr 14px;align-items:center;gap:5px;min-width:118px;min-height:44px;padding:6px 9px;font:800 10px inherit;display:grid}.formation-current>b{color:#8d75ca;font-size:17px}.formation-current>i{font-style:normal}.formation-options{z-index:48;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#fffbf9f7;border:1px solid #9179cd42;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(520px,100vw - 32px);padding:9px;display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 14px 34px #412f5438}.formation-picker.open .formation-options{display:grid}.formation-options>button{color:#665d70;text-align:left;cursor:pointer;background:#ffffffb8;border:1px solid #68597924;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:58px;padding:7px 9px;display:grid}.formation-options>button>b{color:#9276d2;text-align:center;font-size:21px}.formation-options>button>span{gap:2px;display:grid}.formation-options strong{font-size:10px}.formation-options small{color:#887f8f;font-size:8px;line-height:1.3}.formation-options>button.active{background:#def7f2e6;border-color:#5bb8ab7a;box-shadow:inset 0 0 0 1px #5bb8ab1f}.held-chip{color:#6e6778;background:#ffffffb3;border:1px solid #a994e847;border-radius:9px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;display:flex}.held-chip .card-token{width:16px;height:16px;font-size:10px}.release-button{color:#3daf9f;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#dcf5f0eb;border:1px solid #3fb5ac66;border-radius:10px;padding:6px 12px;font:800 10px inherit;transition:all .16s}.release-button:hover:not(:disabled){background:#c8f0e8f5}.release-button:disabled{opacity:.4;cursor:not-allowed}.early-release-penalty{color:#9b623d;letter-spacing:.04em;background:#ffe5cdc7;border:1px solid #d3844f47;border-radius:9px;padding:5px 8px;font-size:10px;font-weight:900}.stop-repeat-button{color:#a45f5d;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffefecd1;border:1px solid #b5626038;border-radius:10px;padding:6px 9px;font:800 9px inherit}.tutorial-coach{z-index:32;color:#514a59;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#fffcf8f7;border:1px solid #5fb1a96b;border-radius:18px;width:min(390px,100vw - 36px);padding:17px;position:absolute;top:154px;right:18px;box-shadow:0 18px 44px #4834523d}.tutorial-coach>header{color:#5b9993;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.tutorial-progress{background:#5847661a;border-radius:99px;height:4px;margin:9px 0 12px;overflow:hidden}.tutorial-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--violet));height:100%;transition:width .25s;display:block}.tutorial-coach h3{color:#453c50;margin:0 0 7px;font-size:17px}.tutorial-coach p{color:#675f6d;margin:0;font-size:13px;line-height:1.58}.tutorial-coach footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.tutorial-coach button{color:#706579;cursor:pointer;background:#f3ecf6bf;border:1px solid #66537726;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.tutorial-coach .tutorial-next{color:#173f3b;background:#5edfd44d;border-color:#2da99d57}.tutorial-wait{color:#8b5e31;margin-right:auto;font-size:11px;font-weight:850}.tutorial-control-target{border-color:#3eb8aeb8;box-shadow:0 0 0 4px #3eb8ae29,0 18px 55px #583d4f30}.tutorial-arena-target:after{content:"НАЖМИТЕ ЛИНИЮ";z-index:12;color:#6f5688;letter-spacing:.1em;pointer-events:none;background:#fffbf8e6;border:1px solid #7155913d;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #4a355529}.codex-toggle{z-index:8;color:#6c5d79;letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf7d1;border:1px solid #69527e29;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:850;position:absolute;bottom:47px;right:18px}.codex-toggle kbd{color:#9279b1;margin-left:5px;font-size:10px}.meta-learning-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.meta-learning-actions button{margin:0;padding:8px 11px;font-size:10px}.codex-backdrop{z-index:80;width:100%;height:var(--app-viewport-height,100dvh);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d22334d;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.codex-panel{width:min(1120px,100%);max-height:min(900px,calc(var(--app-viewport-height,100dvh) - 40px));color:#4e4656;background:#fffaf7fa;border:1px solid #765b8d33;border-radius:26px;grid-template-rows:auto auto minmax(0,1fr) auto;padding:20px;display:grid;overflow:hidden;box-shadow:0 30px 90px #37273e47}.codex-panel>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.codex-panel>header small{color:#8972a4;letter-spacing:.18em;font-size:10px;font-weight:900}.codex-panel>header h2{color:#4d4355;letter-spacing:.08em;margin:3px 0;font-size:25px}.codex-panel>header p{color:#766c7d;margin:0;font-size:11px}.codex-panel>header>button{color:#6d6176;cursor:pointer;background:#eee6f1;border:0;border-radius:11px;width:36px;height:36px;font-size:21px}.codex-panel>nav{gap:7px;margin:15px 0 12px;display:flex}.codex-panel>nav button{color:#74687d;cursor:pointer;background:#f2ebf5ad;border:1px solid #69527e24;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:800}.codex-panel>nav button.active{color:#287f78;background:#daf4efd1;border-color:#3dafa559}.codex-panel>nav .tutorial-restart{margin-left:auto}.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.codex-card{background:#f7f1f8a6;border:1px solid #6651771f;border-radius:16px;gap:9px;padding:12px;display:grid}.codex-card>header{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.codex-card>header>div{min-width:0}.codex-card>header>b{overflow-wrap:anywhere;text-align:right;max-width:min(16ch,40%)}.codex-card h3{overflow-wrap:anywhere;color:#514659;margin:0;font-size:14px}.codex-card header small{color:#85798b;font-size:10px;line-height:1.3}.codex-card header>b{color:#a16c2e;font-size:11px}.codex-card>p{overflow-wrap:anywhere;color:#706775;margin:0;font-size:11px;line-height:1.45}.codex-card dl{grid-template-columns:repeat(5,1fr);gap:4px;margin:0;display:grid}.codex-card dl>div{background:#ffffffb8;border-radius:7px;gap:2px;padding:5px;display:grid}.codex-card dt{color:#928798;font-size:10px}.codex-card dd{color:#554b5e;margin:0;font-size:11px;font-weight:850}.codex-card>footer{flex-wrap:wrap;gap:5px;display:flex}.codex-card>footer span{border-radius:7px;padding:4px 6px;font-size:10px;font-weight:850}.damage-badge{color:#9d4d45;background:#fbdcd6bd}.armor-badge{color:#317d76;background:#d3f1ebcc}.counter-chain{overflow-wrap:anywhere;color:#685e71;background:#e8def39e;border-radius:12px;flex-wrap:wrap;gap:8px 16px;min-width:0;margin-top:12px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.counter-chain strong{color:#765d91;letter-spacing:.08em}@media (width<=850px){.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-coach{top:145px}}@media (width<=699px){.match-strip{top:max(8px, env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:6px;width:calc(100% - 16px);transform:translate(-50%)}.base-status{border-radius:15px;height:54px;padding:8px 10px}.base-label{letter-spacing:.08em;white-space:nowrap;font-size:9px;line-height:1.15;display:flex;overflow:hidden}.base-faction{display:none}.enemy .base-label{text-align:right;justify-content:flex-end}.base-status>strong{font-size:18px;top:25px}.ally>strong{left:10px}.enemy>strong{right:10px}.gate-row{gap:3px;bottom:9px}.ally .gate-row{left:38px}.enemy .gate-row{right:38px}.gate-row i{width:18px;height:4px}.enemy-intel{display:none}.pulse-cluster{min-height:82px;margin-top:0}.match-meta{justify-content:center;gap:7px;font-size:8px;top:0}.pulse-dial{width:56px;height:56px;margin-top:12px}.pulse-dial:before{width:47px;height:47px}.pulse-dial strong{font-size:20px}.pulse-dial small{margin-top:3px;font-size:7px}.pulse-cluster .audio-toggle,.pulse-cluster .camera-reset{display:none}.camera-presets{gap:1px;top:35px;left:-4px}.camera-presets button{width:18px;height:15px;font-size:7px}.big-pulse{border-radius:8px;margin:0;padding:3px 7px;position:absolute;top:65px}.big-pulse b{white-space:nowrap;font-size:8px}.big-pulse span{display:none}.economy-chip{border-radius:14px;grid-template-columns:18px auto auto auto;gap:7px;padding:7px 9px;top:72px;left:8px;transform:none}.gold-orb{border-width:4px;width:17px;height:17px}.economy-chip strong{font-size:16px}.economy-chip small{font-size:8px}.economy-chip .income,.economy-chip .energy-meter{padding-left:7px}.income em{font-size:8px}.economy-chip .tech-meter,.economy-chip .reserve{display:none}.tutorial-coach{border-radius:16px;width:min(330px,100vw - 16px);padding:14px;top:130px;right:8px}.tutorial-coach h3{font-size:15px}.tutorial-coach p{font-size:11px;line-height:1.48}.tutorial-coach footer{gap:6px;margin-top:11px}.tutorial-coach button{padding:7px 9px;font-size:10px}.tutorial-wait{font-size:10px}.action-dock.defense-only{min-height:96px;padding:10px 9px 8px}.cards{grid-auto-columns:112px;gap:6px}.action-card{border-radius:14px;min-height:67px;padding:7px}.card-copy small,.resource-shortage{font-size:8px}.cost,.cost:before{font-size:9px}}@media (width<=560px){.codex-backdrop{padding:8px}.codex-panel{max-height:calc(var(--app-viewport-height,100dvh) - 16px);border-radius:18px;padding:14px}.codex-grid{grid-template-columns:1fr}.codex-panel>nav{flex-wrap:wrap}.codex-panel>nav .tutorial-restart{margin-left:0}.tutorial-coach{width:calc(100vw - 16px);top:205px;right:8px}.codex-toggle{right:8px}}.left-tool-stack{z-index:6;transform:scale(var(--ui-scale));transform-origin:0 0;justify-items:start;gap:9px;display:grid;position:absolute;top:196px;left:18px}html .left-tool-stack .commander-chip,html .left-tool-stack .tactical-hand{position:static;inset:auto;transform:none}.deck-reserve{top:196px}@media (height<=700px) and (width>=700px){.match-strip{top:max(8px, env(safe-area-inset-top));grid-template-columns:210px 150px 210px;gap:14px}.base-status{height:58px}.pulse-cluster{min-height:108px}.pulse-dial{width:60px;height:60px;margin-top:15px}.pulse-dial:before{width:51px;height:51px}.camera-presets{top:39px;left:6px}.big-pulse{top:86px}.threat-banner{top:124px}.economy-chip{top:84px}.left-tool-stack,.deck-reserve{top:196px}}@media (width<=699px){.threat-banner{gap:7px;max-width:calc(100vw - 20px);padding:7px 10px;font-size:10px;top:112px}.threat-banner .threat-icon,.threat-banner .threat-score{font-size:15px}.left-tool-stack{transform:scale(calc(var(--ui-scale) * .76));gap:7px;top:178px;left:5px}html .left-tool-stack .commander-chip,html .left-tool-stack .tactical-hand{transform:none}html .deck-reserve{top:178px}}.all-systems-report{z-index:35;color:#5d5266;background:#fffbf9f5;border:1px solid #5343642e;border-radius:20px;width:min(390px,100vw - 32px);max-height:calc(100dvh - 170px);padding:14px;position:absolute;top:76px;right:24px;overflow:auto;box-shadow:0 18px 60px #48314d33}.all-systems-report header{justify-content:space-between;align-items:center;display:flex}.all-systems-report header button{width:34px;height:34px;color:inherit;background:#f2ebf4;border:0;border-radius:10px;font-size:20px}.all-systems-report>small{color:#96899d}.all-systems-report ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.all-systems-report li{background:#edf9f6;border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:8px 9px;font-size:11px;display:grid}.all-systems-report li.failed{color:#9b3d34;background:#fff0e5}.all-systems-report li p{grid-column:2/-1;margin:0;font-size:10px}@media (width<=699px){.all-systems-report{width:calc(100vw - 16px);max-height:calc(100dvh - 126px);top:52px;right:8px}}:root{--hud-safe-x:max(16px, env(safe-area-inset-left));--hud-safe-y:max(12px, env(safe-area-inset-top));--hud-bottom:max(12px, env(safe-area-inset-bottom));--hud-touch:48px;--hud-gap:10px;--hud-font-scale:1;--glass-surface:#fffcf9eb;--glass-stroke:#6f5b7d2e;--glass-shadow:0 14px 44px #3a284524, inset 0 1px #fffc}.adjacent-support-picker{z-index:38;left:50%;bottom:max(7.6rem, calc(env(safe-area-inset-bottom) + 6.4rem));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#5d4f5f;background:#fff9f1e8;border:1px solid #e7c79c;border-radius:1.15rem;grid-template-columns:minmax(12rem,1fr) auto 2.75rem;align-items:center;gap:.65rem;width:min(34rem,100vw - 2rem);padding:.72rem;display:grid;position:fixed;translate:-50%;box-shadow:0 .8rem 2.4rem #6843232e}.adjacent-support-picker>div{gap:.14rem;min-width:0;display:grid}.adjacent-support-picker>div small{color:#a9712e;letter-spacing:.12em;font-weight:900}.adjacent-support-picker>div strong{font-size:.94rem}.adjacent-support-picker>div span{color:#786b79;font-size:.72rem;line-height:1.25}.adjacent-support-picker nav{gap:.5rem;display:flex}.adjacent-support-picker nav button,.adjacent-support-cancel{color:#7f5727;cursor:pointer;background:#fffaf1;border:1px solid #dfbd84;border-radius:.82rem;min-width:3.3rem;min-height:3rem}.adjacent-support-picker nav button{place-content:center;gap:.08rem;padding:.35rem .52rem;display:grid}.adjacent-support-picker nav button b{font-size:1rem}.adjacent-support-picker nav button small{white-space:nowrap;font-size:.55rem;font-weight:900}.adjacent-support-picker nav button:not(:disabled):hover,.adjacent-support-picker nav button:not(:disabled):focus-visible{background:#fff0cf;border-color:#c48737;outline:3px solid #d39a4b3d}.adjacent-support-picker nav button:disabled{color:#a9a0a5;cursor:not-allowed;background:#f4f0f0;border-color:#ddd4d5}.adjacent-support-cancel{min-width:2.75rem;font-size:1.3rem}@media (width<=700px),(height<=560px){.adjacent-support-picker{bottom:max(5.7rem, calc(env(safe-area-inset-bottom) + 4.8rem));grid-template-columns:1fr auto 2.75rem;width:min(31rem,100vw - 1rem);padding:.55rem}.adjacent-support-picker>div span{display:none}.adjacent-support-picker nav button{min-width:3rem;min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.adjacent-support-picker{scroll-behavior:auto}}.game-icon{flex:none;width:22px;height:22px}.hud-v2{font-size:calc(16px * var(--hud-font-scale));container:game-shell/size}.hud-v2 .brand-title{left:max(64px,var(--hud-safe-x));top:var(--hud-safe-y);transform:none}.hud-v2 .pulse-cluster>.audio-toggle,.hud-v2 .pulse-cluster>.camera-presets,.hud-v2 .pulse-cluster>.camera-reset,.hud-v2.connection-loading .match-strip,.hud-v2.connection-loading .economy-chip,.hud-v2.connection-loading .left-tool-stack,.hud-v2.connection-loading .threat-banner,.hud-v2.connection-loading .brand-title,.hud-v2.connection-loading .settings-toggle{display:none}.hud-v2 .base-status>strong{top:38px}.hud-v2 .base-status.enemy>strong{right:24px}.top-status-rail{z-index:20;top:var(--hud-safe-y);grid-template-columns:minmax(270px,1fr) 220px minmax(270px,1fr);align-items:start;gap:12px;width:min(1000px,100vw - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.core-card,.pulse-card{box-sizing:border-box;background:var(--glass-surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);color:#5b5365;border:1px solid #ffffffc7}.core-card{border-radius:24px;grid-template-rows:auto 1fr 8px;grid-template-columns:1fr auto;gap:7px 18px;height:104px;padding:14px 18px 12px;display:grid}.core-heading{align-items:center;gap:10px;min-width:0;display:flex}.core-heading>div{gap:2px;min-width:0;display:grid}.core-heading strong{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.13em;font-size:13px;overflow:hidden}.core-heading small{white-space:nowrap;text-overflow:ellipsis;color:#8b8191;font-size:10px;overflow:hidden}.core-emblem{color:#2fa8a5;background:#d9f5f1;border-radius:11px;flex:none;place-items:center;width:32px;height:32px;display:grid}.core-card.enemy .core-emblem{color:#d96f61;background:#ffe2dc}.core-value{grid-area:1/2/3;align-content:center;justify-items:end;line-height:1;display:grid}.core-value strong{color:#2faeaa;font-variant-numeric:tabular-nums;font-size:34px}.core-card.enemy .core-value strong{color:#df7565}.core-value span{color:#8d8492;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:9px}.gate-row-v2{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.gate-row-v2 i{background:#e6dfe5;border-radius:5px;height:7px;overflow:hidden}.gate-row-v2 i:after{content:"";width:var(--gate);border-radius:inherit;background:#52c6bf;height:100%;display:block}.core-card.enemy .gate-row-v2 i:after{background:#ef8d7d}.pulse-card{border-radius:22px;gap:7px;min-height:112px;padding:8px 12px 10px;display:grid}.match-clock{color:#756d7e;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;padding:0 3px;font-size:10px;font-weight:900;display:flex}.match-clock b{white-space:nowrap;text-overflow:ellipsis;color:#8575c6;overflow:hidden}.pulse-main{grid-template-columns:52px 1fr;align-items:center;gap:10px;display:grid}.pulse-main>div:last-child{gap:3px;min-width:0;display:grid}.pulse-main b{color:#7162b7;letter-spacing:.12em;font-size:13px}.pulse-main small{white-space:nowrap;color:#635b6c;font-size:11px;font-weight:800}.pulse-ring{background:conic-gradient(#7d6ed1 var(--pulse),#e8e1ea 0);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative}.pulse-ring:after{content:"";background:#fffaf8;border-radius:50%;position:absolute;inset:7px}.pulse-ring strong{z-index:1;color:#4f465b;font-size:23px;position:relative}.next-pulse{color:#918797;text-align:center;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #6b5e751f;padding-top:6px;font-size:9px}.hud-v2 .threat-banner{top:136px}.hud-v2 .economy-chip{top:132px}.hud-v2 .left-tool-stack{gap:10px;top:206px;transform:none}.hud-v2 .opponent-pill{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.hud-v2 .commander-chip{border-radius:16px;grid-template-columns:112px repeat(3,48px);gap:8px;padding:8px;display:grid}.hud-v2 .commander-charge{width:auto;padding-right:8px}.hud-v2 .commander-chip button{border-radius:13px;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.hud-v2 .commander-chip button .game-icon{width:21px;height:21px}.hud-v2 .commander-chip button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hud-v2 .commander-chip button kbd{font-size:8px;position:absolute;bottom:2px;right:3px}.hud-v2 .commander-chip button .ability-cost{color:#695681;font-size:8px;line-height:1;position:absolute;bottom:3px;left:4px}.hud-v2 .commander-chip button .ability-status{color:#258c82;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:950;line-height:1;position:absolute;top:2px;left:3px;right:3px;overflow:hidden}.hud-v2 .commander-chip button:disabled .ability-cost,.hud-v2 .commander-chip button:disabled .ability-status{color:#858087}.hud-v2 .tactical-hand{gap:8px;min-height:44px;padding:7px 9px}.hud-v2 .tactical-hand button{align-items:center;gap:5px;min-height:32px;padding:5px 9px;display:flex}.hud-v2 .tactical-hand .game-icon{width:16px;height:16px}.card-token .game-icon,.quick-slot-mark .game-icon{width:21px;height:21px}.card-token img,.quick-slot-mark img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.card-token:has(>img){border-radius:16px;width:58px;height:72px;overflow:hidden}.quick-command-bar{z-index:34;left:50%;bottom:var(--hud-bottom);align-items:stretch;gap:var(--hud-gap);border:1px solid var(--glass-stroke);background:var(--glass-surface);width:min(920px,100vw - 32px);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);border-radius:24px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.quick-slots,.action-categories{gap:8px;display:flex}.quick-slots{flex:1}.quick-command-bar button{min-height:var(--hud-touch);border:1px solid var(--glass-stroke);color:#595065;cursor:pointer;background:#faf7fad1;border-radius:16px}.quick-command-bar button:hover,.quick-command-bar button:focus-visible,.quick-command-bar button.active{background:#daf6f2f5;border-color:#66bbb7;outline:none}.quick-slot{text-align:left;flex:1;grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr;align-items:center;min-width:112px;padding:6px 12px;display:grid;position:relative}.quick-slot kbd{opacity:.55;font-size:10px;position:absolute;top:4px;right:7px}.quick-slot-mark{color:#478e8c;background:#d7f2ef;border-radius:10px;grid-row:1/3;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.quick-slot:has(.quick-slot-mark>img){grid-template-columns:66px 1fr;min-height:76px}.quick-slot-mark:has(>img){border-radius:14px;width:64px;height:64px;overflow:hidden}.quick-slot small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick-slot-detail{color:#9a7280;white-space:nowrap;align-self:start;font-size:9px;font-weight:850}.quick-slot:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.55)}.action-categories button{text-transform:uppercase;letter-spacing:.04em;place-items:center;gap:1px;min-width:66px;padding:5px 9px;font-size:10px;font-weight:800;display:grid}.action-categories kbd{display:none}.action-drawer{z-index:33;left:50%;bottom:calc(var(--hud-bottom) + 82px);border:1px solid var(--glass-stroke);background:var(--glass-surface);width:min(1080px,100vw - 32px);max-height:min(42dvh,410px);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(1.12);backdrop-filter:blur(22px)saturate(1.12);border-radius:24px;padding:14px;position:fixed;overflow:auto;transform:translate(-50%)}.drawer-header{justify-content:space-between;align-items:center;margin:0 2px 10px;display:flex}.drawer-header h2{margin:2px 0 0;font-size:20px}.drawer-header small{letter-spacing:.13em;color:#83788d;font-weight:800}.ruleset-catalog-state{color:#665c70;letter-spacing:.03em;background:#f3edf4;border-radius:12px;margin:0 2px 10px;padding:9px 12px;font-size:12px;font-weight:800}.ruleset-catalog-state.state-error{color:#9e433c;background:#fff0ed}.drawer-close{width:var(--hud-touch);height:var(--hud-touch);border:1px solid var(--glass-stroke);background:#fff;border-radius:14px;font-size:25px}.drawer-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.unit-drawer-content{gap:10px;display:grid}.reserve-policy{color:#665d70;background:#fffbf7b8;border:1px solid #5d526924;border-radius:15px;align-items:center;gap:12px;min-height:52px;padding:7px 9px 7px 12px;display:flex}.reserve-policy>span{gap:1px;min-width:110px;display:grid}.reserve-policy small{color:#8b7f92;letter-spacing:.1em;font-size:9px;font-weight:900}.reserve-policy strong{font-size:14px}.reserve-policy p{color:#83798a;flex:1;margin:0;font-size:11px;line-height:1.35}.reserve-policy>div{gap:8px;display:flex}.reserve-policy button,.formation-reserve button{border:1px solid var(--glass-stroke);color:#6b6074;cursor:pointer;background:#ffffffdb;border-radius:12px;min-width:44px;min-height:44px;font-weight:900}.reserve-policy button:disabled,.formation-reserve button:disabled{opacity:.38;cursor:not-allowed}.drawer-card{border:1px solid var(--glass-stroke);text-align:left;color:#5e5667;background:#ffffffb8;border-radius:17px;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;min-height:82px;padding:10px 38px 10px 10px;display:grid;position:relative}.drawer-card:has(.resource-shortage){min-height:96px;padding-bottom:30px}.drawer-card .resource-shortage{text-overflow:ellipsis;max-width:calc(100% - 102px);bottom:7px;left:60px;overflow:hidden}.drawer-card:has(.card-token>img){grid-template-columns:66px 1fr auto;min-height:96px}.drawer-card:has(.card-token>img):has(.resource-shortage){min-height:116px}.drawer-card.selected{background:#dcf5f1;border:2px solid #65b8b5}.drawer-card:disabled{opacity:.5}.drawer-card>kbd{position:absolute;top:5px;right:7px}.drawer-card .cost{color:#b57c2e;position:static}.card-help{cursor:help;background:#eee8f1;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid;position:absolute;bottom:7px;right:8px}.hud-v2 .settings-toggle{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.hud-v2 .settings-toggle .game-icon{width:20px;height:20px}.hud-v2 .zoom-levels{z-index:21;grid-area:1/1;place-self:start;justify-items:center;gap:4px;width:44px;margin-top:52px;display:grid}.hud-v2 .zoom-levels small{color:#807486;letter-spacing:.1em;font-size:8px;font-weight:900}.hud-v2 .zoom-levels button{color:#716677;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border:1px solid #69567726;border-radius:11px;width:44px;height:44px;padding:0;font-size:13px;font-weight:900;box-shadow:0 6px 18px #442d4914}.hud-v2 .zoom-levels button.active{color:#226d68;background:#dff7f2;border:2px solid #49b8ae;box-shadow:inset 0 0 0 2px #ffffffbf}.hud-v2 .codex-toggle{min-height:44px;padding:8px 12px}.ability-drawer-content{gap:12px;display:grid}.ability-charge-summary{background:#f4effac2;border:1px solid #6f599a2e;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(180px,2fr);align-items:center;gap:5px 18px;padding:11px 14px;display:grid}.ability-charge-summary>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ability-charge-summary small{color:#78678d;letter-spacing:.09em;font-size:10px;font-weight:900}.ability-charge-summary strong{color:#655080;white-space:nowrap;font-size:16px}.ability-charge-summary i{background:#614e7e21;border-radius:999px;height:8px;overflow:hidden}.ability-charge-summary i b{border-radius:inherit;background:linear-gradient(90deg,#846ac5,#4bbab0);height:100%;display:block}.ability-charge-summary p{color:#827788;grid-column:1/-1;margin:0;font-size:11px;line-height:1.35}.ability-drawer-grid,.utility-drawer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.ability-drawer-grid>button,.utility-drawer-grid>button{border:1px solid var(--glass-stroke);color:#5b5265;background:#ffffffb8;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:68px;padding:10px;display:flex}.ability-drawer-grid>button.unavailable{color:#8e8992;filter:grayscale();opacity:.72;cursor:not-allowed;background:#e2e0e4c7;border-color:#5c54651f}.ability-drawer-grid>button.ready{background:#f2fffcdb;border-color:#40b2a652}.ability-state{color:#288f85;letter-spacing:.06em;margin-top:3px;font-size:9px;font-weight:900}.ability-drawer-grid>button.unavailable .ability-state{color:#746d78}.ability-drawer-grid small{color:#867d8e}.queue-drawer-list{gap:8px;display:grid}.queue-drawer-list button,.queue-drawer-list .held-queue-item,.queue-drawer-list .pending-repeat-item{border:1px solid var(--glass-stroke);text-align:left;background:#fff;border-radius:14px;grid-template-columns:1fr 1fr auto;align-items:center;min-height:52px;padding:8px 12px;display:grid}.queue-drawer-list .held-queue-item{background:#dcf7f2d1;border-color:#49b4ab57}.queue-drawer-list .pending-repeat-item{color:#7a6b82;background:#f4eff7c7;border-style:dashed}.queue-drawer-list :is(.held-queue-item,.pending-repeat-item) small{letter-spacing:.08em;font-weight:900}.hud-profile-picker{grid-column:1/-1;align-items:center;gap:8px;display:flex}.hud-profile-picker button{min-height:44px}.keyboard-help{color:#756b7e;grid-column:1/-1;margin:0;font-size:11px;line-height:1.45}.keyboard-help kbd{color:#544b5f;background:#ffffffc2;border:1px solid #5b526533;border-radius:7px;place-items:center;min-width:24px;min-height:24px;padding:0 5px;font:800 10px/1 inherit;display:inline-grid}.quick-slot-builder>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quick-slot-builder label{align-items:center;gap:8px;display:flex}.quick-slot-builder b{background:#d7f2ef;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.quick-slot-builder select{border:1px solid var(--glass-stroke);background:#fff;border-radius:11px;flex:1;min-width:0;min-height:44px;padding:0 8px}.hud-v2 .action-dock{display:none!important}.hud-v2 .formation-hold{bottom:calc(var(--hud-bottom) + 86px);max-width:min(940px,100vw - 32px);left:50%;transform:translate(-50%)}.formation-reserve{color:#756b7e;white-space:nowrap;border-left:1px solid #64547124;align-items:center;gap:5px;padding-left:7px;font-size:10px;display:flex}.formation-reserve button{border-radius:9px;width:32px;min-width:32px;height:32px;min-height:32px}.hud-v2 .portal-queue{right:var(--hud-safe-x);bottom:calc(var(--hud-bottom) + 86px);max-height:270px;top:auto;transform:none}.hud-v2.hud-minimal .left-tool-stack,.hud-v2.hud-minimal .portal-queue,.hud-v2.hud-minimal .deck-reserve,.hud-v2.hud-minimal .enemy-intel,.hud-v2.hud-standard .deck-reserve,.hud-v2.hud-minimal .economy-chip .income,.hud-v2.hud-minimal .economy-chip .tech-meter{display:none}.hud-v2.hud-advanced .economy-chip{max-width:560px}.hud-v2 .laboratory-bar{top:86px;right:var(--hud-safe-x);background:var(--glass-surface);max-width:min(440px,100vw - 32px);max-height:calc(100dvh - 110px);box-shadow:var(--glass-shadow);border-radius:18px;flex-wrap:wrap;gap:8px;padding:10px;display:flex;left:auto;overflow:auto}.hud-v2 .laboratory-bar.collapsed>:not(strong):not(.laboratory-tools-toggle){display:none}.laboratory-tools-toggle{min-height:44px}.hud-v2 .readability-panel{z-index:32;top:max(16px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcfae6;border:1px solid #6e5b7c29;border-radius:18px;grid-template-columns:110px minmax(520px,1fr) 130px 130px 170px;align-items:center;gap:8px;width:min(1180px,100vw - 32px);padding:12px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #442d4924}.hud-v2 .readability-panel header{grid-area:1/1;gap:2px;display:grid}.hud-v2 .readability-panel header small{color:#8c7d91;letter-spacing:.12em;font-size:10px;font-weight:800}.hud-v2 .readability-panel header strong{color:#514654;font-size:18px}.hud-v2 .readability-tabs{grid-area:1/3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hud-v2 .readability-modes{grid-area:1/2;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.hud-v2 .readability-modes button{padding-inline:5px;font-size:11px}.hud-v2 .audio-audition{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;align-items:center;gap:8px;display:flex}.hud-v2 .audio-audition small{color:#817484;letter-spacing:.12em;font-size:10px;font-weight:900}.hud-v2 .audio-audition button{min-width:116px}.hud-v2 .game-feel-audition{grid-area:3/1/auto/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.hud-v2 .game-feel-audition small{color:#817484;letter-spacing:.12em;text-align:center;grid-column:1/-1;font-size:10px;font-weight:900}.hud-v2 .game-feel-audition button{min-width:0;padding-inline:8px}.hud-v2 .readability-key-toggle{grid-area:1/4}.hud-v2 .readability-exit{grid-area:1/5}.hud-v2 .readability-panel button{color:#66596b;background:#fffaf8;border:1px solid #69567724;border-radius:12px;min-height:44px;font-weight:750}.hud-v2 .readability-panel button.active{color:#246f6a;background:#dff7f2;border-color:#52bdb4}.hud-v2 .readability-key{color:#66596b;grid-area:4/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;max-height:min(42dvh,320px);margin:0;padding:8px 8px 8px 30px;font-size:12px;line-height:1.5;display:grid;overflow:auto}.hud-v2 .readability-exit{color:#fff!important;background:#65566f!important}.hud-v2.readability-mode .income-burst,.hud-v2.readability-mode .mode-badge,.hud-v2.readability-mode .codex-toggle{display:none!important}@media (width<=1000px),(height<=560px){.hud-v2 .readability-panel{grid-template-columns:1fr;gap:6px;width:min(210px,100vw - 24px);padding:9px;inset:auto 12px 12px auto;transform:none}.hud-v2 .readability-panel>*{grid-area:auto/1!important}.hud-v2 .readability-panel header{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.hud-v2 .readability-panel header strong{font-size:15px}.hud-v2 .readability-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-v2 .readability-key{max-height:120px}}.hud-v2 :is(button,[role=button],select,input):focus-visible{outline-offset:2px;outline:3px solid #329b978c}.phone-orientation-gate{z-index:999;height:var(--app-viewport-height,100dvh);text-align:center;color:#5b5265;background:radial-gradient(circle at 50% 20%,#fff 0,#f5e9ed 52%,#e7d9e7 100%);place-content:center;justify-items:center;padding:32px;display:grid;position:fixed;inset:0}.phone-orientation-gate h2{margin:22px 0 6px;font-size:28px}.phone-orientation-gate p{max-width:320px;line-height:1.5}.orientation-phone{border:4px solid #766b7f;border-radius:13px;place-items:center;width:54px;height:92px;display:grid}.orientation-phone span{background:#766b7f;width:28px;height:2px}@media (width>=1100px){.action-categories kbd{opacity:.5;margin:-37px 0 0 42px;display:inline;position:absolute}.action-categories button{position:relative}}@media (width>=1920px){.hud-v2{--hud-safe-x:max(calc((100vw - 1440px)/2), 24px)}.quick-command-bar{width:920px}}@media (width<=1100px),(height<=650px){:root{--hud-gap:7px;--hud-touch:44px}.quick-command-bar{border-radius:18px;width:min(820px,100vw - 16px);padding:6px}.quick-slot{min-width:88px;padding:4px 8px}.action-categories button{min-width:54px;padding:3px 6px}.action-categories span{display:none}.action-drawer{bottom:calc(var(--hud-bottom) + 68px);width:calc(100vw - 16px)}.drawer-card-grid{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.hud-v2 .formation-hold,.hud-v2 .portal-queue{bottom:calc(var(--hud-bottom) + 72px)}.hud-v2 .brand-title{display:none}.top-status-rail{grid-template-columns:minmax(190px,1fr) 154px minmax(190px,1fr);gap:7px;width:min(720px,100vw - 180px);top:6px}.core-card{border-radius:16px;grid-template-rows:auto 1fr 5px;gap:3px;height:70px;padding:7px 10px 8px}.core-emblem{border-radius:8px;width:24px;height:24px}.core-emblem .game-icon{width:17px;height:17px}.core-heading{gap:6px}.core-heading strong{font-size:9px}.core-heading small,.core-value span{display:none}.core-value strong{font-size:24px}.gate-row-v2{gap:4px}.gate-row-v2 i{height:5px}.pulse-card{border-radius:15px;gap:3px;min-height:76px;padding:4px 7px 6px}.match-clock{font-size:7px}.pulse-main{grid-template-columns:36px 1fr;gap:6px}.pulse-ring{width:36px;height:36px}.pulse-ring:after{inset:5px}.pulse-ring strong{font-size:17px}.pulse-main b{font-size:9px}.pulse-main small{font-size:8px}.next-pulse{padding-top:3px;font-size:7px}.hud-v2 .threat-banner{top:90px}.hud-v2 .economy-chip{top:86px}.hud-v2 .left-tool-stack{top:155px}}@media (pointer:coarse) and (orientation:landscape) and (width<=950px){.quick-command-bar{width:calc(100vw - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)))}.quick-slot{min-width:0}.quick-slot small{display:none}.quick-slots{flex:.9}.action-categories{flex:1.1}.action-categories button{flex:1;min-width:44px}.action-drawer{max-height:42dvh}.drawer-header{margin-bottom:6px}.drawer-card-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.hud-v2 .left-tool-stack,.hud-v2 .deck-reserve,.hud-v2 .portal-queue{display:none}.hud-v2 .economy-chip{top:auto;bottom:calc(var(--hud-bottom) + 65px);left:var(--hud-safe-x);padding:5px 8px}.hud-v2 .economy-chip .income,.hud-v2 .economy-chip .tech-meter,.hud-v2 .economy-chip .reserve{display:none}.card-help{width:44px;height:44px;bottom:6px;right:6px}.drawer-card{padding-right:56px}.reserve-policy p{display:none}.reserve-policy{z-index:2;position:sticky;left:0}}@media (orientation:landscape) and (width<=950px) and (height<=500px){.hud-v2 .left-tool-stack,.hud-v2 .deck-reserve,.hud-v2 .portal-queue,.hud-v2 .economy-chip .income,.hud-v2 .economy-chip .tech-meter,.hud-v2 .economy-chip .reserve{display:none}.lobby-shell{padding:14px max(18px,env(safe-area-inset-left));overflow:auto}.lobby-topbar{min-height:42px;margin-bottom:6px}.lobby-logo small,.lobby-footer,.lobby-showcase,.lobby-how{display:none!important}.lobby-hero-grid{min-height:0;display:block}.lobby-intro{max-width:640px}.lobby-intro .eyebrow{margin:4px 0}.lobby-intro h1{margin:3px 0;font-size:clamp(27px,7vh,38px);line-height:.92}.lobby-pitch{max-width:600px;margin:7px 0;font-size:12px}.lobby-primary-action{width:min(390px,48vw);min-height:54px;margin-top:8px}.lobby-bot-difficulty{width:min(390px,48vw);margin-top:7px}.lobby-section-nav{right:max(12px,env(safe-area-inset-right));grid-template-columns:repeat(4,1fr);gap:6px;width:min(390px,45vw);position:fixed;bottom:12px}.lobby-section-nav button{min-height:48px;padding:5px}.lobby-section-nav small{display:none}.lobby-drawer{z-index:50;border-radius:18px;max-height:84dvh;position:fixed;bottom:8px;left:8px;right:8px;overflow:auto}}.mobile-status-summary,.mobile-camera-controls,.lobby-install-action{display:none}.hud-v2.mobile-portrait{--mobile-dock-height:58px;width:100%;height:var(--app-viewport-height,100dvh);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto var(--mobile-dock-height);min-height:0;padding:max(5px,env(safe-area-inset-top)) 6px max(5px,env(safe-area-inset-bottom));overscroll-behavior:none;grid-template-areas:none;gap:5px}.hud-v2.mobile-portrait .top-status-rail{border-radius:18px;grid-area:1/1;grid-template-columns:1fr;width:100%;padding:4px;display:grid;overflow:visible}.hud-v2.mobile-portrait .top-status-rail>.status-zone{display:none}.hud-v2.mobile-portrait .mobile-status-summary{grid-template-rows:42px 28px;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:3px 5px;min-width:0;display:grid}.mobile-core{background:#e3f8f4ad;border-radius:12px;grid-template-rows:auto 5px;grid-template-columns:1fr auto;align-items:center;gap:2px 5px;min-width:0;padding:3px 6px;display:grid}.mobile-core.enemy{text-align:right;background:#ffe7e2ad}.mobile-core>span{color:#6d6676;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:3px;min-width:0;font-size:8px;font-weight:900;display:flex;overflow:hidden}.mobile-core.enemy>span{justify-content:flex-end}.mobile-core .game-icon{width:15px;height:15px}.mobile-core>strong{color:#2fa8a5;font-size:20px;line-height:1}.mobile-core.enemy>strong{color:#dd7565}.mobile-core>i{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:2px;height:5px;display:grid}.mobile-core>i b{background:#ded8df;border-radius:4px;overflow:hidden}.mobile-core>i b:after{content:"";width:var(--gate);border-radius:inherit;background:#53c5bc;height:100%;display:block}.mobile-core.enemy>i b:after{background:#ef8d7d}.mobile-pulse{text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-content:center;gap:0 3px;display:grid}.mobile-pulse small{color:#81768a;font-size:7px;font-weight:850}.mobile-pulse strong{color:#6657a8;background:#eee8f8;border-radius:50%;grid-area:1/2/3;align-self:center;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.mobile-pulse span{color:#8a76ac;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:900;overflow:hidden}.mobile-resources{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.mobile-resources>span,.mobile-resources>button{color:#655d6d;background:#f6f0f6b8;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:2px 4px;display:flex}.mobile-resources>button{cursor:pointer}.mobile-resources small{color:#958899;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:900;overflow:hidden}.mobile-resources strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hud-v2.mobile-portrait .top-status-footer{border:0;min-height:0;padding:0;display:contents}.hud-v2.mobile-portrait .top-ally-secondary{display:contents}.hud-v2.mobile-portrait .top-ally-secondary>.faction-mechanic-chip{display:none}.hud-v2.mobile-portrait .top-ally-secondary>.faction-mechanic-chip:has(.faction-cycle-popover){z-index:72;inset:auto 7px calc(var(--mobile-dock-height) + max(10px,env(safe-area-inset-bottom))) 7px;background:#fffbf7f7;border-radius:17px;width:auto;max-height:min(58dvh,440px);padding:9px;display:grid;position:fixed;overflow:auto;box-shadow:0 18px 54px #412b4840}.hud-v2.mobile-portrait .faction-cycle-popover{width:auto;max-height:none;box-shadow:none;position:static;inset:auto}.hud-v2.mobile-portrait .top-center-secondary{z-index:40;top:calc(max(5px,env(safe-area-inset-top)) + 82px);position:fixed;left:50%;transform:translate(-50%)}.hud-v2.mobile-portrait .top-status-rail .threat-banner{min-width:0;max-width:calc(100vw - 18px);min-height:30px;padding:4px 8px}.hud-v2.mobile-portrait .threat-details{width:calc(100vw - 16px);top:calc(100% + 5px)}.hud-v2.mobile-portrait :is(.settings-toggle,.zoom-levels,.codex-toggle,.opponent-pill,.connection-pill,.deck-reserve,.portal-queue),.hud-v2.mobile-portrait .left-tool-stack{display:none!important}.hud-v2.mobile-portrait .quick-command-bar{width:100%;min-height:var(--mobile-dock-height);border-radius:17px;grid-area:4/1;grid-template-columns:3fr 5fr;align-self:end;gap:3px;padding:4px;display:grid}.hud-v2.mobile-portrait .quick-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.hud-v2.mobile-portrait .action-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.hud-v2.mobile-portrait .quick-command-bar button{border-radius:12px;min-width:0;min-height:48px;padding:2px}:is(.hud-v2.mobile-portrait .quick-slot,.hud-v2.mobile-portrait .quick-slot:has(.quick-slot-mark>img)){grid-template-rows:1fr;grid-template-columns:1fr;min-height:48px;display:grid}.hud-v2.mobile-portrait .quick-slot :is(kbd,small,.quick-slot-detail),.hud-v2.mobile-portrait .action-categories :is(span,kbd){display:none}:is(.hud-v2.mobile-portrait .quick-slot-mark,.hud-v2.mobile-portrait .quick-slot-mark:has(>img)){border-radius:10px;grid-row:1;justify-self:center;width:40px;height:40px}.hud-v2.mobile-portrait .action-categories button{place-items:center;display:grid}.hud-v2.mobile-portrait .action-categories .game-icon{width:23px;height:23px}.hud-v2.mobile-portrait .action-drawer{z-index:60;inset:auto 6px calc(var(--mobile-dock-height) + max(7px,env(safe-area-inset-bottom))) 6px;width:auto;max-height:min(55dvh,calc(var(--app-viewport-height,100dvh) - 164px));border-radius:18px;padding:10px;position:fixed;overflow:auto;transform:none}.hud-v2.mobile-portrait .drawer-header{z-index:2;background:#fffbf8f5;margin:-10px -4px 7px;padding:9px 4px 5px;position:sticky;top:-10px}.hud-v2.mobile-portrait .drawer-header h2{font-size:17px}.hud-v2.mobile-portrait .drawer-card-grid{grid-template-columns:1fr;overflow:visible}.hud-v2.mobile-portrait .drawer-card{min-height:86px}.hud-v2.mobile-portrait .ability-charge-summary{grid-template-columns:1fr;gap:6px}.hud-v2.mobile-portrait .ability-charge-summary p{grid-column:1}.hud-v2.mobile-portrait .ability-drawer-grid,.hud-v2.mobile-portrait .utility-drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hud-v2.mobile-portrait .ability-drawer-grid>button,.hud-v2.mobile-portrait .utility-drawer-grid>button{min-height:58px}.hud-v2.mobile-portrait .mobile-camera-controls{grid-column:1/-1;grid-template-columns:1fr repeat(3,44px) 64px;align-items:center;gap:5px;display:grid}.hud-v2.mobile-portrait .mobile-camera-controls small{letter-spacing:.1em;font-size:8px;font-weight:900}.hud-v2.mobile-portrait .mobile-camera-controls button{border:1px solid var(--glass-stroke);background:#fff;border-radius:11px;min-height:44px;font-weight:900}.hud-v2.mobile-portrait .mobile-camera-controls button.active{background:#dff7f2;border-color:#56bdb4}.hud-v2.mobile-portrait .phone-camera-control{grid-template-columns:minmax(0,1fr) minmax(118px,auto)}.hud-v2.mobile-portrait .phone-camera-control button{padding-inline:12px}.hud-v2.mobile-portrait .hud-profile-picker{grid-column:1/-1}.hud-v2.mobile-portrait .unit-picker-backdrop{padding:0 6px calc(var(--mobile-dock-height) + max(7px,env(safe-area-inset-bottom)));align-items:end;position:fixed;inset:0}.hud-v2.mobile-portrait .unit-picker-modal{width:100%;max-height:min(62dvh,calc(var(--app-viewport-height,100dvh) - 150px));border-radius:18px;padding:10px;overflow:auto}.hud-v2.mobile-portrait .unit-picker-grid{grid-template-columns:1fr}.hud-v2.mobile-portrait .formation-hold,.hud-v2.mobile-portrait .building-panel,.hud-v2.mobile-portrait .adjacent-support-picker{z-index:55;inset:auto 6px calc(var(--mobile-dock-height) + max(18px,env(safe-area-inset-bottom))) 6px;justify-self:stretch;width:auto;max-width:none;max-height:42dvh;position:fixed;overflow:auto;transform:none}.hud-v2.mobile-portrait:has(.building-panel) .formation-hold{display:none}.hud-v2.mobile-portrait .settings-panel{top:auto;right:6px;bottom:calc(var(--mobile-dock-height) + max(7px,env(safe-area-inset-bottom)));width:auto;max-height:62dvh;left:6px;transform:none}.hud-v2.mobile-portrait .notice{box-sizing:border-box;overflow-wrap:anywhere;white-space:normal;text-align:center;width:auto;max-width:none;line-height:1.35;position:static;transform:none}.hud-v2.mobile-portrait .notice.notice-enter-from,.hud-v2.mobile-portrait .notice.notice-leave-to{transform:translateY(-6px)}@media (pointer:coarse){.lobby-install-action{text-align:left;align-items:center;gap:10px;width:100%;min-height:54px;display:flex;color:#4e696b!important;background:#e2f8f4db!important;border:1px solid #43aba23d!important;border-radius:15px!important;margin-top:8px!important;padding:8px 12px!important}.lobby-install-action .game-icon{width:25px;height:25px}.lobby-install-action span{gap:2px;display:grid}.lobby-install-action strong{font-size:12px}.lobby-install-action small{color:#78858a;font-size:9px}}.faction-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faction-roster-preview{color:#716778;border-top:1px solid #6757741f;margin-top:2px;padding-top:7px;font-size:9px;font-weight:750;line-height:1.35;display:block}.ally-tech-level{color:#786d82;letter-spacing:.06em;font-size:8px;font-weight:850}.top-ally-secondary{align-items:stretch}.faction-mechanic-chip{box-sizing:border-box;color:#4e6267;background:#e1f7f3b8;border:1px solid #4ba69d33;border-radius:12px;flex:0 0 156px;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;min-width:0;min-height:44px;padding:4px 7px;display:grid;position:relative}.faction-mechanic-chip:has(>button:not(.faction-summary)){flex-basis:250px;grid-template-columns:minmax(0,1fr) auto}.faction-mechanic-chip .faction-summary{text-align:left;background:0 0;border:0;grid-template-columns:auto auto 12px;align-items:baseline;gap:1px 6px;min-width:0;min-height:34px;padding:2px;display:grid}.faction-mechanic-chip .faction-summary:hover{background:#ffffff6b}.faction-mechanic-chip .faction-summary span{grid-column:1/3}.faction-mechanic-chip .faction-summary i{grid-area:1/3/3;align-self:center;font-style:normal}.faction-mechanic-chip small{color:#368e87;letter-spacing:.1em;font-size:7px;font-weight:900}.faction-mechanic-chip strong{color:#3b706d;font-size:13px}.faction-mechanic-chip span{white-space:nowrap;text-overflow:ellipsis;color:#718087;grid-column:1/-1;font-size:8px;overflow:hidden}.faction-mechanic-chip button{color:#397f79;cursor:pointer;background:#ffffffc7;border:1px solid #43978f38;border-radius:10px;min-width:82px;min-height:36px;padding:4px 7px;font-size:8px;font-weight:900}.faction-mechanic-chip button.active{color:#765820;background:#f4d999}.faction-mechanic-chip button:disabled{opacity:.48;cursor:not-allowed}.faction-cycle-popover{z-index:45;color:#5f6870;background:#fffcf9f7;border:1px solid #43978f3d;border-radius:15px;gap:9px;width:min(340px,100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 18px 45px #41324933}.faction-cycle-popover>header{justify-content:space-between;align-items:center;display:flex}.faction-cycle-popover>header strong{letter-spacing:.06em;font-size:11px}.faction-cycle-popover>header button{min-width:30px;min-height:30px;padding:0;font-size:16px}.faction-cycle-popover p{color:#73767d;margin:0;font-size:9px;line-height:1.45}.cycle-capacity{background:#e0f6f3b3;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;display:flex}.cycle-capacity span{color:#64777b;white-space:normal;font-size:9px;display:block}.cycle-capacity b{color:#347c76;text-align:right;font-size:10px}.cycle-orders,.cycle-channels{gap:6px;display:grid}.cycle-orders>span,.cycle-channels>span{grid-template-columns:minmax(72px,1fr) 88px auto;align-items:center;gap:7px;display:grid}.cycle-orders b,.cycle-channels b{color:#5e5a68;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.cycle-orders i,.cycle-channels i{background:#685f741a;border-radius:999px;height:5px;overflow:hidden}.cycle-orders em,.cycle-channels em{border-radius:inherit;background:#65cfc4;height:100%;display:block}.cycle-orders small,.cycle-channels small{color:#7d7582;white-space:nowrap;font-size:8px}.cycle-hold{border-top:1px solid #6757741a;grid-template-columns:auto 1fr;gap:3px 8px;padding-top:7px;display:grid}.cycle-hold b{color:#6d5b82;font-size:9px}.cycle-hold span{color:#77717c;white-space:normal;font-size:8px;display:block}.cycle-hold small{color:#9a753a;grid-column:1/-1}.laboratory-diagnostic{color:#4c7f7b;letter-spacing:.04em;background:#ffffffad;border-radius:9px;align-items:center;min-height:28px;padding:0 8px;font-size:8px;font-weight:900;display:inline-flex}.building-stats span:last-child{color:#9b6a28;font-weight:850}@media (width<=1100px),(height<=650px){.faction-mechanic-chip{flex-basis:100%;min-height:32px;padding-block:2px}.faction-mechanic-chip:has(>button:not(.faction-summary)){flex-basis:100%}.faction-mechanic-chip .faction-summary span{display:none}.faction-mechanic-chip button{min-height:30px}}@media (pointer:coarse),(width<=760px){.faction-cycle-popover{z-index:70;inset:auto 8px max(8px, env(safe-area-inset-bottom)) 8px;border-radius:18px;width:auto;max-height:min(64dvh,430px);position:fixed;overflow:auto}}@media (width<=1050px){.faction-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (height<=520px){.faction-roster-preview{display:none}}@media (orientation:portrait) and (width<=700px){.faction-selection-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.action-drawer,.quick-command-bar{transition:none!important}.threat-banner{animation:none!important}}.faction-selection{z-index:120;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));color:#514859;-webkit-backdrop-filter:blur(24px)saturate(1.08);backdrop-filter:blur(24px)saturate(1.08);background:radial-gradient(circle at 50% 4%,#ffffffe0,#0000 38%),radial-gradient(circle at 14% 82%,#5bcdc121,#0000 31%),radial-gradient(circle at 88% 76%,#9c7ec729,#0000 34%),#f1d8d2f7;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.faction-selection-shell{box-sizing:border-box;background:#fffbf8db;border:1px solid #ffffffc2;border-radius:clamp(22px,3vw,38px);gap:clamp(14px,2.2vh,24px);width:min(1520px,100%);padding:clamp(16px,2.2vw,28px);display:grid;box-shadow:0 36px 100px #4e324f33,inset 0 1px #ffffffeb}.faction-selection-shell>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.faction-selection-shell>header>div{gap:5px;display:grid}.faction-selection-shell>header small,.faction-selection-shell>footer small{color:#877293;letter-spacing:.18em;font-size:10px;font-weight:900}.faction-selection-shell h2{color:#4d4355;letter-spacing:.1em;margin:0;font-size:clamp(26px,3.2vw,48px);font-weight:340}.faction-selection-shell>header p{color:#756b79;margin:0;font-size:12px;line-height:1.5}.faction-selection-close{color:#716477;cursor:pointer;background:#f2eaf3c2;border:1px solid #66527426;border-radius:15px;width:48px;min-width:48px;height:48px;font-size:26px}.faction-selection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);display:grid}.faction-choice{color:#574d5e;text-align:left;cursor:pointer;background:#ffffffa6;border:1px solid #6b577729;border-radius:24px;grid-template-rows:minmax(150px,24vh) auto;min-width:0;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #4c365317}.faction-choice:hover{border-color:#54b1a861;transform:translateY(-3px);box-shadow:0 19px 42px #4c365324}.faction-choice.selected{border:2px solid #4fbdb4;box-shadow:0 0 0 4px #4fbdb41f,0 20px 46px #4c365326}.faction-choice-image{background:#efd6d0;min-width:0;position:relative;overflow:hidden}.faction-choice-image:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fffcf96b);height:30%;position:absolute;inset:auto 0 0}.faction-choice-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .28s;display:block}.faction-choice:hover img{transform:scale(1.025)}.faction-choice-copy{align-content:start;gap:6px;padding:14px 15px 16px;display:grid}.faction-choice-copy small{color:#887294;letter-spacing:.14em;font-size:9px;font-weight:900}.faction-choice-copy strong{color:#514757;font-size:17px;line-height:1.16}.faction-choice-copy p{color:#776c7b;min-height:3.9em;margin:0;font-size:11px;line-height:1.48}.faction-choice-copy em{color:#397e78;font-size:10px;font-style:normal;font-weight:850;line-height:1.35}.faction-choice>i{color:#fff;opacity:0;background:#3aa69deb;border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.8);box-shadow:0 7px 18px #2d7e783d}.faction-choice.selected>i{opacity:1;transform:scale(1)}.faction-selection-shell>footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.faction-selection-shell>footer>span{gap:3px;display:grid}.faction-selection-shell>footer strong{color:#514757;font-size:16px}.faction-confirm{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#3caea5,#66c9be);border:0;border-radius:16px;justify-content:center;align-items:center;gap:18px;min-width:190px;min-height:52px;font-size:13px;font-weight:900;display:flex;box-shadow:0 13px 28px #2e978e3d}.faction-confirm b{font-size:21px;font-weight:400}@media (width<=1050px){.faction-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-choice{grid-template-rows:150px;grid-template-columns:minmax(150px,.78fr) minmax(0,1fr)}.faction-choice-copy p{min-height:0}}@media (orientation:landscape) and (height<=520px){.faction-selection{place-items:start center;padding-block:8px}.faction-selection-shell{border-radius:18px;gap:8px;padding:10px}.faction-selection-shell>header{align-items:center}.faction-selection-shell h2{font-size:22px}.faction-selection-shell>header p{display:none}.faction-selection-close{width:44px;min-width:44px;height:44px}.faction-selection-grid{gap:7px}.faction-choice{border-radius:15px;grid-template-rows:112px;grid-template-columns:minmax(115px,.72fr) minmax(0,1fr)}.faction-choice-copy{gap:3px;padding:9px 10px}.faction-choice-copy strong{font-size:13px}.faction-choice-copy p{display:none}.faction-choice-copy em{font-size:9px}.faction-selection-shell>footer strong{font-size:12px}.faction-confirm{min-width:150px;min-height:44px}}@media (orientation:portrait) and (width<=700px){.faction-selection{height:var(--app-viewport-height,100dvh);box-sizing:border-box;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));place-items:center;overflow:hidden}.faction-selection-shell{border-radius:20px;grid-template-rows:auto minmax(0,auto) auto;gap:8px;width:100%;max-height:100%;padding:12px;overflow:hidden}.faction-selection-shell>header{gap:12px}.faction-selection-shell h2{letter-spacing:.055em;font-size:23px;line-height:1.08}.faction-selection-shell>header p{display:none}.faction-selection-close{width:44px;min-width:44px;height:44px}.faction-selection-grid{min-height:0;max-height:calc(var(--app-viewport-height,100dvh) - 154px);overscroll-behavior:contain;grid-template-columns:1fr;gap:7px;overflow:hidden auto}.faction-choice{border-radius:16px;grid-template-rows:108px;grid-template-columns:116px minmax(0,1fr);height:108px}.faction-choice-copy{align-content:center;gap:4px;min-width:0;padding:9px 10px;overflow:hidden}.faction-choice-copy strong{font-size:15px;line-height:1.12}.faction-choice-copy p,.faction-roster-preview{display:none}.faction-choice-copy em{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.3;display:-webkit-box;overflow:hidden}.faction-choice>i{top:8px;right:8px}.faction-selection-shell>footer{background:#fffbf8f0;border-top:1px solid #6757741a;gap:10px;min-width:0;padding-top:8px;position:relative;bottom:auto}.faction-selection-shell>footer>span{min-width:0}.faction-selection-shell>footer strong{font-size:12px;line-height:1.15}.faction-confirm{min-width:142px;min-height:48px}}@media (prefers-reduced-motion:reduce){.faction-choice,.faction-choice-image img,.faction-choice>i{transition:none}}.game-shell.hud-v2{padding:var(--hud-safe-y) var(--hud-safe-x) var(--hud-bottom);grid-template:"status status status"112px"economy threat mode""tools arena side"minmax(0,1fr)"context context utility""opponent quick connection"96px/430px minmax(300px,1fr) 220px;gap:12px;display:grid}.hud-v2 .top-status-rail{grid-area:status;place-self:start center;width:min(1000px,100%);position:static;inset:auto;transform:none}.hud-v2 .economy-chip,.hud-v2 .threat-banner,.hud-v2 .left-tool-stack,.hud-v2 .deck-reserve,.hud-v2 .mode-badge,.hud-v2 .quick-command-bar,.hud-v2 .action-drawer,.hud-v2 .portal-queue,.hud-v2 .formation-hold,.hud-v2 .building-panel,.hud-v2 .settings-toggle,.hud-v2 .codex-toggle,.hud-v2 .opponent-pill,.hud-v2 .connection-pill{position:static;inset:auto;transform:none}.hud-v2 .economy-chip{grid-area:economy;place-self:start;max-width:100%}.hud-v2 .threat-banner{grid-area:threat;place-self:start center;width:min(520px,100%)}.hud-v2 .mode-badge{grid-area:mode;place-self:start end;max-width:100%}.hud-v2 .left-tool-stack{grid-area:tools;place-self:start;max-width:100%}.hud-v2 .deck-reserve{grid-area:side;place-self:start end;max-width:100%}.hud-v2 .portal-queue{grid-area:side;place-self:end;max-height:min(270px,48vh)}.hud-v2 .formation-hold{grid-area:4/1/auto/-1;place-self:end center;max-width:min(940px,100%);margin-bottom:10px}.hud-v2 .building-panel{grid-area:utility;place-self:end;max-width:100%}.hud-v2 .action-drawer{grid-area:4/1/auto/-1;place-self:end center;width:min(1080px,100%)}.hud-v2 .quick-command-bar{grid-area:quick;place-self:end stretch;width:100%}.hud-v2 .settings-toggle{z-index:22;grid-area:1/1;place-self:start}.hud-v2 .codex-toggle{grid-area:utility;place-self:end}.hud-v2 .opponent-pill{grid-area:opponent;place-self:end start}.hud-v2 .connection-pill{grid-area:connection;place-self:end}.hud-v2.laboratory-mode .connection-pill{display:none}.hud-v2 .tutorial-coach{grid-area:3/2/auto/-1;place-self:start end;width:min(390px,100%);max-height:100%;position:static;inset:auto;overflow:auto}.hud-v2 .team-invites{grid-area:2/3;place-self:start end;max-width:100%;position:static;inset:auto}.hud-v2 .laboratory-bar{grid-area:2/3/5;place-self:start end;width:100%;max-width:100%;max-height:100%;position:static;inset:auto;transform:none}.hud-v2 .settings-panel{z-index:80;width:min(320px,100vw - 32px);max-height:calc(100dvh - 32px);position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.hud-v2.ui-modal-open :is(.formation-hold,.building-panel,.portal-queue,.left-tool-stack,.deck-reserve,.codex-toggle),.hud-v2.drawer-open .zoom-levels{visibility:hidden}@media (width>=1920px){.game-shell.hud-v2{grid-template-columns:430px minmax(300px,1fr) 220px}.hud-v2 .settings-toggle,.hud-v2 .zoom-levels{transform:translate(-60px)}}@media (width<=1300px){.game-shell.hud-v2{grid-template-columns:320px minmax(280px,1fr) 190px}.hud-v2 .economy-chip .income,.hud-v2 .economy-chip .tech-meter{display:none}.hud-v2 .economy-chip{grid-template-columns:24px auto auto auto}}@media (width<=1100px),(height<=650px){.game-shell.hud-v2{padding:6px 8px var(--hud-bottom);grid-template-rows:76px auto minmax(0,1fr) auto 64px;grid-template-columns:260px minmax(260px,1fr) 170px;gap:8px}.hud-v2 .top-status-rail{width:min(720px,100% - 164px)}.hud-v2 .economy-chip .reserve{display:none}.hud-v2 .economy-chip{grid-template-columns:20px auto auto}.hud-v2 .quick-command-bar{grid-column:1/-1;justify-self:center;width:min(820px,100%)}.hud-v2 .action-drawer{width:100%}.hud-v2 .laboratory-bar{grid-area:3/1/5/-1;place-self:end stretch;width:100%;max-height:42dvh}.hud-v2 .opponent-pill,.hud-v2 .connection-pill{display:none}}@media (width<=950px){.game-shell.hud-v2{grid-template-columns:minmax(150px,220px) minmax(240px,1fr) minmax(120px,170px)}.hud-v2 .economy-chip .energy-meter{display:none}.hud-v2 .economy-chip{grid-template-columns:20px auto}.hud-v2 .mode-badge{letter-spacing:.05em;font-size:8px}.hud-v2 .codex-toggle,.hud-v2 .connection-pill,.hud-v2 .opponent-pill{display:none}}@media (orientation:landscape) and (width<=950px) and (height<=500px){.game-shell.hud-v2{grid-template-rows:76px auto minmax(0,1fr) auto 58px;min-height:0}.hud-v2 .top-status-rail{width:calc(100% - 136px)}.hud-v2 .threat-banner{gap:6px;padding:6px 9px}.hud-v2 .threat-banner small,.hud-v2 .threat-banner .threat-tag{display:none}}.game-shell.hud-v2{grid-template-rows:auto minmax(0,1fr) auto 76px;grid-template-areas:"status status status""arena arena side""context context utility""opponent quick connection"}.hud-v2 .top-status-rail{border:1px solid var(--glass-stroke);background:var(--glass-surface);width:min(1440px,100% - 128px);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.14);backdrop-filter:blur(20px)saturate(1.14);box-sizing:border-box;border-radius:28px;grid-template-columns:minmax(440px,1.25fr) minmax(270px,.72fr) minmax(360px,1fr);gap:0;padding:8px;overflow:visible}.top-status-rail .status-zone{align-content:start;gap:5px;min-width:0;padding:0 8px;display:grid}.top-status-rail .center-status-zone{border-inline:1px solid #6857731f}.top-status-rail .core-card,.top-status-rail .pulse-card{height:88px;min-height:88px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:18px;padding:9px 11px 8px}.top-status-rail .core-card{grid-template-rows:auto 1fr 6px;row-gap:3px}.top-status-rail .core-resources{grid-area:2/1;align-self:end;min-width:0}.top-status-rail .pulse-card{gap:3px}.top-status-rail .pulse-main{grid-template-columns:44px 1fr;gap:8px}.top-status-rail .pulse-ring{width:44px;height:44px}.top-status-rail .pulse-ring strong{font-size:20px}.top-status-rail .next-pulse{padding-top:3px;font-size:7px}.top-status-footer{border-top:1px solid #6857731c;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:36px;padding:3px 8px 0;display:grid}.top-ally-secondary{grid-column:1;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.top-center-secondary{grid-column:2;justify-self:center;min-width:0;min-height:0;position:relative}.top-status-rail .economy-chip,.top-status-rail .left-tool-stack,.top-status-rail .commander-chip,.top-status-rail .tactical-hand,.top-status-rail .threat-banner{box-sizing:border-box;width:100%;max-width:none;margin:0;position:static;inset:auto;transform:none}.top-status-rail .economy-chip{min-height:26px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:18px auto auto auto minmax(76px,1fr) auto;gap:6px;padding:1px 0;display:grid}.top-status-rail .gold-orb{width:14px;height:14px}.top-status-rail .economy-chip strong{font-size:15px}.top-status-rail .economy-chip small{letter-spacing:.08em;font-size:7px}.top-status-rail .economy-chip .income,.top-status-rail .economy-chip .reserve,.top-status-rail .economy-chip .energy-meter,.top-status-rail .economy-chip .tech-meter{padding-left:6px}.top-status-rail .economy-chip .income b{font-size:11px}.top-status-rail .economy-chip .income em{display:none}.top-status-rail .economy-chip .income{display:grid}.top-status-rail .left-tool-stack{flex:auto;grid-template-columns:minmax(214px,1fr) auto;align-items:center;gap:4px;min-width:0;display:grid}.top-ally-secondary>.faction-mechanic-chip{flex:0 190px;min-width:0}.top-status-rail .commander-chip{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(70px,1fr) repeat(3,44px);gap:4px;padding:0;display:grid}.top-status-rail .commander-charge{padding:3px 6px 3px 0}.top-status-rail .commander-charge span{max-width:92px;font-size:7px}.top-status-rail .commander-charge strong{font-size:12px}.top-status-rail .commander-chip button{border-radius:12px;width:44px;height:44px}.top-status-rail .tactical-hand{min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;gap:4px;padding:0}.top-status-rail .tactical-hand>span{font-size:7px}.top-status-rail .tactical-hand button{min-height:44px;padding:5px 7px}.top-status-rail .threat-banner{pointer-events:auto;cursor:pointer;border-radius:11px;justify-content:center;gap:6px;width:auto;min-width:190px;min-height:32px;padding:4px 10px;font-size:10px;display:flex}.top-status-rail .threat-banner strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-status-rail .threat-banner .threat-icon .game-icon{width:16px;height:16px}.top-status-rail .threat-chevron{font-size:14px;line-height:1}.base-threat-control{justify-items:center;display:grid;position:relative}.threat-details{z-index:50;color:#5c4b55;text-align:left;background:#fff8f5f7;border:1px solid #ac373040;border-radius:14px;gap:6px;width:min(330px,100vw - 32px);padding:12px 14px;display:grid;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #56252a33}.threat-details strong{color:#8e2927;font-size:12px}.threat-details p{margin:0;font-size:11px;line-height:1.4}.threat-details span{color:#8a7780;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.top-status-rail .threat-banner.strategic{color:#e7f3f6;background:#314354e6;border-color:#658ba757;animation:none;box-shadow:0 7px 20px #2f4b5d2e}.top-status-rail .threat-banner.strategic.tell-coarse{color:#eff0f4cc;box-shadow:none;background:#434653c7;border-style:dashed}.top-status-rail .threat-banner.strategic small{white-space:nowrap;opacity:.72;font-size:8px}.threat-details.strategic{background:#f6fcfcf7;border-color:#5a8fa147}.threat-details.strategic strong{color:#346f7b}.threat-details .threat-details-close{color:#8a7780;width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;padding:0;font-size:18px;line-height:1;position:absolute;top:5px;right:6px}.hud-v2 .quick-command-bar{grid-area:5/1/auto/-1;justify-self:center;width:min(1160px,100vw - 32px)}.hud-v2 .action-drawer{grid-area:3/1/auto/-1}@media (width<=1300px){.hud-v2 .top-status-rail{grid-template-columns:minmax(330px,1.2fr) minmax(220px,.75fr) minmax(280px,1fr)}.top-status-rail .economy-chip{grid-template-columns:14px auto auto auto minmax(58px,1fr) auto;gap:4px}.top-status-rail .economy-chip .income,.top-status-rail .economy-chip .reserve,.top-status-rail .economy-chip .energy-meter,.top-status-rail .economy-chip .tech-meter{padding-left:4px}.top-status-rail .left-tool-stack,.top-status-rail .commander-charge span,.top-status-rail .tactical-hand>span{display:none}}@media (width<=1100px),(height<=650px){.game-shell.hud-v2{grid-template-rows:auto minmax(0,1fr) auto 64px}.hud-v2 .formation-hold{grid-row:3;margin-bottom:8px}.hud-v2 .quick-command-bar{grid-row:4}.hud-v2 .top-status-rail{border-radius:20px;grid-template-columns:minmax(220px,1fr) minmax(160px,.68fr) minmax(210px,1fr);width:min(820px,100% - 104px);padding:4px}.top-status-rail .status-zone{gap:2px;padding:0 4px}.top-status-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:3px 4px 0}.top-status-rail .core-card,.top-status-rail .pulse-card{height:70px;min-height:70px}.top-status-rail .left-tool-stack{display:none}.top-status-rail .economy-chip{min-height:28px;padding:3px 5px}.top-status-rail .economy-chip .income,.top-status-rail .economy-chip .reserve,.top-status-rail .economy-chip .tech-meter{display:none}.top-status-rail .economy-chip{grid-template-columns:14px auto minmax(58px,1fr)}.top-status-rail .threat-banner{min-width:160px;min-height:28px;padding:3px 6px}.top-status-rail .threat-banner .threat-tag{display:none}.top-status-rail .threat-banner .threat-icon .game-icon{width:16px;height:16px}.top-status-rail .threat-banner .threat-score{font-size:13px}.hud-v2 .quick-command-bar{width:min(920px,100vw - 16px)}}@media (orientation:landscape) and (width<=950px) and (height<=500px){.hud-v2 .top-status-rail{width:calc(100% - 104px)}.top-status-rail .economy-chip .energy-meter{display:grid}.top-status-rail .threat-banner small{display:none}}.game-shell.hud-v2.mobile-portrait{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0, 1fr) auto var(--mobile-dock-height);grid-template-areas:none;gap:6px}.game-shell.hud-v2.mobile-portrait .top-status-rail,.game-shell.hud-v2.mobile-portrait .quick-command-bar{grid-column:1/-1;justify-self:stretch;width:100%;max-width:none}.game-shell.hud-v2.mobile-portrait .tutorial-coach{grid-area:2/1/auto/-1;place-self:start center;width:min(100%,390px);min-width:0;max-height:100%}:is(.game-shell.hud-v2.mobile-portrait:has(.tutorial-coach) .top-status-rail,.game-shell.hud-v2.mobile-portrait:has(.tutorial-coach) .quick-command-bar){grid-column:1/-1}.game-shell.hud-v2.mobile-portrait .top-center-secondary{grid-column:1/-1;justify-content:center;justify-self:auto;width:100%;display:flex;position:absolute;top:86px;left:0;right:0;transform:none}.game-shell.hud-v2.mobile-portrait .base-threat-control{width:100%;max-width:100%}.game-shell.hud-v2.mobile-portrait .top-status-rail .threat-banner{width:auto;max-width:100%;position:static;inset:auto;transform:none}.mobile-reserve-action{display:none!important}.hud-v2.mobile-portrait .mobile-reserve-action{display:flex!important}.hud-v2.mobile-portrait .deck-reserve:not(.collapsed){z-index:61;inset:auto 6px calc(var(--mobile-dock-height) + max(7px, env(safe-area-inset-bottom))) 6px;width:auto;min-width:0;max-width:none;max-height:min(42dvh, calc(var(--app-viewport-height,100dvh) - 164px));box-sizing:border-box;border-radius:18px;gap:8px;padding:10px;position:fixed;overflow:auto;display:flex!important}.hud-v2.mobile-portrait .team-invites{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;place-self:start stretch;width:100%;min-width:0;max-width:none}.hud-v2.mobile-portrait .deck-reserve .reserve-toggle,.hud-v2.mobile-portrait .deck-reserve select,.hud-v2.mobile-portrait .deck-reserve .reserve-body>button{min-height:44px}.hud-v2.mobile-portrait .deck-reserve .reserve-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;display:grid}.hud-v2.mobile-portrait .deck-reserve label{grid-template-columns:auto minmax(0,1fr);display:grid}.hud-v2.mobile-portrait .deck-reserve select{width:100%;max-width:none}.hud-v2.mobile-portrait .formation-hold{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hud-v2.mobile-portrait .formation-summary,.hud-v2.mobile-portrait .formation-picker,.hud-v2.mobile-portrait .formation-reserve,.hud-v2.mobile-portrait .early-release-penalty{grid-column:1/-1;min-width:0}.hud-v2.mobile-portrait .formation-current{width:100%}.hud-v2.mobile-portrait .formation-reserve{border-left:0;justify-content:flex-end;padding-left:0}.hud-v2.mobile-portrait .formation-reserve>span{margin-right:auto}.hud-v2.mobile-portrait .formation-reserve button{width:44px;min-width:44px;height:44px;min-height:44px}.hud-v2.mobile-portrait .formation-hold>:is(.hold-button,.release-button,.stop-repeat-button){justify-content:center;min-height:44px}.hud-v2.mobile-portrait .unit-automation-picker>button{min-height:44px}@media (width<=400px) and (orientation:portrait){.game-shell.hud-v2.mobile-portrait{--mobile-dock-height:109px}.hud-v2.mobile-portrait .quick-command-bar{grid-template-rows:repeat(2,48px);grid-template-columns:minmax(0,1fr)}.hud-v2.mobile-portrait .quick-command-bar button{min-width:44px}.hud-v2.mobile-portrait .hud-profile-picker{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.hud-v2.mobile-portrait .hud-profile-picker small{grid-column:1/-1}.hud-v2.mobile-portrait .hud-profile-picker button{min-width:0;padding-inline:4px;font-size:10px}}