@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(./inter-latin-800-normal-BYj_oED-.woff2)format("woff2"),url(./inter-latin-800-normal-D1mf63XC.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(./space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}:root{--bg:#071a2e;--panel:#091422d1;--panel-solid:#0c1a2b;--line:#a0c8ff24;--text:#e9eef5;--dim:#8ea3bd;--accent:#ffb547;--accent-2:#ff6a3d;--good:#57d68d;--bad:#ff5d5d;--ally:#6fc3ff;--gold:#ffd166}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}canvas#view{cursor:crosshair;touch-action:none;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:inherit}.screen{z-index:20;background:radial-gradient(#071a2e59,#030a14d9);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.menu-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:14px;width:min(440px,100%);padding:26px;display:flex;box-shadow:0 30px 80px #00000080}.menu-card.wide{width:min(720px,100%)}.brand{text-align:center;margin-bottom:4px}.logo-mark{clip-path:polygon(50% 0,100% 30%,88% 100%,12% 100%,0 30%);background:conic-gradient(from 210deg,#ff6a3d,#ffb547,#57d68d,#6fc3ff,#b07cff,#ff6a3d);border-radius:14px;width:54px;height:54px;margin:0 auto 10px}h1{letter-spacing:.12em;background:linear-gradient(#fff,#ffd9a0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:40px}h2{letter-spacing:.04em;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:32px}.tag{color:var(--dim);margin:6px 0 0;font-size:14px}.field{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.field b{color:var(--text)}.field input:not([type=range]){border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#ffffff0f;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:15px}.field input:focus{border-color:var(--accent)}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.seg{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.seg button{color:var(--dim);text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:8px;flex:1;padding:8px 6px;font-size:13px;font-weight:600}.seg button.on{background:var(--accent);color:#1b1203}.seed-row{gap:8px;display:flex}.ghost{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;padding:10px 14px;font-weight:600}.ghost:hover{background:#ffffff1a}.primary{color:#1d0f02;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#ffc35f,#ff8a3d);border-radius:12px;padding:14px;font-size:17px;font-weight:800;transition:transform .1s;box-shadow:0 8px 24px #ff8c3259,inset 0 1px #ffffff80}.primary:hover{transform:translateY(-1px)}.primary:active{transform:translateY(1px)}input[type=range]{appearance:none;background:#ffffff1f;border-radius:3px;outline:none;width:100%;height:6px;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:3px solid #1b1203;border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:3px solid #1b1203;border-radius:50%;width:14px;height:14px}.howto{color:var(--dim);font-size:13px}.howto summary{cursor:pointer;color:var(--text);font-weight:600}.howto ul{margin:8px 0 0;padding-left:18px;line-height:1.55}.howto b{color:var(--text)}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:12px}#hud>*{z-index:5;position:fixed}#board{width:236px;padding:8px;font-size:12.5px;top:12px;left:12px}#board .hd{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:2px 6px 6px;font-size:10.5px;display:flex}.lb-row{cursor:pointer;border-radius:7px;grid-template-columns:18px 10px 1fr auto;align-items:center;gap:7px;padding:4px 6px;display:grid}.lb-row:hover{background:#ffffff0f}.lb-row.me{background:#ffb54724}.lb-row .rk{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px}.lb-row .sw{border-radius:3px;width:10px;height:10px}.lb-row .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.lb-row .pc{font-variant-numeric:tabular-nums;color:var(--dim)}.lb-row.dead{opacity:.4;text-decoration:line-through}#topbar{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 540px);min-width:260px;display:flex;top:12px;left:50%;transform:translate(-50%)}#status:empty{display:none}#status{background:var(--panel);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700}#status .big{color:var(--accent);font-variant-numeric:tabular-nums;font-size:18px}#toasts{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex}.toast{background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;animation:.2s ease-out pop;display:flex;box-shadow:0 10px 30px #0006}.toast.ally{border-color:#6fc3ff80}.toast button{border-radius:7px;padding:5px 10px;font-size:12px;font-weight:700}.toast .yes{background:var(--ally);color:#021627}.toast .no{background:#ffffff1a}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}#right{flex-direction:column;gap:8px;width:270px;display:flex;top:12px;right:12px}.controls{gap:4px;padding:4px;display:flex}.controls button{border-radius:8px;flex:1;padding:7px;font-size:13px;font-weight:700}.controls button:hover{background:#ffffff14}.controls button.on{background:var(--accent);color:#1b1203}#feed{flex-direction:column;gap:2px;max-height:230px;padding:6px;font-size:12px;display:flex;overflow:hidden}#feed:empty{display:none}.ev{border-left:3px solid #0000;border-radius:6px;padding:4px 7px;line-height:1.35;animation:.25s ease-out pop}.ev.war{border-color:var(--accent-2)}.ev.ally{border-color:var(--ally)}.ev.nuke{background:#ff3b3b1a;border-color:#ff3b3b}.ev.elim{border-color:#aaa}.ev.good{border-color:var(--good)}.ev.bad{border-color:var(--bad)}.ev.old{opacity:.55}#bar{flex-direction:column;gap:10px;width:min(760px,100vw - 24px);padding:10px 12px;display:flex;bottom:12px;left:50%;transform:translate(-50%)}.stats{grid-template-columns:1.3fr 1fr .8fr 1.4fr;align-items:end;gap:14px;display:grid}.stat .lab{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10.5px;font-weight:600}.stat .lab span{color:var(--good);text-transform:none;letter-spacing:0}.stat .lab b{color:var(--accent)}.stat .val{font-variant-numeric:tabular-nums;font-family:Space Grotesk,Inter,sans-serif;font-size:22px;font-weight:700;line-height:1.15}.stat .val.gold{color:var(--gold)}.meter{background:#ffffff1a;border-radius:2px;height:4px;margin-top:3px;overflow:hidden}.meter i{background:linear-gradient(90deg,#57d68d,#b7f07a);height:100%;transition:width .2s;display:block}.stat.ratio input{margin:6px 0 4px}.builds{gap:6px;display:flex}.bbtn{background:#ffffff0d;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 4px 5px;font-size:11px;font-weight:600;display:flex;position:relative}.bbtn:hover:not(.off){background:#ffffff1c}.bbtn.sel{border-color:var(--accent);background:#ffb54726}.bbtn.off{opacity:.38;cursor:not-allowed}.bbtn .cost{color:var(--gold);font-variant-numeric:tabular-nums;font-size:10.5px}.bbtn .k{color:var(--dim);font-size:9px;position:absolute;top:3px;right:5px}.bbtn.nuke{background:#ff3c3c14}#attacks{flex-wrap:wrap;justify-content:center;gap:6px;max-width:760px;display:flex;bottom:150px;left:50%;transform:translate(-50%)}.atk{background:var(--panel-solid);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:5px 6px 5px 10px;font-size:12px;font-weight:600;display:flex}.atk .sw{border-radius:50%;width:8px;height:8px}.atk.in{border-color:#ff5d5d80}.atk button{background:#ffffff1a;border-radius:50%;width:20px;height:20px;font-size:11px;line-height:1}.atk button:hover{background:var(--bad)}#minimap{cursor:pointer;width:220px;height:auto;padding:0;bottom:12px;right:12px;overflow:hidden}#tip{pointer-events:none;background:var(--panel-solid);border:1px solid var(--line);z-index:8;border-radius:9px;min-width:150px;padding:8px 10px;font-size:12px;box-shadow:0 10px 30px #0006}#tip .t{align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}#tip .t i{border-radius:3px;width:10px;height:10px;display:inline-block}#tip .r{color:var(--dim);justify-content:space-between;gap:14px;display:flex}#tip .r b{color:var(--text);font-variant-numeric:tabular-nums}#tip .hint{color:var(--accent);margin-top:5px;font-weight:600}#ctx{z-index:9;background:var(--panel-solid);flex-direction:column;gap:2px;min-width:190px;padding:5px;display:flex}#ctx .hd{align-items:center;gap:7px;padding:6px 9px 5px;font-size:13px;font-weight:700;display:flex}#ctx .hd i{border-radius:3px;width:10px;height:10px}#ctx button{text-align:left;border-radius:7px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}#ctx button:hover:not(:disabled){background:#ffffff14}#ctx button:disabled{opacity:.35;cursor:not-allowed}#ctx button small{color:var(--dim)}#ctx hr{border:0;border-top:1px solid var(--line);margin:3px 4px}#o-sub{color:var(--dim);margin:0}#o-chart{background:#00000040;border-radius:10px;width:100%;height:auto}#o-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}#o-stats div{background:#ffffff0d;border-radius:10px;padding:10px}#o-stats small{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:600}#o-stats b{font-family:Space Grotesk,Inter,sans-serif;font-size:22px;display:block}.o-actions{justify-content:flex-end;gap:10px;display:flex}.o-actions .primary{padding:12px 24px}@media (width<=900px){#board{width:180px;font-size:11.5px}#right{width:200px}#feed{max-height:120px}#minimap{width:140px;display:none;top:260px;bottom:auto}#topbar{width:calc(100vw - 420px)}}@media (width<=640px){#board{width:150px;padding:5px}#board .lb-row:nth-child(n+7){display:none}#right{width:150px}#feed{display:none}#topbar{width:calc(100vw - 24px);top:120px}.stats{grid-template-columns:1fr 1fr 1fr}.stat.ratio{grid-column:1/-1}.stat .val{font-size:17px}.builds{overflow-x:auto}.bbtn{min-width:52px}#attacks{bottom:210px}.row2{grid-template-columns:1fr}}.menu-card.lobby{width:min(980px,100%)}.lobby-grid{grid-template-columns:1.15fr 1fr;gap:22px;display:grid}.lobby-grid .col{flex-direction:column;gap:14px;min-width:0;display:flex}.maps{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.mapcard{text-align:left;text-transform:none;letter-spacing:0;background:#06111e;border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden}.mapcard canvas{aspect-ratio:16/9;object-fit:cover;image-rendering:auto;width:100%;display:block}.mapcard span{color:#fff;background:linear-gradient(#0000,#000000bf);padding:14px 8px 5px;font-size:12.5px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.mapcard.on{border-color:var(--accent);box-shadow:0 0 0 3px #ffb54740}.mapcard:hover:not(.on){border-color:#ffffff4d}.field b{text-transform:none;letter-spacing:0;color:var(--accent);font-weight:500}.field select{border:1px solid var(--line);font:inherit;color:var(--text);text-transform:none;letter-spacing:0;background:#ffffff0f;border-radius:10px;outline:none;padding:10px;font-size:14px}.field select option{background:#0c1a2b}.toggles{flex-wrap:wrap;gap:16px;font-size:13px;font-weight:600;display:flex}.toggles label{cursor:pointer;align-items:center;gap:7px;display:flex}.toggles input{accent-color:var(--accent);width:16px;height:16px}.play-row{gap:10px;display:flex}.play-row .primary{flex:1}@media (width<=760px){.lobby-grid{grid-template-columns:1fr}.maps{grid-template-columns:repeat(3,1fr)}}#clock:empty{display:none}#clock{background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700}#clock.warn{color:#ffb0a0;border-color:#ff5d5d80}.meter i.sweet{background:linear-gradient(90deg,#ffd166,#ffef9a);box-shadow:0 0 8px #ffd16699}#h-bonus{color:var(--good);min-height:0;margin-top:-4px;font-size:11px;font-weight:600}#h-bonus:empty{display:none}#tabs{gap:4px;display:flex}#tabs button{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;border-radius:7px;padding:4px 10px;font-size:11.5px;font-weight:700}#tabs button.on{color:var(--accent);background:#ffb54729}#tabs button:hover:not(.on){color:var(--text)}.bbtn.new:after{content:"NEW";letter-spacing:.05em;color:#1b1203;background:var(--accent);border-radius:3px;padding:0 3px;font-size:7.5px;font-weight:800;position:absolute;top:3px;left:4px}#spanel{z-index:6;flex-direction:column;gap:6px;width:250px;padding:10px 12px;font-size:12.5px;display:flex;top:50%;left:12px;transform:translateY(-50%)}.sp-hd{align-items:center;gap:7px;display:flex}.sp-hd i{border-radius:3px;width:10px;height:10px}.sp-hd b{font-size:14px}.sp-hd span{color:var(--accent);margin-left:auto;font-size:12px;font-weight:700}.sp-hd .x{color:var(--dim);border-radius:6px;padding:2px 6px}.sp-hd .x:hover{color:var(--text);background:#ffffff1a}.sp-desc{color:var(--dim);line-height:1.4}.sp-syn{color:var(--dim);background:#ffffff0a;border-radius:7px;padding:5px 7px;line-height:1.35}.sp-syn.on{color:#ffe39a;background:#ffd1661f}.sp-line{font-size:12px}.sp-act{gap:6px;margin-top:2px;display:flex}.primary.sm{letter-spacing:.04em;flex:1;padding:8px 10px;font-size:12px}.primary.sm:disabled{opacity:.45;cursor:not-allowed;transform:none}.ghost.sm{padding:8px 10px;font-size:12px}#ctx .emojis{flex-wrap:wrap;gap:2px;padding:4px;display:flex}#ctx .emojis button{justify-content:center;padding:4px 5px;font-size:16px}.toast.nuke{background:#2a0d0d;border-color:#ff3b3bb3}.toast.war{border-color:#ff6a3d73}#loading{z-index:30;color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-weight:600;display:flex}#loading.hidden{display:none}.loader{border:4px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){#spanel{top:auto;bottom:230px;transform:none}#attacks{bottom:250px}}#tabs{scrollbar-width:none;overflow-x:auto}#tabs::-webkit-scrollbar{display:none}#tabs button{flex-shrink:0}.stats{grid-template-columns:1.1fr .9fr .7fr 1.9fr}.stat.ratio .lab b{color:var(--accent)}#presets{gap:4px;margin-top:2px;display:flex}#presets button{color:var(--dim);background:#ffffff0f;border-radius:6px;flex:1;padding:3px 0;font-size:11px;font-weight:700}#presets button:hover{color:var(--text);background:#ffffff1f}#presets button.on{background:var(--accent);color:#1b1203}#cursor{pointer-events:none;z-index:7;color:#ffe39a;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0a101ae6;border:1px solid #ffb54799;border-radius:999px;padding:3px 8px;font-size:13px;font-weight:800;position:fixed}#cursor small{color:var(--dim);font-weight:600}#btip{z-index:12;pointer-events:none;background:#0c1726;border:1px solid #ffd16659;border-radius:12px;flex-direction:column;gap:4px;width:280px;padding:10px 12px;font-size:12px;display:flex;position:fixed;box-shadow:0 16px 40px #0000008c}.card-hd{align-items:center;gap:6px;display:flex}.card-hd b{font-size:14px}.card-hd .cat{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-left:auto;font-size:10px;font-weight:700}.newb{background:var(--accent);color:#1b1203;border-radius:3px;padding:1px 4px;font-size:8.5px;font-style:normal;font-weight:800}.card-desc{color:#cfd8e3;margin-bottom:2px;line-height:1.4}#btip .r,.codex-card .r{color:var(--dim);justify-content:space-between;gap:10px;display:flex}#btip .r b,.codex-card .r b{color:var(--text);text-align:right;font-weight:600}.r.cost b{color:var(--gold)!important}.syn{color:#ffe39a;background:#ffd1661a;border-radius:6px;margin-top:2px;padding:4px 6px}.tipline{color:#bfe3ff}.warnline{color:#ffb0a0;font-weight:600}#btip .hint,.codex-card .hint{color:var(--dim);font-size:11px}#ppanel{z-index:6;flex-direction:column;gap:7px;width:280px;padding:10px 12px;font-size:12.5px;display:flex;top:120px;left:260px}.pp-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pp-stats div{background:#ffffff0d;border-radius:8px;padding:6px 8px}.pp-stats small{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700;display:block}.pp-stats b{font-variant-numeric:tabular-nums;font-size:14px}.pp-status{color:#bfe3ff;background:#6fc3ff1a;border-radius:8px;padding:6px 8px;font-weight:600}.pp-row{align-items:center;gap:6px;display:flex}.pp-row input[type=range]{flex:1;margin:4px 0}.pp-row .primary.sm,.pp-row .ghost.sm{flex:1}.pp-sec{color:var(--dim);margin-bottom:-4px;font-size:11.5px}.pp-sec b{color:var(--accent)}.pp-note{color:var(--dim);font-size:11px;font-style:italic}.ghost.sm.danger{color:#ffb0a0;border-color:#ff5d5d59}.ghost.sm:disabled{opacity:.4;cursor:not-allowed}#ppanel .emojis{flex-wrap:wrap;gap:2px;display:flex}#ppanel .emojis button{border-radius:6px;padding:3px 5px;font-size:17px}#ppanel .emojis button:hover{background:#ffffff1a}.toast.tip{border-color:#ffd16680;max-width:480px;line-height:1.4}.toast.tip .tipicon{font-size:18px}#codex{z-index:25}.codex-card-wrap{width:min(1000px,100%);max-height:calc(100vh - 32px);overflow:hidden}.codex-hd{justify-content:space-between;align-items:center;display:flex}#codex-body{max-height:calc(100vh - 200px);padding-right:4px;overflow-y:auto}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;display:grid}.codex-card{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;gap:10px;padding:10px;font-size:12px;display:flex}.codex-card .ci{flex-shrink:0;width:64px;height:64px}.codex-card .cc{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.codex-basics{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.codex-basics .cb{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;padding:12px}.codex-basics .cb b{font-size:14px}.codex-basics .cb p{color:#cfd8e3;margin:6px 0 0;font-size:13px;line-height:1.5}#bar{width:min(860px,100vw - 24px)}#attacks{bottom:200px}@media (width<=900px){#ppanel{top:200px;left:12px}}@media (width<=640px){.stats{grid-template-columns:1fr 1fr 1fr}#ppanel{width:auto;top:110px;left:8px;right:8px}#attacks{bottom:290px}}#left{z-index:5;flex-direction:column;gap:8px;width:236px;max-height:calc(100vh - 24px);display:flex;position:fixed;top:12px;left:12px}#left>#board{width:auto;position:static}#battles{flex-direction:column;gap:4px;max-height:40vh;padding:6px;display:flex;overflow-y:auto}#battles .hd{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding:2px 4px;font-size:10.5px;font-weight:600}#attacks{flex-direction:column;gap:4px;max-width:none;display:flex;position:static!important;transform:none!important}#attacks .atk{border-radius:8px;justify-content:space-between;padding:4px 6px 4px 8px}#attacks .atk button{margin-left:auto}#spanel{inset:auto 12px 230px auto;transform:none}#ppanel{top:12px;left:260px}.ev.gain{border-color:var(--gold);color:#ffe7a8}.ev.build{border-color:#6fc3ff}#feed{max-height:260px}#toasts .toast{padding:7px 10px;font-size:12.5px}.toast.tip{max-width:420px}.bbtn{padding:4px 3px}.bbtn canvas{width:26px;height:26px}.bbtn span{font-size:10.5px}#bar{gap:6px;padding:8px 10px}.stat .val{font-size:19px}@media (width<=900px){#left{width:180px}#ppanel{left:200px}}@media (width<=640px){#left{width:150px}#battles{max-height:25vh}#spanel{width:auto;bottom:250px;left:8px;right:8px}#ppanel{top:120px;left:8px;right:8px}}img.ic{vertical-align:-.22em;width:1.15em;height:1.15em;display:inline-block}.controls button img.ic{vertical-align:middle;width:18px;height:18px}#codex-close img.ic,#h-menu img.ic{width:16px;height:16px}.ev{align-items:flex-start;gap:6px;display:flex}.ev img.ic{flex-shrink:0;margin-top:1px}#army{margin-top:4px}.abar{background:#ffffff14;border-radius:3px;height:5px;display:flex;overflow:hidden}.abar i{height:100%;display:block}.achips{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:7px;margin-top:3px;font-size:10.5px;font-weight:700;display:flex}.achips .uc{align-items:center;gap:2px;display:inline-flex}.achips .uc img.ic{width:15px;height:15px}.nospawn{color:#ffb0a0}.toast img.tipicon{width:20px;height:20px}.atk img.ic{width:14px;height:14px}#tabs{flex-wrap:nowrap}@media (width<=640px){#right{width:auto;max-width:220px}.controls{gap:2px;padding:3px}.controls button{min-width:0;padding:6px 5px}.controls button img.ic{width:16px;height:16px}.stat .val{font-size:15px}}#menu{align-items:center;padding:12px}.menu-card.lobby{gap:10px;max-height:calc(100vh - 24px);padding:16px 20px;overflow-y:auto}.menu-card.lobby .brand{justify-content:center;align-items:center;gap:12px;margin:0;display:flex}.menu-card.lobby .logo-mark{width:34px;height:34px;margin:0}.menu-card.lobby h1{font-size:28px}.menu-card.lobby .tag{display:none}.lobby-grid{gap:16px}.lobby-grid .col{gap:10px}.maps{grid-template-columns:repeat(5,1fr);gap:5px}.mapcard canvas{aspect-ratio:16/8.5}.mapcard span{padding:10px 6px 3px;font-size:11px}.field{gap:5px}.field input:not([type=range]),.field select{padding:8px 10px}.seg button{padding:6px}.play-row .primary{padding:11px}.howto{display:none}@media (height<=760px){.mapcard canvas{aspect-ratio:16/7}}@media (width<=760px){.maps{grid-template-columns:repeat(3,1fr)}}:root{--safe-bottom:0px}#bar,#minimap{bottom:calc(12px + var(--safe-bottom) + env(safe-area-inset-bottom,0px))}#spanel{bottom:calc(230px + var(--safe-bottom))}#menu,#over,#codex,#loading{padding-bottom:calc(12px + var(--safe-bottom))}.menu-card.lobby,#left{max-height:calc(100vh - 24px - var(--safe-bottom))}.short #bar{gap:4px;padding:6px 10px}.short .stat .val{font-size:16px}.short .stat .lab{font-size:9.5px}.short #presets button{padding:2px 0;font-size:10px}.short .stat.ratio input{margin:3px 0}.short #tabs button{padding:3px 8px;font-size:10.5px}.short .bbtn{gap:1px;padding:3px 2px}.short .bbtn canvas{width:22px;height:22px}.short .bbtn span{font-size:9.5px}.short #army{margin-top:2px}.short .achips{font-size:9.5px}.short #minimap{width:170px}.short #board .lb-row{padding:2px 6px}.short #feed{max-height:180px}#m-diff{background:linear-gradient(90deg,#57d68d,#ffd166 45%,#ff6a3d 80%,#c0392b)}.diffdesc{color:var(--dim);text-transform:none;letter-spacing:0;margin-top:-2px;font-size:12px;font-weight:500}#miniwrap{width:220px;padding:0;bottom:12px;right:12px;overflow:hidden}#miniwrap #minimap{background:0 0;border:0;border-radius:0;width:100%;display:block;position:static}.short #miniwrap{width:170px}.panel{position:relative}#hud>.panel,#left>.panel,#right>.panel{position:fixed}#left>.panel,#right>.panel{position:relative}.minbtn{z-index:3;width:18px;height:18px;color:var(--dim);text-align:center;background:#ffffff14;border-radius:5px;padding:0;font-size:13px;font-weight:800;line-height:18px;position:absolute;top:4px;right:4px}.minbtn:hover{background:var(--accent);color:#1b1203}#board .hd,#battles .hd{padding-right:24px}.controls .minbtn{flex:0 0 18px;align-self:center;margin-left:2px;position:static}.panel.min{min-width:0;width:auto!important;height:auto!important;padding:5px 30px 5px 10px!important}.panel.min>:not(.minbtn){display:none!important}.panel.min:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:11px;font-weight:700}#bar.min{left:50%;transform:translate(-50%)}#controls.min>button:not(.minbtn){display:none!important}#controls.min{align-items:center;gap:6px;display:flex;padding:5px 8px!important}#controls.min:before{content:"Menu"}#controls.min .minbtn{display:inline-block!important}.mp-card{flex-direction:column;gap:14px;width:min(460px,94vw);display:flex}.mp-card .primary{width:100%}.mp-sub{color:var(--dim);margin:0;font-size:13px;line-height:1.45}.mp-or{text-align:center;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.mp-join{gap:8px;display:flex}.mp-join input{text-transform:uppercase;letter-spacing:.4em;text-align:center;flex:1;font-size:20px;font-weight:800}.mp-code-row{align-items:center;gap:12px;display:flex}.mp-code-row span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.mp-code-row b{letter-spacing:.3em;color:#ffc35f;flex:1;font-size:32px}.mp-players{flex-direction:column;gap:6px;display:flex}.mp-player{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-weight:600;display:flex}.mp-player .dot{background:#4ade80;border-radius:50%;width:9px;height:9px}.mp-player.off .dot{background:#64748b}.mp-player .tag{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-left:auto;font-size:11px}.mp-actions{gap:10px;display:flex}.mp-actions .primary{flex:1}.mp-status{min-height:18px;color:var(--dim);text-align:center;margin:0;font-size:12px}.mp-status.err{color:#f87171}#h-net{color:var(--dim);white-space:nowrap;font-size:12px}.mp-join input{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:10px;outline:none;min-width:0;padding:10px 12px}.mp-join input:focus{border-color:var(--accent)}.mp-join .ghost{padding:0 20px}.mp-or{margin:4px 0 -2px}@media (width<=520px){.menu-card.lobby h1{letter-spacing:.06em;white-space:nowrap;font-size:24px}}#h-lite{letter-spacing:.05em;flex:none;padding:7px 6px;font-size:10px}.mode-hd{border-bottom:1px solid #ffffff14;margin-bottom:4px;padding:4px 6px 8px}.mode-hd .ts{margin-bottom:6px}.mode-hd .ts.mine .tn:before{content:"▸ "}.mode-hd .tn{letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:800}.mode-hd .tb{background:#ffffff14;border-radius:4px;height:6px;margin:3px 0;overflow:hidden}.mode-hd .tb i{border-radius:4px;height:100%;transition:width .4s;display:block}.mode-hd .tv{justify-content:space-between;align-items:baseline;display:flex}.mode-hd .tv b{font-variant-numeric:tabular-nums;font-size:14px}.mode-hd .tv small,.mode-hd .dim{color:var(--dim);font-size:10.5px}.mode-hd .m-sub{color:#c8d2e0;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.mode-hd .objs{flex-wrap:wrap;gap:3px;display:inline-flex}.mode-hd .obj{background:#0000004d;border:1.5px solid;border-radius:50%;place-items:center;width:18px;height:18px;display:inline-grid}.mode-hd .obj svg,.mode-hd .obj canvas,.mode-hd .obj img{width:12px;height:12px}.mode-hd .m-order{color:#ffe27a;background:#ffdc501f;border-radius:6px;margin-top:6px;padding:4px 6px;font-size:11px}.mode-hd .m-order .joint{color:#8ef59a;font-weight:700}.mode-hd.z .z-big{letter-spacing:.06em;color:#b8f060;font-family:Space Grotesk,Inter,sans-serif;font-size:18px;font-weight:700}.mode-hd.z.night .z-big{color:#9db8ff}.mode-hd.z.blood .z-big{color:#ff5a4d;text-shadow:0 0 12px #ff282899}.mode-hd .bm{color:#ff6b5e;font-weight:700}.mode-hd .z-stats{color:#d7e6c4;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11px;display:flex}#m-mode-desc{min-height:2.4em}.gold-btn{color:#ffd65a!important;border-color:#ffd65a8c!important}.store-card{width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.gold-title{background:linear-gradient(100deg,#fff1b0,#e2b23a 40%,#a8741a 70%,#ffe58a);color:#0000;letter-spacing:.12em;-webkit-background-clip:text;background-clip:text}#store-preview{background:radial-gradient(circle at 50% 40%,#1d3352,#081423);border-radius:12px;width:100%;height:auto;margin:6px 0 10px;display:block}.store-list{color:#d9e2ee;margin:0 0 12px;padding-left:18px;font-size:13.5px;line-height:1.5}.store-list b{color:#ffd65a}.store-price{width:100%;padding:14px;font-size:18px;color:#2a1b00!important;background:linear-gradient(#ffe07a,#d9a531)!important}.store-restore{gap:8px;margin-top:10px;display:flex}.store-restore input{flex:1;min-width:0}.store-owned-hd{color:#ffd65a;margin-bottom:8px;font-size:16px;font-weight:800}.store-restore .last4{flex:0 0 96px}.news-card{flex-direction:column;gap:14px;width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);display:flex}.news-hd{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.news-kicker{letter-spacing:.2em;color:var(--accent);font-size:11px;font-weight:800}.news-hd h2{margin:4px 0 2px;font-size:22px;line-height:1.2}.news-date{color:var(--dim);font-size:12px}.news-body{gap:12px;padding-right:4px;display:grid;overflow:auto}.news-body section{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;padding:10px 14px}.news-body h3{color:#ffe1a8;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;display:flex}.news-body h3 svg,.news-body h3 img,.news-body h3 canvas{width:20px;height:20px}.news-body ul{color:#d9e2ee;margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}#news-ok{align-self:flex-end;min-width:160px}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#hud,#bar,#controls{-webkit-user-select:none;user-select:none}@media (pointer:coarse){.bbtn .k{display:none}}@media (height<=640px),(width<=640px){.menu-card.lobby .play-row{z-index:2;border-top:1px solid var(--line);background:#0a1422f7;flex-wrap:wrap;gap:6px;margin:0 -16px -16px;padding:10px 16px 14px;position:sticky;bottom:-16px}.menu-card.lobby .play-row .ghost{text-overflow:ellipsis;white-space:nowrap;flex:auto;max-width:100%;padding:7px 10px;font-size:12px;overflow:hidden}.menu-card.lobby .play-row .primary{flex:100%}}@media (height<=520px){:root #left{gap:6px;width:168px;top:8px;left:8px}:root #board{width:auto;padding:5px;font-size:10.5px}:root #board .hd{padding:1px 4px 3px;font-size:9.5px}:root #board .lb-row{grid-template-columns:14px 8px 1fr auto;gap:5px;padding:2px 4px}:root #board .lb-row:nth-of-type(n+6){display:none}:root #board .lb-row.me{display:grid!important}:root .mode-hd{padding:2px 4px 5px}:root .mode-hd .tv b{font-size:12px}:root .mode-hd .m-sub{font-size:10px}:root .mode-hd.z .z-big{font-size:14px}:root #battles{display:none}:root #right{gap:6px;width:252px;top:8px;right:8px}:root .controls{flex-wrap:wrap;gap:2px;padding:3px}:root .controls button{min-width:26px;padding:5px 4px;font-size:11px}:root #feed,:root #miniwrap{display:none}:root #topbar{gap:4px;width:calc(100vw - 420px);min-width:180px;top:8px}:root #clock{padding:3px 9px;font-size:12px}:root #status{font-size:11.5px}:root #bar{bottom:calc(6px + env(safe-area-inset-bottom,0px));gap:4px;width:min(760px,100vw - 16px);padding:5px 8px}:root .stats{gap:8px}:root .stat .lab{font-size:8.5px}:root .stat .val{font-size:13.5px}:root .stat.ratio input{margin:2px 0}:root #army,:root #h-bonus{display:none}:root #presets button{padding:2px 0;font-size:10px}:root #tabs button{padding:2px 8px;font-size:10px}:root .builds{scrollbar-width:none;overflow-x:auto}:root .builds::-webkit-scrollbar{display:none}:root .bbtn{flex:0 0 58px;gap:1px;padding:3px 2px;font-size:9.5px}:root .bbtn canvas{width:18px;height:18px}:root .bbtn .cost{font-size:9px}:root #spanel,:root #ppanel{max-height:calc(100vh - 16px);overflow:auto}:root #spanel{top:8px;bottom:auto}}#rotate{display:none}@media (orientation:portrait) and (width<=600px){body.ingame #rotate{z-index:9000;color:#fff;text-align:center;background:#050d1af0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-weight:700;display:flex;position:fixed;inset:0}#rotate .ph{border:4px solid #ffd65a;border-radius:12px;width:54px;height:88px;animation:1.8s ease-in-out infinite bf-rot}#rotate small{color:var(--dim);max-width:260px;font-weight:500}}@keyframes bf-rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}