*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--ink: #17120f;--iron: #252827;--iron-2: #303331;--panel: #201b17;--panel-2: #161311;--line: #5c4b35;--line-soft: rgba(221, 177, 101, .2);--gold: #d6a84a;--gold-bright: #f1cf7a;--blue: #4c94ad;--red: #aa4638;--green: #6a9a40;--text: #efe4cf;--muted: #a69a86;--dim: #6f6658}body{min-height:100vh;padding:14px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(115deg,rgba(73,58,35,.36),transparent 42%),linear-gradient(245deg,rgba(102,43,34,.28),transparent 38%),#11100f}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,226,158,.025) 31px 32px),repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.12) 27px 28px);opacity:.7}#app{width:min(100%,900px);margin:0 auto;display:flex;flex-direction:column;gap:10px}.hdr,.panel{background:linear-gradient(180deg,rgba(255,226,158,.07),transparent 38%),linear-gradient(90deg,#4c94ad17,#aa463814),var(--panel);border:1px solid rgba(92,75,53,.85);border-top-color:#8c6e44b3;border-radius:8px;box-shadow:0 14px 38px #00000061,inset 0 1px #ffe8b41a}.hdr{position:relative;display:flex;gap:11px;align-items:center;padding:10px 14px;flex-wrap:wrap;overflow:hidden}.emblem{display:flex;width:40px;height:44px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(214,120,60,.28)) drop-shadow(0 1px 3px rgba(0,0,0,.7))}.emblem img,.emblem svg{width:100%;height:100%;object-fit:contain}.ht{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;color:var(--gold-bright);line-height:1;text-transform:uppercase;text-shadow:0 1px 0 #1a1108,0 0 14px rgba(214,168,74,.18)}.hs,.hg,.hhealth{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid rgba(221,177,101,.18);border-radius:6px;background:#100e0d8f;font-size:12px;font-weight:650}.hs{color:var(--muted)}.hg{color:var(--gold-bright)}.hhealth{color:#e86753}.vital{display:flex;align-items:center;gap:5px}.enemy-vital .hhealth{color:#e08030}.hl{flex:1;min-width:210px;overflow:hidden;color:var(--muted);font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.health-bar-wrap{width:108px;height:8px;overflow:hidden;border:1px solid rgba(221,177,101,.2);border-radius:999px;background:#261816;box-shadow:inset 0 1px 4px #0000008c}.health-bar{height:100%;border-radius:999px;transition:width .3s}canvas{display:block;width:100%;aspect-ratio:2 / 1;border:1px solid #6b5436;border-radius:8px;background:#1b1715;box-shadow:0 18px 40px #00000073,inset 0 0 0 1px #ffe8b40d}.panel{padding:12px}.slabel{margin-bottom:7px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}.card{position:relative;display:flex;min-height:94px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 7px;cursor:pointer;border:1px solid rgba(221,177,101,.22);border-top-color:#ddb16561;border-radius:7px;background:linear-gradient(180deg,rgba(255,226,158,.07),transparent 40%),#171411;box-shadow:inset 0 1px #ffecbe12,0 2px 8px #00000047}.card:hover{border-color:#f1cf7a8c;transform:translateY(-1px)}.card.sel{border-color:var(--blue);background:linear-gradient(180deg,rgba(76,148,173,.22),transparent 50%),#171b1b;box-shadow:0 0 0 1px #4c94ad52,0 0 18px #4c94ad21}.card.off{opacity:.32;pointer-events:none}.tier-badge{position:absolute;top:4px;right:4px;padding:1px 4px;border-radius:4px;font-size:8px;font-weight:800}.t1{background:#6a9a4038;color:#9fc46c}.t2{background:#c0902a38;color:#e2b655}.t3{background:#9060c03d;color:#bc91de}.ico{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid rgba(255,238,188,.24);border-radius:50%;color:#fff8e8;font-size:10px;font-weight:850;box-shadow:inset 0 -7px 12px #0000003d,0 5px 10px #00000038}.unit-portrait{--unit: #6a9a40;--tier: #6a9a40;position:relative;width:38px;height:38px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--unit),#fff 34%);border-radius:7px;background:linear-gradient(180deg,rgba(255,239,198,.18),transparent 42%),radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--unit),#fff 16%) 0 22%,transparent 23%),linear-gradient(135deg,color-mix(in srgb,var(--unit),#111 5%),color-mix(in srgb,var(--unit),#000 46%));box-shadow:inset 0 1px #fff4d22e,inset 0 -8px 14px #00000047,0 7px 13px #00000045}.unit-portrait:after{content:"";position:absolute;right:4px;bottom:4px;width:9px;height:3px;border-radius:2px;background:var(--tier);box-shadow:0 0 7px color-mix(in srgb,var(--tier),transparent 45%)}.unit-portrait.locked{filter:grayscale(1);opacity:.75}.unit-portrait svg{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);overflow:visible;filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}.uname{color:#dfd1b7;font-size:10px;font-weight:700;line-height:1.15;text-align:center}.ucost{color:var(--gold-bright);font-size:10px;font-weight:750}.tip{margin:8px 0 2px;padding:8px 10px;border:1px solid rgba(221,177,101,.2);border-radius:7px;color:var(--muted);background:#100e0dad;font-size:12px;line-height:1.45}.tip b{color:var(--text);font-weight:750}.tip-flag{display:inline-block;padding:1px 5px;margin:0 2px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.tip-flag-fly{background:#78a0c82e;color:#b8d0e8;border:1px solid rgba(120,160,200,.35)}.tip-flag-aa{background:#d28c502e;color:#e8c898;border:1px solid rgba(210,140,80,.35)}.form-btn.disabled,.form-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:auto}.warband-tag{display:inline-block;padding:1px 7px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.04em;background:#d3a74f2e;color:#ddb165;border:1px solid rgba(211,167,79,.4)}.starter-preview-perk{margin:8px 0 4px;padding:7px 9px;border-radius:5px;background:#d3a74f1a;border:1px solid rgba(211,167,79,.3)}.starter-preview-perk-label{font-size:11px;font-weight:700;color:#e3c182;letter-spacing:.05em}.starter-preview-perk-desc{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.army-grid{display:flex;min-height:30px;flex-wrap:wrap;gap:5px}.atag{display:flex;align-items:center;gap:4px;min-height:27px;padding:3px 8px;cursor:pointer;border:1px solid rgba(221,177,101,.18);border-radius:6px;background:#110f0dc7;color:var(--muted);font-size:11px}.atag:hover{border-color:#f1cf7a7a;color:var(--text)}.atag.sel{border-color:var(--gold);box-shadow:0 0 0 1px #d6a84a33}.atag.moving{border-color:#91c875b3;color:#d8efc7;box-shadow:0 0 0 1px #91c87538}.atag:hover .upgrade-hint{display:inline}.upgrade-hint{display:none;margin-left:2px;color:var(--gold);font-size:9px}.atag .dot{width:8px;height:8px;flex:0 0 auto;border:1px solid rgba(255,236,190,.24);border-radius:50%}.atag .unit-portrait{width:19px;height:19px;border-radius:4px;box-shadow:inset 0 1px #fff4d21f}.atag .unit-portrait:after{right:2px;bottom:2px;width:5px;height:2px}.atag .unit-portrait svg{top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.atag .tier{margin-left:2px;padding:1px 4px;border-radius:3px;font-size:8px;font-weight:800}.btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:9px}button{min-height:31px;padding:6px 13px;cursor:pointer;border:1px solid rgba(221,177,101,.28);border-radius:7px;color:var(--text);background:linear-gradient(180deg,rgba(255,226,158,.08),transparent 58%),#191613;font:700 12px system-ui,sans-serif}button:hover:not(:disabled){border-color:#f1cf7a9e;background:linear-gradient(180deg,rgba(255,226,158,.14),transparent 58%),#221c15}button:disabled{opacity:.34;cursor:default}.bp{border-color:#4c94ad9e;color:#bfe7ef;background:linear-gradient(180deg,rgba(76,148,173,.22),transparent 58%),#142022}.bp:hover:not(:disabled){border-color:#80d1e2c2;background:linear-gradient(180deg,rgba(76,148,173,.3),transparent 58%),#18282b}.res{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:4px 0}.speed-row{display:inline-flex;gap:5px;margin-left:auto}.speed-btn{min-width:42px;min-height:27px;padding:4px 9px;color:var(--muted);font-size:11px}.speed-btn.active{border-color:#4c94adb8;color:#bfe7ef;background:linear-gradient(180deg,rgba(76,148,173,.22),transparent 58%),#121d1f}.wt,.lt{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:800}.wt{color:#91c875}.lt{color:#e86753}.divider{height:1px;margin:10px 0;background:linear-gradient(90deg,transparent,rgba(221,177,101,.32),transparent)}.upgrade-modal{margin:8px 0;padding:10px 12px;border:1px solid rgba(221,177,101,.24);border-radius:8px;background:linear-gradient(90deg,rgba(214,168,74,.08),transparent),#100e0dbd}.upgrade-modal .um-title{margin-bottom:6px;color:var(--text);font-size:13px;font-weight:800}.upgrade-btn{display:inline-flex;align-items:center;gap:6px;margin:2px;padding:5px 10px;font-size:11px}.upgrade-btn:hover{color:var(--gold-bright)}.upgrade-btn.maxed{opacity:.35;cursor:default;pointer-events:none}.form-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.form-btn{min-height:26px;padding:3px 8px;color:var(--dim);font-size:10px}.form-btn:hover{color:var(--text)}.form-btn.active{border-color:#4c94adb3;color:#bfe7ef;background:linear-gradient(180deg,rgba(76,148,173,.22),transparent 58%),#121d1f}.form-desc{padding:2px 0;color:var(--dim);font-size:10px;line-height:1.4}body{padding:18px;background:radial-gradient(circle at 50% -10%,rgba(145,47,34,.2),transparent 34%),radial-gradient(circle at 10% 18%,rgba(55,104,132,.13),transparent 28%),linear-gradient(180deg,#090909,#11100f 52%,#080807)}body:before{background:linear-gradient(90deg,rgba(0,0,0,.62),transparent 18%,transparent 82%,rgba(0,0,0,.62)),repeating-linear-gradient(90deg,transparent 0 37px,rgba(255,226,158,.022) 37px 38px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(0,0,0,.16) 31px 32px);opacity:.82}#app{width:min(100%,1380px);gap:0}.hdr,.panel,.battlefield-frame{border-radius:3px;border:1px solid rgba(115,91,57,.86);border-top-color:#bc985bb3;border-bottom-color:#382b1ff2;background:linear-gradient(180deg,rgba(255,239,192,.08),transparent 18%,rgba(0,0,0,.22)),linear-gradient(90deg,#36302899,#0f0d0ce0 18%,#0f0d0ce0 82%,#312521a8),#12100f;box-shadow:0 18px 48px #0000009e,inset 0 1px #fff1ca24,inset 0 -1px #000000db}.hdr{min-height:82px;display:grid;grid-template-columns:minmax(280px,1fr) auto auto auto auto minmax(220px,1fr);gap:10px;align-items:center;padding:9px 18px 10px;margin-bottom:8px;overflow:visible}.hdr:before,.hdr:after,.battlefield-frame:before,.battlefield-frame:after,.panel:before,.panel:after{content:"";position:absolute;width:34px;height:34px;pointer-events:none;background:linear-gradient(135deg,rgba(196,159,86,.8),transparent 38%),linear-gradient(45deg,transparent 52%,rgba(10,8,7,.9) 53%);clip-path:polygon(0 0,100% 0,58% 16%,100% 34%,34% 34%,16% 58%,0 100%);opacity:.72}.hdr:before,.battlefield-frame:before,.panel:before{top:-3px;left:-3px}.hdr:after,.battlefield-frame:after,.panel:after{right:-3px;bottom:-3px;transform:rotate(180deg)}.brand-lockup{position:relative;display:flex;align-items:center;min-width:0}.brand-lockup:after{content:"";height:1px;flex:1;min-width:28px;margin-left:12px;background:linear-gradient(90deg,rgba(185,142,72,.72),transparent)}.emblem{width:58px;height:64px;margin:-7px 8px -6px -6px;filter:drop-shadow(0 0 14px rgba(180,42,28,.35)) drop-shadow(0 3px 4px rgba(0,0,0,.85))}.ht{font-size:clamp(28px,3.4vw,48px);letter-spacing:.045em;color:#e8d7ad;text-shadow:0 2px 0 #080605,0 0 14px rgba(184,46,29,.38),0 0 2px rgba(255,243,199,.8);white-space:nowrap}.hs,.hg,.hhealth{min-height:40px;min-width:82px;justify-content:center;padding:6px 14px;border-radius:2px;border-color:#795b35e6;border-top-color:#c39f5b94;background:linear-gradient(180deg,rgba(255,237,185,.12),transparent 48%),linear-gradient(90deg,#39332ac2,#0d0c0be6),#14110f;color:#cbbd9b;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #fff0c41c,inset 0 -10px 16px #00000047}.hg{color:#e5bb61}.hhealth{min-width:62px;color:#d75b4b}.enemy-vital .hhealth{color:#d98242}.vital{gap:8px}.health-bar-wrap{width:132px;height:8px;border-radius:2px;border-color:#8a6237c2;background:#160d0b}.health-bar{border-radius:1px;box-shadow:inset 0 1px #ffdaa038,0 0 12px #ca2d2329}.hl{min-width:220px;padding:7px 0 7px 14px;color:#8e8372;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.25;text-align:right}.hl:first-letter{color:#b59a65}.battlefield-frame{position:relative;padding:10px;overflow:visible;background:linear-gradient(90deg,rgba(45,76,88,.22),transparent 47%,transparent 53%,rgba(99,36,31,.22)),linear-gradient(180deg,rgba(255,234,178,.07),transparent 18%,rgba(0,0,0,.38)),#0d0c0b}.battlefield-frame:before,.battlefield-frame:after{z-index:3}.battlefield-frame canvas{position:relative;z-index:1}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:#070504c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s ease}.result-overlay.visible{opacity:1;pointer-events:auto}.ro-body{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 40px;text-align:center}.ro-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,60px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1}.ro-title.win{color:var(--gold-bright);text-shadow:0 0 48px rgba(241,207,122,.45),0 2px 4px rgba(0,0,0,.9)}.ro-title.lose{color:#c32;text-shadow:0 0 48px rgba(200,50,28,.45),0 2px 4px rgba(0,0,0,.9)}.ro-stat{font-size:18px;font-weight:700;letter-spacing:.03em}.ro-note{font-size:13px;color:var(--dim);letter-spacing:.02em}.telemetry-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:560px;color:#8f846f;font-size:11px;letter-spacing:.03em}.telemetry-row button{min-height:26px;padding:5px 9px;border-color:#9f7f486b;background:#0f0d0bb8;color:#d5bd82;font-size:10px}.end-footer .telemetry-row{flex:1 1 260px}.ro-btn{margin-top:6px;padding:11px 36px!important;font-size:14px!important}canvas{border-radius:2px;border:1px solid rgba(36,30,25,.98);outline:1px solid rgba(138,108,64,.5);outline-offset:4px;background:#10100f;box-shadow:inset 0 0 0 1px #d6aa5b1f,inset 0 0 42px #00000094,0 0 0 1px #000000b3,0 16px 36px #0000008c}.panel{position:relative;margin-top:8px;padding:18px 22px 20px;min-height:188px;background:radial-gradient(circle at 50% -16px,rgba(141,111,62,.18),transparent 20%),linear-gradient(180deg,rgba(255,232,179,.06),transparent 16%),linear-gradient(90deg,#1e1c18eb,#0c0b0af2),#11100f}.slabel{margin-bottom:9px;color:#b8914c;font-family:Georgia,Times New Roman,serif;font-size:15px;letter-spacing:.1em;text-shadow:0 1px 0 #060504}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.card{min-height:132px;justify-content:flex-end;gap:6px;padding:12px 9px 11px;border-radius:2px;border-color:#6f4f2bdb;border-top-color:#b88f4eb8;background:linear-gradient(180deg,#ffe9b814,#00000014 35%,#00000061),radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--card-unit, #6a9a40),transparent 72%),transparent 42%),#151310;box-shadow:inset 0 0 0 1px #ffedbe0a,inset 0 -18px 26px #00000052,0 8px 16px #00000061}.card:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(205,158,82,.16);pointer-events:none}.card:hover{border-color:#e2b563db;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffedbe12,0 0 22px #c1884426,0 10px 18px #00000073}.card.sel{border-color:#6fcddfe6;background:linear-gradient(180deg,#76d3e42e,#0000001a 42%,#00000070),radial-gradient(circle at 50% 26%,rgba(90,185,207,.24),transparent 46%),#121819;box-shadow:0 0 0 1px #4c94ad52,0 0 24px #4c94ad2e}.card.off{opacity:.42;filter:saturate(.55)}.unit-portrait{width:64px;height:64px;border-radius:2px;border-color:color-mix(in srgb,var(--unit),#f5d992 24%);background:radial-gradient(circle at 50% 42%,rgba(255,244,218,.13),transparent 34%),radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--unit),transparent 48%) 0 38%,transparent 39%),linear-gradient(180deg,rgba(255,239,198,.12),transparent 46%),linear-gradient(135deg,color-mix(in srgb,var(--unit),#111 10%),color-mix(in srgb,var(--unit),#000 58%))}.unit-portrait svg{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.uname{color:#cfc0a4;font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.ucost{color:#e4b24f;font-family:Georgia,Times New Roman,serif;font-size:14px}.army-grid{min-height:32px;gap:7px}.atag{min-height:32px;border-radius:2px;border-color:#795b358c;background:linear-gradient(180deg,rgba(255,230,180,.06),transparent 52%),#0c0b0ae0}button{border-radius:2px;border-color:#7d5c33d1;border-top-color:#bf9756a6;background:linear-gradient(180deg,rgba(255,229,175,.12),transparent 52%,rgba(0,0,0,.22)),#151310;font-family:Georgia,Times New Roman,serif;letter-spacing:.045em;text-transform:uppercase}.bp{border-color:#5b9babcc;background:linear-gradient(180deg,rgba(104,190,216,.18),transparent 54%,rgba(0,0,0,.22)),#10191b}.upgrade-modal,.tip{border-radius:2px;border-color:#795b359e;background:linear-gradient(180deg,rgba(255,232,179,.06),transparent 44%),#0a0908e0}@media (max-width: 720px){body{padding:8px}.hdr{grid-template-columns:1fr 1fr;gap:7px;padding:9px;min-height:0}.brand-lockup{grid-column:1 / -1}.emblem{width:44px;height:50px;margin-right:6px}.ht{width:auto;font-size:30px}.hs,.hg,.vital{min-width:0}.vital{justify-content:space-between}.hhealth{min-width:56px}.hl{grid-column:1 / -1;min-width:100%;text-align:left;white-space:normal}.health-bar-wrap{width:76px}.battlefield-frame{padding:7px}.panel{padding:13px 12px 15px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.card{min-height:116px}.unit-portrait{width:52px;height:52px}}#app{width:min(100%,1240px)}.hdr{min-height:66px;grid-template-columns:minmax(260px,.9fr) auto auto auto auto minmax(190px,1fr);gap:8px;padding:7px 13px}.brand-lockup:after{min-width:18px;margin-left:8px;opacity:.65}.emblem{width:44px;height:50px;margin:-4px 8px -4px -2px}.ht{font-size:clamp(24px,2.4vw,36px);letter-spacing:.035em}.hs,.hg,.hhealth{min-height:34px;min-width:70px;padding:5px 10px;font-size:13px}.hhealth{min-width:54px}.health-bar-wrap{width:118px;height:7px}.hl{min-width:190px;padding-left:8px;font-size:12px}.battlefield-frame{padding:8px}.hdr:before,.hdr:after,.battlefield-frame:before,.battlefield-frame:after,.panel:before,.panel:after{width:24px;height:24px;opacity:.46}canvas{outline-offset:3px}.panel{min-height:156px;padding:15px 18px 17px}.slabel{margin-bottom:8px;font-size:13px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.card{min-height:112px;padding:10px 7px 9px}.unit-portrait{width:50px;height:50px}.unit-portrait svg{top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.uname{font-size:11px}.ucost{font-size:12px}@media (max-width: 720px){#app{width:100%}.hdr{grid-template-columns:1fr 1fr}.ht{font-size:27px}.health-bar-wrap{width:70px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.card{min-height:104px}.unit-portrait{width:46px;height:46px}}.hdr,.panel,.battlefield-frame{box-shadow:0 10px 24px #00000094,inset 0 1px #fff1ca21,inset 0 -1px #000000d6}.emblem{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.ht{text-shadow:0 2px 0 #080605,0 0 2px rgba(255,243,199,.72)}.health-bar,.card.sel,.card:hover{box-shadow:inset 0 1px #fff0c41f,0 3px 10px #0006}.unit-portrait svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.72))}.card{min-height:108px;padding:9px 8px 8px;gap:5px;background:linear-gradient(180deg,rgba(232,195,126,.07),transparent 28%,rgba(0,0,0,.34)),#12110f}.card:before{top:4px;right:4px;bottom:4px;left:4px;border-color:#cd9e5233}.unit-portrait{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(214,172,96,.42);background:linear-gradient(180deg,rgba(255,238,190,.08),transparent 46%),linear-gradient(135deg,color-mix(in srgb,var(--unit),#ffffff 8%),color-mix(in srgb,var(--unit),#000000 58%)),#171513;box-shadow:inset 0 0 0 1px #0000006b,inset 0 -10px 14px #00000047}.unit-portrait:after{right:3px;bottom:3px;width:12px;height:3px;border-radius:0;box-shadow:none}.unit-code{color:#fff6def0;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:900;letter-spacing:.04em;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.88)}.card.off .unit-portrait{background:linear-gradient(180deg,rgba(255,238,190,.04),transparent 50%),#141312}.uname{max-width:100%;color:#d7c8aa;font-size:11px;line-height:1.05;overflow-wrap:anywhere}.ucost{color:#e4b85d;font-size:12px}.atag .unit-portrait{width:22px;height:22px}.atag .unit-code{font-size:9px;letter-spacing:0}.end-screen{position:relative;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:18px;align-items:center;min-height:150px;padding:18px 20px;overflow:hidden;border:1px solid rgba(177,139,75,.46);background:linear-gradient(90deg,rgba(116,151,92,.16),transparent 44%),radial-gradient(circle at 12% 50%,rgba(145,200,117,.18),transparent 28%),#0808079e}.end-screen:before,.end-screen:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;border:1px solid rgba(226,188,104,.12)}.end-screen:after{inset:auto 18px 16px 18px;height:1px;border:0;background:linear-gradient(90deg,transparent,rgba(145,200,117,.52),transparent)}.end-mark{width:70px;height:78px;border:1px solid rgba(226,188,104,.55);background:linear-gradient(135deg,transparent 0 42%,rgba(231,209,150,.9) 42% 48%,transparent 48%),linear-gradient(45deg,transparent 0 36%,rgba(145,200,117,.86) 36% 45%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(145,200,117,.78) 0 16%,rgba(9,8,7,.92) 17% 32%,transparent 33%),#11100e;clip-path:polygon(50% 0,88% 13%,100% 40%,78% 100%,22% 100%,0 40%,12% 13%);box-shadow:inset 0 0 0 4px #00000059}.end-kicker{color:#b8914c;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.end-title{margin-top:4px;color:#9bd27d;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1;text-shadow:0 2px 0 #060604}.end-subtitle{margin-top:8px;color:#a99c84;font-size:13px}.end-stats{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px}.end-stats div{min-height:58px;padding:8px 10px;border:1px solid rgba(177,139,75,.36);background:#0c0b0ac7;text-align:center}.end-stats span{display:block;color:#e7d39b;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:900;line-height:1}.end-stats small{display:block;margin-top:5px;color:#7e7463;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.end-action{align-self:center;min-width:126px}@media (max-width: 840px){.end-screen{grid-template-columns:auto 1fr}.end-stats,.end-action{grid-column:1 / -1}}:root{--blood: #8f2d24;--blood-bright: #d65a42;--ember: #d8913b;--bone: #efe0bd;--verdigris: #6ab2ba;--night: #070706}body{background:radial-gradient(circle at 50% -18%,rgba(166,46,30,.2),transparent 30%),radial-gradient(circle at 12% 18%,rgba(66,121,131,.13),transparent 29%),radial-gradient(circle at 86% 24%,rgba(133,74,35,.13),transparent 32%),linear-gradient(180deg,#0a0908,#11100e 44%,#060605)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 40%,transparent 0 44%,rgba(0,0,0,.58) 100%),linear-gradient(90deg,rgba(0,0,0,.72),transparent 20%,transparent 80%,rgba(0,0,0,.72))}.hdr,.panel,.battlefield-frame{border-color:#7e5e36eb;background:linear-gradient(180deg,rgba(255,238,190,.09),transparent 18%,rgba(0,0,0,.34)),linear-gradient(90deg,#1f1c17f2,#0a0908f5 22%,#0a0908f5 78%,#231815f2),#0d0c0b;box-shadow:0 16px 34px #000000a3,inset 0 1px #fff1ca29,inset 0 0 0 1px #0000007a,inset 0 -18px 28px #00000057}.hdr{isolation:isolate}.hdr:before,.hdr:after,.battlefield-frame:before,.battlefield-frame:after,.panel:before,.panel:after{opacity:.68;background:linear-gradient(135deg,rgba(218,174,89,.82),rgba(98,65,34,.42) 44%,transparent 45%),linear-gradient(45deg,transparent 52%,rgba(5,4,4,.94) 53%)}.brand-lockup:before{content:"";position:absolute;inset:auto 10px -8px 58px;height:1px;background:linear-gradient(90deg,rgba(137,40,31,.8),rgba(216,145,59,.46),transparent)}.ht{color:var(--bone);text-shadow:0 2px 0 #050403,0 0 2px rgba(255,248,220,.85),0 0 16px rgba(142,40,30,.25)}.hs,.hg,.hhealth{border-color:#8d6534b8;background:linear-gradient(180deg,rgba(255,237,184,.12),transparent 42%),linear-gradient(135deg,#2e271ec7,#0c0a09f0),#11100e}.hg{color:#f0c86a}.hhealth{color:#e36a55}.enemy-vital .hhealth{color:#e08c48}.health-bar-wrap{box-shadow:inset 0 1px 4px #000000c2,0 0 0 1px #00000094}.battlefield-frame{background:radial-gradient(circle at 50% 50%,rgba(216,145,59,.08),transparent 42%),linear-gradient(90deg,rgba(36,82,93,.18),transparent 45%,transparent 55%,rgba(115,38,32,.2)),linear-gradient(180deg,rgba(255,234,178,.08),transparent 20%,rgba(0,0,0,.42)),#080807}canvas{outline-color:#a7793f9e;box-shadow:inset 0 0 0 1px #ddb1651f,inset 0 0 50px #000000a8,0 0 0 1px #000000d1,0 16px 34px #0009}.panel{background:radial-gradient(circle at 8% -8%,rgba(105,174,184,.08),transparent 22%),radial-gradient(circle at 92% -12%,rgba(142,40,30,.1),transparent 24%),linear-gradient(180deg,rgba(255,232,179,.06),transparent 18%),linear-gradient(90deg,#161512f5,#080807fa),#0c0b0a}.deploy-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(430px,1.28fr);gap:16px;align-items:start}.command-band{position:relative;min-width:0}.command-band:before{content:"";display:block;height:1px;margin:0 0 11px;background:linear-gradient(90deg,rgba(213,164,81,.48),rgba(106,178,186,.2),transparent)}.shop-band:before{background:linear-gradient(90deg,rgba(213,164,81,.48),rgba(143,45,36,.22),transparent)}.slabel{color:#c7a15a;letter-spacing:.09em}.slabel span{display:inline-block;margin-left:8px;color:#7f7461;font:700 10px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none}.army-grid{gap:8px}.empty-note,.muted-line,.warn-line,.stat-preview,.unit-statline{display:block;color:#817765;font-size:11px;line-height:1.45}.warn-line{color:#a98943}.stat-preview{margin-top:3px;color:#706856;font-size:10px}.unit-statline{margin-bottom:8px;color:#786f5f;font-size:10px}.empty-note{padding:8px 10px;border-left:2px solid rgba(128,99,55,.62);background:#05050452}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.card{min-height:118px;border-color:#7c582ed1;background:linear-gradient(180deg,rgba(238,210,150,.08),transparent 28%,rgba(0,0,0,.42)),radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--card-unit, #6a9a40),transparent 75%),transparent 45%),linear-gradient(135deg,#211d18eb,#0c0b0af5),#11100e}.card:after{content:"";position:absolute;inset:auto 12px 32px 12px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-unit, #d6a84a),transparent 24%),transparent);opacity:.6;pointer-events:none}.card.sel{border-color:#6ab2bae6;background:linear-gradient(180deg,rgba(111,205,223,.2),transparent 30%,rgba(0,0,0,.43)),radial-gradient(circle at 50% 30%,rgba(106,178,186,.24),transparent 46%),#111819}.unit-portrait{position:relative;--glyph-pad: 6px;color:var(--bone);border-color:color-mix(in srgb,var(--unit),#e5bd71 38%);background:radial-gradient(circle at 50% 42%,rgba(255,238,190,.12),transparent 33%),linear-gradient(180deg,rgba(255,238,190,.1),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--unit),#f7dd9b 10%),color-mix(in srgb,var(--unit),#030303 64%)),#12100f}.unit-portrait:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,234,176,.12);pointer-events:none}.unit-glyph{position:absolute;top:var(--glyph-pad);left:var(--glyph-pad);width:calc(100% - (var(--glyph-pad) * 2));height:calc(100% - (var(--glyph-pad) * 2));display:block;object-fit:contain;object-position:center;color:color-mix(in srgb,var(--unit),#1a0c0a 32%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.7));pointer-events:none}.unit-code{position:absolute;right:5px;bottom:5px;z-index:2;padding:1px 3px 0;border:1px solid rgba(0,0,0,.45);background:#0505048f;color:#fff6dee6;font-size:9px}.atag{border-color:#7e5e36ad}.atag.sel{border-color:#d8913be6;background:linear-gradient(180deg,rgba(216,145,59,.12),transparent 56%),#0d0b09f0}.atag .unit-portrait{overflow:hidden;--glyph-pad: 3px}.atag .unit-glyph{top:var(--glyph-pad);left:var(--glyph-pad);width:calc(100% - (var(--glyph-pad) * 2));height:calc(100% - (var(--glyph-pad) * 2))}.atag .unit-code{display:none}.order-block{margin-top:8px}.mini-label{margin-bottom:5px;color:#81745f;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.form-btn.active,.speed-btn.active{border-color:#6ab2bacc;color:#c6eef2;background:linear-gradient(180deg,rgba(106,178,186,.24),transparent 58%),#10191a}button:focus-visible,.card:focus-visible,.atag:focus-visible{outline:2px solid rgba(239,200,116,.88);outline-offset:2px}.btn-ico{width:14px;height:14px;flex:0 0 auto;object-fit:contain;border-radius:2px}.speed-ico{width:13px;height:13px}.hud-ico{width:15px;height:15px;margin-right:5px;flex:0 0 auto;object-fit:contain;border-radius:2px;vertical-align:middle}.hud-v{display:inline-block;vertical-align:middle}.png-icons .unit-portrait{--glyph-pad: 8px}.png-icons .shop-grid .card .unit-portrait,.png-icons .pack-portraits .unit-portrait{width:65px;height:65px;--glyph-pad: 4px}.png-icons .shop-grid .card .unit-glyph,.png-icons .pack-portraits .unit-glyph{top:var(--glyph-pad);left:var(--glyph-pad);width:calc(100% - (var(--glyph-pad) * 2));height:calc(100% - (var(--glyph-pad) * 2));transform:none}.png-icons .atag .unit-portrait{--glyph-pad: 2px}.png-icons .btn-ico{width:18px;height:18px}.png-icons .speed-ico{width:16px;height:16px}.png-icons .hud-ico{width:20px;height:20px;margin-right:6px}.command-actions{justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(172,128,62,.2)}.battle-watch{min-height:72px;padding:12px 14px;border-left:3px solid rgba(106,178,186,.55);background:linear-gradient(90deg,rgba(106,178,186,.09),transparent 54%),#0606055c;color:#a99c84;font-family:Georgia,Times New Roman,serif}.battle-watch strong,.battle-watch small,.battle-watch span{display:block}.battle-watch strong{color:#d9cfb2;font-size:14px;letter-spacing:.03em}.battle-watch small{margin-top:5px;color:#9c8f78;font-size:12px;line-height:1.45}.battle-watch.pending{border-left-color:#b08343ad;background:linear-gradient(90deg,rgba(255,225,171,.09),transparent 54%),#0606055c}.battle-watch.confirm{border-left-color:#6ab2bae6;background:linear-gradient(90deg,rgba(106,178,186,.16),transparent 54%),#06060566;box-shadow:inset 0 0 0 1px #6ab2ba2e}.result-banner{min-height:76px;padding:12px 14px;border:1px solid rgba(177,139,75,.3);background:linear-gradient(90deg,rgba(145,200,117,.1),transparent),#0707067a}.result-banner.lost{background:linear-gradient(90deg,rgba(143,45,36,.14),transparent),#0707067a}.damage-note{color:#df8750;font-size:13px;font-weight:800}.loss-screen{background:linear-gradient(90deg,rgba(143,45,36,.18),transparent 44%),radial-gradient(circle at 12% 50%,rgba(214,90,66,.12),transparent 28%),#0808079e}.loss-screen .end-title{color:#db6953}.loss-screen .end-mark{background:linear-gradient(135deg,transparent 0 42%,rgba(231,209,150,.84) 42% 48%,transparent 48%),linear-gradient(45deg,transparent 0 36%,rgba(214,90,66,.9) 36% 45%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(214,90,66,.78) 0 16%,rgba(9,8,7,.92) 17% 32%,transparent 33%),#11100e}.result-overlay .end-screen{width:min(calc(100% - 28px),700px);min-height:0;grid-template-columns:auto minmax(180px,1fr);gap:14px;padding:16px 18px}.result-overlay .end-stats,.result-overlay .end-action{grid-column:1 / -1}.result-overlay .end-action{justify-self:center}@media (max-width: 720px){.slabel span{display:block;margin:4px 0 0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.card{min-height:108px}.unit-portrait{--glyph-pad: 5px}.atag .unit-portrait{--glyph-pad: 2px}.png-icons .unit-portrait{--glyph-pad: 7px}.png-icons .shop-grid .card .unit-portrait,.png-icons .pack-portraits .unit-portrait{width:65px;height:65px;--glyph-pad: 4px}.png-icons .shop-grid .card .unit-glyph,.png-icons .pack-portraits .unit-glyph{top:var(--glyph-pad);left:var(--glyph-pad);width:calc(100% - (var(--glyph-pad) * 2));height:calc(100% - (var(--glyph-pad) * 2));transform:none}.png-icons .atag .unit-portrait{--glyph-pad: 2px}.command-actions{justify-content:stretch}.command-actions button{flex:1 1 140px}}.start-screen{display:flex;flex-direction:column;gap:20px;padding:4px 0 8px}.start-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.start-menu-card{display:grid;gap:10px;min-height:220px;padding:20px;border:1px solid rgba(172,128,62,.28);background:linear-gradient(180deg,rgba(255,236,188,.05),transparent 30%),#090807c2;text-align:left}.start-menu-card.online{border-color:#4c94ad57;background:linear-gradient(180deg,rgba(95,178,204,.08),transparent 30%),#080b0dcc}.start-menu-kicker{color:#d1ad6a;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.start-menu-card strong{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.05;text-transform:uppercase}.start-menu-card small{color:#9c8c78;font-size:14px;line-height:1.5}.start-route-card{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:14px 18px;align-items:center;padding:16px 18px;border:1px solid rgba(172,128,62,.2);background:linear-gradient(180deg,rgba(255,236,188,.04),transparent 30%),#0b0a09b8}.start-route-card.online{border-color:#4c94ad3d;background:linear-gradient(180deg,rgba(95,178,204,.07),transparent 30%),#090d0fc7}.start-route-copy{display:grid;gap:4px}.start-route-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.start-route-status span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid rgba(221,177,101,.16);background:#0707066b;color:#bda88a;font-size:12px;font-weight:700;letter-spacing:.03em}.start-header{text-align:center;padding:2px 0 4px;border-bottom:1px solid rgba(172,128,62,.2)}.start-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2.2vw,24px);font-weight:700;color:var(--bone);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 0 #050403,0 0 14px rgba(142,40,30,.22)}.start-subtitle{margin-top:6px;color:#7a7062;font-family:Georgia,Times New Roman,serif;font-size:12px;letter-spacing:.02em}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pack-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 12px 12px;cursor:pointer;border:1px solid rgba(124,88,46,.82);border-top-color:#b88f4eb8;border-radius:2px;background:linear-gradient(180deg,rgba(238,210,150,.07),transparent 28%,rgba(0,0,0,.42)),linear-gradient(135deg,#211d18eb,#0c0b0af5),#11100e;box-shadow:inset 0 1px #ffedbe0f,0 6px 14px #00000061;transition:transform .1s,border-color .1s,box-shadow .1s}.pack-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(205,158,82,.14);pointer-events:none}.pack-card:hover{border-color:#e2b563db;transform:translateY(-2px);box-shadow:inset 0 1px #ffedbe17,0 0 20px #c1884424,0 10px 18px #00000070}.pack-card.sel{border-color:#6ab2bae6;background:linear-gradient(180deg,rgba(111,205,223,.18),transparent 30%,rgba(0,0,0,.43)),radial-gradient(circle at 50% 20%,rgba(106,178,186,.2),transparent 46%),#111819;box-shadow:0 0 0 1px #4c94ad52,0 0 24px #4c94ad26,0 8px 16px #00000061}.pack-name{font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700;color:#d7c8aa;text-transform:uppercase;letter-spacing:.07em;line-height:1.15}.pack-card.sel .pack-name{color:#c4eef3}.pack-portraits{display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start}.pack-unit-list{display:flex;flex-wrap:wrap;gap:3px 6px;margin-top:2px}.pack-unit-name{color:#7a7062;font-size:10px;letter-spacing:.02em}.pack-unit-lvl{color:#a98943;font-size:9px}.pack-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid rgba(100,74,40,.4)}.pack-count{color:#5c5549;font-size:10px}.pack-cost{color:#c9a04e;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:700}.start-actions{display:flex;justify-content:center;padding-top:4px;border-top:1px solid rgba(172,128,62,.2)}.start-actions.split{justify-content:space-between;align-items:center;gap:12px}.start-begin{min-width:280px;padding:10px 28px!important;font-size:13px!important;letter-spacing:.08em}@media (max-width: 980px){.start-menu-grid,.start-route-card{grid-template-columns:1fr}.start-route-status{justify-content:flex-start}.pack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.start-menu-grid{grid-template-columns:1fr}.start-actions.split{flex-direction:column;align-items:stretch}.pack-grid{grid-template-columns:1fr}}.hdr{grid-template-columns:minmax(280px,1.05fr) minmax(112px,auto) minmax(176px,auto) minmax(420px,1.15fr);grid-template-areas:"brand round gold phase" "brand player enemy actions";gap:8px 12px;align-items:stretch}.hud-chip{display:flex;min-width:110px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:8px 14px}.brand-lockup{grid-area:brand;min-width:0;overflow:hidden;padding-right:4px}.brand-lockup:after{margin-left:12px;opacity:.4}.emblem{width:40px;height:46px;margin-right:7px}.ht{font-size:clamp(21px,2.35vw,31px);letter-spacing:.028em}.hs{grid-area:round}.hg{grid-area:gold;min-width:160px}.hud-k,.vital-label{color:#8d7b61;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hud-main{display:inline-flex;align-items:center;gap:7px;color:var(--bone);font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:900;line-height:1}.hs .hud-main{color:#e2d4b4}.hg .hud-main{color:#f0c86a}.phase-banner{grid-area:phase;position:relative;display:flex;min-width:0;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(134,101,56,.74);border-top-color:#c69d5b80;background:linear-gradient(90deg,#4f82911f,#94362824),linear-gradient(180deg,rgba(255,237,184,.09),transparent 52%),#0b0a09e6;box-shadow:inset 0 1px #fff0c414}.hud-actions{grid-area:actions;display:flex;align-items:stretch;justify-content:flex-end;min-width:0}.top-action-row{display:flex;flex-wrap:wrap;gap:8px;width:100%;align-items:stretch;justify-content:flex-end}.top-action-btn{min-height:40px;padding:8px 14px;font-size:11px}.battle-speed-row{justify-content:flex-start}.phase-banner:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(214,168,74,.1);pointer-events:none}.phase-badge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:5px 10px;border:1px solid rgba(108,177,186,.42);background:#0b181bd1;color:#bfe8ee;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.phase-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:2px}.phase-title{color:var(--bone);font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:800;letter-spacing:.02em;line-height:1.02;text-wrap:balance}.phase-sub{color:#90836e;font-size:10px;line-height:1.3}.vital{min-width:0;padding:8px 12px;border:1px solid rgba(134,101,56,.74);border-top-color:#c69d5b75;background:linear-gradient(180deg,rgba(255,237,184,.08),transparent 48%),#0c0a09e0}.player-vital{grid-area:player}.enemy-vital{grid-area:enemy}.vital-copy{display:flex;min-width:70px;flex-direction:column;gap:3px}.hhealth{min-width:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:18px;letter-spacing:.02em}.health-bar-wrap{flex:1 1 auto;min-width:88px;height:7px}.battlefield-frame{margin-top:8px;overflow:hidden}.battlefield-scrim{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:2;pointer-events:none;border-radius:2px;background:linear-gradient(90deg,rgba(32,73,87,.18),transparent 45%,transparent 55%,rgba(107,34,28,.2)),radial-gradient(circle at 50% 50%,rgba(224,176,88,.06),transparent 45%),#0707062e;opacity:0;transition:opacity .24s ease}.battlefield-frame canvas{transition:filter .24s ease,transform .24s ease}.result-overlay{z-index:4}body[data-phase=start] .battlefield-scrim,body[data-phase=deploy] .battlefield-scrim{opacity:1}body[data-phase=start] .battlefield-frame canvas{opacity:0;pointer-events:none}body[data-phase=deploy] .battlefield-frame canvas{filter:saturate(.82) brightness(.88) contrast(1.02)}body[data-phase=start] .panel,body[data-phase=deploy] .panel{box-shadow:0 18px 38px #000000a8,inset 0 1px #fff1ca29,inset 0 0 0 1px #00000080,inset 0 0 0 1px #d6a84a14}.panel{margin-top:10px;padding:20px 24px 22px}.command-band{padding:16px 16px 18px;border:1px solid rgba(124,88,46,.38);background:linear-gradient(180deg,rgba(255,232,179,.04),transparent 24%),#07070657}.warhost-band{background:linear-gradient(135deg,rgba(72,129,143,.08),transparent 42%),#0707064d}.shop-band{background:linear-gradient(135deg,rgba(152,65,44,.08),transparent 40%),#0707064d}.slabel{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.slabel span{color:#8d7b61;font-size:11px}.shop-grid{gap:12px}.card{min-height:126px;gap:7px;padding:12px 10px 10px}.card:after{inset:auto 10px 36px 10px}.shop-grid .unit-portrait{width:58px;height:58px}.unit-code{padding:2px 4px 1px;font-size:10px;letter-spacing:.08em}.role-infantry{--role-accent: #709064}.role-ranged{--role-accent: #8ba55d}.role-cavalry{--role-accent: #b87b39}.role-tank{--role-accent: #b6a277}.role-siege{--role-accent: #b55c42}.role-brawler{--role-accent: #aa4d44}.role-caster{--role-accent: #7565b5}.role-flier{--role-accent: #57a19d}.role-support{--role-accent: #79a880}.unit-portrait{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-accent, var(--unit)),transparent 56%),inset 0 -10px 14px #00000047}.unit-code{background:color-mix(in srgb,var(--role-accent, #111),rgba(5,5,4,.92) 74%)}.atag{min-height:38px;gap:6px;padding:5px 10px}.atag .unit-portrait{width:24px;height:24px}.command-actions{margin-top:14px;padding-top:14px}.start-screen{gap:24px;padding:8px 4px 6px}.start-header{display:flex;flex-direction:column;gap:8px;max-width:760px;margin:0 auto;padding-bottom:14px}.start-title{font-size:clamp(24px,2.8vw,36px);letter-spacing:.12em}.start-subtitle{max-width:640px;margin:0 auto;color:#958772;font-size:14px;line-height:1.5}.pack-grid{gap:14px}.pack-card{gap:12px;min-height:294px;padding:16px 16px 14px;background:linear-gradient(180deg,rgba(238,210,150,.08),transparent 22%,rgba(0,0,0,.46)),linear-gradient(145deg,#231e19f5,#0a0a09fa),#0f0e0d}.pack-card:hover,.pack-card.sel{transform:translateY(-3px)}.pack-card.sel{box-shadow:0 0 0 1px #4c94ad57,0 0 30px #4c94ad29,0 14px 24px #00000075}.pack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pack-name{font-size:15px;letter-spacing:.09em}.pack-summary{margin-top:5px;color:#bca987;font-size:12px;font-weight:700;letter-spacing:.03em}.pack-badge{flex:0 0 auto;padding:5px 7px 4px;border:1px solid rgba(192,148,72,.32);background:#14120fd1;color:#cdae6c;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pack-portraits{gap:8px}.pack-portraits .unit-portrait{width:68px;height:68px}.pack-traits{display:flex;flex-wrap:wrap;gap:6px}.pack-trait{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(121,91,53,.42);background:#0d0b0ac2;color:#c8b089;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pack-plan{color:#988973;font-size:12px;line-height:1.45}.pack-unit-list{gap:6px 8px}.pack-unit-name{color:#7f7465;font-size:11px}.pack-footer{padding-top:10px}.pack-count{color:#867a68;font-size:11px}.start-actions{padding-top:10px}.start-begin{min-width:320px;min-height:46px}@media (max-width: 1180px){.hdr{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand round gold" "phase phase phase" "actions actions actions" "player enemy enemy"}}@media (max-width: 720px){.hdr{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "round gold" "phase phase" "actions actions" "player enemy";gap:8px}.hud-chip,.vital{padding:8px 10px}.hg,.hud-chip{min-width:0}.phase-banner{align-items:flex-start;flex-direction:column}.top-action-row{justify-content:stretch}.top-action-btn{flex:1 1 140px}.phase-title{font-size:17px}.phase-sub{white-space:normal}.panel{padding:16px 14px 18px}.command-band{padding:14px}.pack-card{min-height:0;padding:14px}.pack-portraits .unit-portrait{width:60px;height:60px}.start-begin{min-width:100%}}.result-overlay{padding:20px;background:radial-gradient(circle at 50% 50%,#07070638,#070504db),#070504d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-overlay .end-screen{width:min(calc(100% - 12px),880px);min-height:0;display:grid;grid-template-columns:1fr;gap:18px;padding:26px 28px 24px;border:1px solid rgba(177,139,75,.36);background:radial-gradient(circle at 12% 20%,rgba(145,200,117,.14),transparent 24%),linear-gradient(135deg,#141d13e0,#080807f0 58%,#140e0be6),#080807e6;box-shadow:0 24px 40px #00000085,inset 0 1px #fff1ca1a,inset 0 0 0 1px #00000057}.result-overlay .end-screen:before{top:12px;right:12px;bottom:12px;left:12px;border-color:#e2bc681a}.result-overlay .end-screen:after{display:none}.end-hero{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center}.end-seal-frame{position:relative;display:grid;place-items:center;width:104px;height:120px;border:1px solid rgba(188,152,91,.38);background:radial-gradient(circle at 50% 40%,rgba(145,200,117,.18),transparent 54%),linear-gradient(180deg,rgba(255,237,184,.08),transparent 36%),#0b0a09e6;box-shadow:inset 0 1px #fff1ca14}.end-seal-frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(226,188,104,.12);pointer-events:none}.end-seal{width:72px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(145,200,117,.12))}.end-copy{min-width:0}.end-kicker{margin-bottom:6px;color:#c7a15a;font-size:13px;letter-spacing:.16em}.end-title{margin-top:0;color:#bfe08f;font-size:clamp(34px,4.8vw,60px);line-height:.96;text-wrap:balance}.end-subtitle{margin-top:10px;max-width:60ch;color:#aaa08d;font-size:16px;line-height:1.45}.end-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.end-stat,.end-stats div{min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid rgba(177,139,75,.24);background:linear-gradient(180deg,rgba(255,239,192,.05),transparent 28%),#090908cc;text-align:left}.end-stat span,.end-stats span{color:#f0e2b8;font-size:clamp(28px,3vw,38px)}.end-stat small,.end-stats small{margin-top:8px;color:#827867;font-size:10px;letter-spacing:.12em}.end-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}.end-note{color:#958974;font-size:13px;line-height:1.5}.result-overlay .end-action{justify-self:auto;min-width:156px;min-height:44px;padding:10px 22px!important}.loss-screen{background:radial-gradient(circle at 12% 20%,rgba(214,90,66,.12),transparent 24%),linear-gradient(135deg,#221210e6,#080807f0 58%,#1c0d0ae6),#080807e6}.loss-screen .end-seal{filter:drop-shadow(0 8px 14px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(214,90,66,.12))}.loss-screen .end-title{color:#e18a75}@media (max-width: 720px){.result-overlay{padding:14px}.result-overlay .end-screen{width:min(calc(100% - 4px),880px);gap:16px;padding:18px 18px 20px}.end-hero{grid-template-columns:1fr;gap:14px}.end-seal-frame{width:92px;height:106px}.end-seal{width:64px;height:78px}.end-title{font-size:clamp(28px,8vw,42px)}.end-subtitle{font-size:14px}.end-stats{grid-template-columns:1fr}.end-footer{flex-direction:column;align-items:stretch}.result-overlay .end-action{width:100%}}#mo:empty{display:none}#ho:empty{display:none}#ho{position:fixed;left:0;top:0;z-index:16;pointer-events:none}.hover-card{width:min(280px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;padding:14px 14px 12px;border:1px solid rgba(177,139,75,.34);background:radial-gradient(circle at 10% 16%,rgba(91,155,171,.12),transparent 26%),linear-gradient(145deg,#14181af5,#080807fa 62%,#100d0bf5),#080807f5;box-shadow:0 18px 28px #0000006b,inset 0 1px #fff1ca14}.hover-card.enemy{background:radial-gradient(circle at 10% 16%,rgba(214,90,66,.12),transparent 26%),linear-gradient(145deg,#1c1312f5,#080807fa 62%,#120b0af5),#080807f5}.hover-kicker{color:#b8914c;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hover-title{color:var(--bone);font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:900;line-height:1}.hover-card.enemy .hover-title{color:#efc3b8}.hover-subtitle{color:#958974;font-size:11px;line-height:1.35}.hover-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hover-facts .unit-fact{min-height:54px;padding:8px 9px}.hover-facts .unit-fact span{font-size:16px}.hover-facts .unit-fact small{margin-top:5px;font-size:8px}.hover-note{color:#857967;font-size:10px;line-height:1.45}.unit-modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;align-items:center;justify-content:center;padding:22px;pointer-events:none}.unit-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05040470;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.unit-modal{position:relative;z-index:1;width:min(560px,calc(100vw - 44px));max-height:min(82vh,760px);overflow:auto;display:flex;flex-direction:column;gap:16px;padding:20px 20px 18px;border:1px solid rgba(177,139,75,.4);background:radial-gradient(circle at 12% 18%,rgba(91,155,171,.12),transparent 26%),linear-gradient(145deg,#16191cf5,#080807fa 58%,#110e0bf5),#080807f5;box-shadow:0 24px 48px #0000008f,inset 0 1px #fff1ca14,inset 0 0 0 1px #00000061;pointer-events:auto}.unit-modal.enemy{background:radial-gradient(circle at 12% 18%,rgba(214,90,66,.12),transparent 26%),linear-gradient(145deg,#1e1412f5,#080807fa 58%,#120b0af5),#080807f5}.unit-modal:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(226,188,104,.12);pointer-events:none}.unit-modal-close{position:absolute;top:14px;right:14px;min-height:30px;padding:6px 10px;font-size:10px}.unit-modal-head{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center;padding-right:72px}.unit-modal-portrait{display:grid;place-items:center}.unit-modal-portrait .unit-portrait{width:78px;height:78px}.unit-modal-copy{min-width:0}.unit-modal-kicker{color:#b8914c;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.unit-modal-title{margin-top:5px;color:var(--bone);font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,4vw,34px);font-weight:900;line-height:1}.unit-modal.enemy .unit-modal-title{color:#efc3b8}.unit-modal-subtitle{margin-top:7px;color:#968975;font-size:12px;line-height:1.4}.unit-modal-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.unit-fact{min-height:70px;display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border:1px solid rgba(177,139,75,.2);background:linear-gradient(180deg,rgba(255,239,192,.04),transparent 30%),#090908c2}.unit-fact span{color:#ead7a5;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:900;line-height:1}.unit-fact small{margin-top:7px;color:#817562;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.unit-modal-body{display:flex;flex-direction:column;gap:10px}.unit-modal-note{color:#918571;font-size:12px;line-height:1.55}.unit-modal .unit-statline,.unit-modal .muted-line,.unit-modal .warn-line,.unit-modal .stat-preview,.unit-modal .form-desc{font-size:12px}.unit-modal .mini-label{margin-bottom:6px}.unit-modal .form-row{gap:6px}.unit-modal-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid rgba(172,128,62,.16)}.unit-modal-actions .upgrade-btn{margin:0}@media (max-width: 720px){.hover-card{width:min(260px,calc(100vw - 28px))}.unit-modal-layer{padding:14px}.unit-modal{width:min(100vw - 28px,560px);max-height:min(86vh,760px);gap:14px;padding:18px 16px 16px}.unit-modal-head{grid-template-columns:1fr;padding-right:54px}.unit-modal-portrait{justify-content:start}.unit-modal-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-modal-actions{flex-direction:column}}.hdr{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(360px,1.2fr) minmax(280px,.9fr);grid-template-areas:"left center right";gap:14px;align-items:stretch;min-height:0;padding:12px 16px}.hud-left,.hud-center,.hud-right{min-width:0;display:flex}.hud-left{grid-area:left;flex-direction:column;justify-content:center;gap:10px}.hud-center{grid-area:center;flex-direction:column;justify-content:center;gap:10px}.hud-right{grid-area:right;display:grid;grid-template-columns:minmax(132px,.95fr) minmax(0,1fr);gap:10px;align-items:stretch}.brand-lockup,.phase-banner,.hud-actions,.player-vital,.enemy-vital,.hs,.hg{grid-area:auto}.brand-lockup{padding-right:0}.brand-lockup:after{margin-left:14px}.hs{width:fit-content;min-width:116px}.hg{min-width:132px}.phase-banner{min-height:70px;justify-content:center;padding:12px 16px;background:linear-gradient(90deg,#385d6829,#7c2e232e),linear-gradient(180deg,rgba(255,237,184,.1),transparent 54%),#0b0a09eb}.phase-copy{align-items:center;text-align:center}.phase-title{font-size:clamp(18px,2vw,26px)}.phase-sub{max-width:34ch;font-size:11px}.hud-actions{align-items:center;justify-content:center;min-height:48px}.top-action-row{justify-content:center}.top-action-btn{min-height:44px;padding:10px 16px;font-size:11px}.top-action-row .bp.top-action-btn{min-width:210px;padding:11px 20px;box-shadow:inset 0 1px #bfeaf324,0 0 0 1px #5b9bab2e,0 8px 18px #00000047}.battle-speed-row .top-action-btn{min-width:86px}.hud-right .hg{grid-column:1;grid-row:1 / span 2;justify-content:center}.player-vital,.enemy-vital{min-width:0}.player-vital{grid-column:2;grid-row:1}.enemy-vital{grid-column:2;grid-row:2}.vital{min-height:0}@media (max-width: 1180px){.hdr{grid-template-columns:minmax(220px,.9fr) minmax(320px,1.1fr);grid-template-areas:"left right" "center center"}.hud-left{justify-content:flex-start}.hud-right{justify-self:stretch}}@media (max-width: 720px){.hdr{grid-template-columns:1fr;grid-template-areas:"left" "center" "right";gap:10px;padding:10px 10px 12px}.hud-right{grid-template-columns:1fr}.hud-right .hg,.player-vital,.enemy-vital{grid-column:auto;grid-row:auto}.phase-banner{align-items:center}.phase-copy{align-items:center;text-align:center}.top-action-row{width:100%}.top-action-btn,.top-action-row .bp.top-action-btn{min-width:0;width:100%;flex:1 1 100%}}.hdr{grid-template-columns:minmax(280px,1fr) minmax(360px,1.2fr) minmax(340px,1fr);gap:12px;padding:10px 14px;align-items:center}.hud-left{flex-direction:row;align-items:center;gap:14px}.brand-lockup:before,.brand-lockup:after{display:none}.emblem{width:34px;height:40px;margin:0 8px 0 0}.ht{font-size:clamp(20px,2.2vw,34px);letter-spacing:.02em}.hud-chip,.vital{min-height:54px;padding:8px 12px;border-color:#7a5c349e;border-top-color:#c0985466;background:linear-gradient(180deg,rgba(255,237,184,.07),transparent 52%),#0d0b0ac2}.hs{flex:0 0 auto;min-width:92px;width:auto}.hud-center{gap:8px;padding:10px 14px 12px;border:1px solid rgba(128,96,55,.58);background:linear-gradient(180deg,rgba(255,237,184,.06),transparent 32%),linear-gradient(90deg,#35586514,#7c2e231a),#0a0908e0;box-shadow:inset 0 1px #fff0c40f}.phase-banner{min-height:0;gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.phase-copy{gap:3px}.phase-title{font-size:clamp(18px,2vw,24px);line-height:.98}.phase-sub{max-width:38ch;font-size:11px}.hud-actions{min-height:0}.top-action-row{width:auto;max-width:100%;justify-content:center}.deploy-action-row{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:8px;width:min(100%,420px)}.top-action-btn{min-height:40px;padding:9px 14px;font-size:11px}.top-main-action{min-width:220px;justify-content:center;box-shadow:inset 0 1px #bfeaf324,0 0 0 1px #5b9bab29,0 6px 16px #00000042}.top-side-action{min-width:92px;justify-content:center}.battle-speed-row{width:min(100%,320px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.battle-speed-row .top-action-btn{min-width:0;justify-content:center}.hud-right{display:flex;align-items:stretch;justify-content:flex-end;gap:8px}.hg{min-width:124px;justify-content:center}.player-vital,.enemy-vital{flex:1 1 0;min-width:0}.vital{gap:10px}.vital-copy{min-width:58px}.hhealth{font-size:17px}.health-bar-wrap{min-width:72px}@media (max-width: 1180px){.hdr{grid-template-columns:minmax(240px,.95fr) minmax(320px,1.1fr);grid-template-areas:"left right" "center center"}.hud-right{justify-content:stretch}}@media (max-width: 720px){.hdr{grid-template-columns:1fr;grid-template-areas:"left" "center" "right";gap:10px;padding:10px}.hud-left,.hud-right{flex-wrap:wrap}.hud-center{padding:10px 12px 12px}.phase-copy{align-items:center;text-align:center}.deploy-action-row,.battle-speed-row{width:100%}.deploy-action-row{grid-template-columns:1fr}.top-main-action,.top-side-action,.battle-speed-row .top-action-btn{width:100%;min-width:0}}#app{gap:6px}.hdr{grid-template-columns:minmax(250px,.92fr) minmax(420px,1.25fr) minmax(320px,.92fr);gap:12px;padding:10px 14px;min-height:88px;background:linear-gradient(180deg,rgba(255,239,192,.06),transparent 24%,rgba(0,0,0,.2)),linear-gradient(90deg,#12110ffa,#070706fa 42%,#100c0bfa),#0a0908}.hud-left{align-items:center;gap:10px}.brand-lockup{flex:1 1 auto;min-width:0}.emblem{width:36px;height:42px;margin-right:9px}.ht{font-size:clamp(22px,2.4vw,36px);line-height:.95}.hud-chip{min-height:42px;padding:7px 11px 8px;border-color:#7054318f;border-top-color:#b9935257;background:linear-gradient(180deg,rgba(255,237,184,.05),transparent 56%),#100e0db8}.hs{min-width:84px}.hud-main{font-size:18px}.hud-center{gap:6px;padding:10px 14px 12px;border:1px solid rgba(122,92,52,.42);background:radial-gradient(circle at 50% -40%,rgba(214,168,74,.12),transparent 60%),linear-gradient(180deg,rgba(255,237,184,.05),transparent 36%),#0b0a09c2}.phase-banner{align-items:center;justify-content:center;min-height:0;padding:0;gap:12px}.phase-copy{gap:2px}.phase-title{font-size:clamp(20px,2.2vw,28px);letter-spacing:.015em;line-height:.96}.phase-sub{max-width:38ch;color:#8f8372;font-size:11px}.phase-badge{min-width:88px;padding:5px 10px;background:#0e1c1fd1}.hud-actions{justify-content:center}.deploy-action-row{grid-template-columns:92px minmax(0,1fr)}.top-action-btn{min-height:42px;font-size:11px}.top-main-action{min-width:0}.top-main-action span{letter-spacing:.08em}.hud-right{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:1fr 1fr;gap:8px;align-items:stretch}.hg{grid-column:1;grid-row:1 / span 2;min-width:0;justify-content:center}.player-vital,.enemy-vital{grid-column:2;min-width:0}.player-vital{grid-row:1}.enemy-vital{grid-row:2}.vital{min-height:42px;gap:8px;padding:7px 10px;background:linear-gradient(180deg,rgba(255,237,184,.04),transparent 54%),#0e0c0bbd}.vital-copy{min-width:56px}.hhealth{font-size:16px}.health-bar-wrap{min-width:86px;height:6px}.battlefield-frame{margin-top:0}.panel{margin-top:0;padding:18px 22px 20px;background:radial-gradient(circle at 50% 0,rgba(141,111,62,.1),transparent 18%),linear-gradient(180deg,rgba(255,232,179,.05),transparent 12%),linear-gradient(90deg,#12110ffa,#080807fa 54%,#0f0c0bfa),#0b0a09}.command-band{padding:14px 14px 16px;background:linear-gradient(180deg,rgba(255,232,179,.03),transparent 24%),#0707063d}.deploy-grid{gap:14px}.start-screen{gap:18px;padding:2px 0 4px}.start-header{max-width:840px;padding:0 0 10px;border-bottom:1px solid rgba(156,117,57,.16)}.start-title{font-size:clamp(15px,1.8vw,20px);color:#c8a45e;letter-spacing:.16em}.start-subtitle{max-width:620px;font-size:13px;color:#8f8270}.pack-grid{gap:12px}.pack-card{min-height:278px;box-shadow:inset 0 1px #ffedbe0d,0 8px 16px #00000057}.battle-watch{min-height:0;padding:10px 0 2px;border-left:0;background:transparent;color:#948875}@media (max-width: 1180px){.hdr{grid-template-columns:minmax(220px,.95fr) minmax(0,1.05fr);grid-template-areas:"left right" "center center";min-height:0}.hud-right{grid-template-columns:110px minmax(0,1fr)}}@media (max-width: 720px){.hdr{grid-template-columns:1fr;grid-template-areas:"left" "center" "right";gap:10px;padding:10px}.hud-left{flex-wrap:wrap}.brand-lockup{flex-basis:100%}.hud-center{padding:10px 12px 12px}.phase-banner{flex-direction:column;gap:8px}.phase-copy{align-items:center;text-align:center}.top-action-row{width:100%}.deploy-action-row,.battle-speed-row{grid-template-columns:1fr}.hud-right{grid-template-columns:1fr;grid-template-rows:auto}.hg,.player-vital,.enemy-vital{grid-column:auto;grid-row:auto}.pack-card{min-height:0}}#app{gap:8px}.hdr{grid-template-columns:minmax(132px,1fr) minmax(420px,760px) minmax(132px,1fr);gap:16px;align-items:center;min-height:78px;padding:12px 18px 10px;background:linear-gradient(180deg,rgba(255,236,191,.07),transparent 28%,rgba(0,0,0,.22)),linear-gradient(90deg,#100e0dfa,#080807fa 46%,#0f0b0afa),#090807}.hud-left{min-width:132px}.brand-lockup{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0}.emblem{width:34px;height:40px;margin-right:10px}.ht{font-size:clamp(20px,2.7vw,33px);line-height:.94;letter-spacing:.03em}.hud-chip{min-height:40px;padding:7px 12px 8px;background:linear-gradient(180deg,rgba(255,236,191,.06),transparent 55%),#0e0c0bc2}.hs{min-width:88px}.hud-main{font-size:20px}.hud-center{display:grid;justify-items:center;gap:8px;padding:0;border:0;background:none}.phase-banner{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;text-align:center}.phase-banner:after{display:none}.phase-copy{align-items:center;gap:3px}.phase-badge{min-width:94px;padding:4px 10px 5px;border-color:#5e84956b;background:linear-gradient(180deg,rgba(163,221,242,.1),transparent 68%),#0d191dd6}.phase-title{font-size:clamp(22px,2.5vw,36px);line-height:.95;letter-spacing:.02em}.phase-sub{max-width:34ch;font-size:11px;color:#8d8070}.hud-actions{justify-content:center;min-height:0}.top-action-row{width:min(100%,430px)}.deploy-action-row{grid-template-columns:106px minmax(0,1fr)}.battle-speed-row{grid-template-columns:repeat(3,minmax(0,1fr))}.top-action-btn{min-height:44px;letter-spacing:.12em}.top-main-action span,.battle-speed-row .top-action-btn span{letter-spacing:.12em}.hud-right{display:flex;justify-content:flex-end;align-items:center;min-width:0}.hud-right .hg{min-width:126px}.battlefield-frame{position:relative;margin-top:0;padding-top:54px;--start-overlay-inset-top: 118px}.board-vitals{position:absolute;top:12px;left:16px;right:16px;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;align-items:start;pointer-events:none}.board-vital{display:grid;gap:8px;width:100%;min-width:0}.board-vital-enemy{justify-items:end}.board-round{display:grid;justify-items:center;align-content:start;gap:2px;min-width:92px;padding:2px 12px 0}.board-round-label{color:#b89c69;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.board-round-value{color:#f0e1c4;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:700;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.45)}.board-vital-copy{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%}.board-vital-label{color:#b79a68;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.board-vital-player .board-vital-label{color:#86b8cf}.board-vital-player .board-vital-copy{justify-content:flex-start}.board-vital-enemy .board-vital-label{color:#d29366;text-align:right}.board-vital-enemy .board-vital-copy{width:max-content;max-width:100%;margin-left:auto;justify-content:flex-end}.board-vital .hhealth{display:inline-grid;grid-template-columns:34px max-content;align-items:center;gap:10px;color:#eedcbe;font-size:26px;font-weight:700;letter-spacing:.04em;line-height:1;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px 14px rgba(0,0,0,.45)}.board-vital .hud-v{display:inline-block;line-height:1;min-width:2ch;transform:translateY(-1px)}.board-vital-player .hhealth{color:#d9edf6}.board-vital-enemy .hhealth{color:#f2d4bf}.board-vital-enemy .hhealth{grid-template-columns:max-content 34px}.board-vital-enemy .hhealth .hud-v{grid-column:1}.board-vital-enemy .hhealth .hud-ico{grid-column:2}.board-vital .hud-ico{width:30px;height:30px;display:block;flex:0 0 auto;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.board-vital-player .hud-ico{filter:hue-rotate(165deg) saturate(.85) brightness(1.08) drop-shadow(0 2px 6px rgba(0,0,0,.35))}.board-health-track{position:relative;width:100%;height:10px;overflow:hidden;border:1px solid rgba(140,103,53,.55);border-radius:999px;background:linear-gradient(180deg,rgba(255,243,217,.07),transparent 55%),#0c0a09eb;box-shadow:inset 0 1px #fff1cc14,inset 0 0 0 1px #00000059,0 4px 12px #00000047}.board-vital-player .board-health-track{border-color:#4d819a9e;background:linear-gradient(180deg,rgba(173,223,243,.08),transparent 55%),#091014f0;box-shadow:inset 0 1px #fff1cc14,inset 0 0 0 1px #00000059,0 0 16px #4776932e}.board-vital-enemy .board-health-track{justify-self:stretch;display:flex;justify-content:flex-end;border-color:#a86739a3;background:linear-gradient(180deg,rgba(255,208,173,.08),transparent 55%),#140d0af0;box-shadow:inset 0 1px #fff1cc14,inset 0 0 0 1px #00000059,0 0 16px #9a482333}.board-health-track .health-bar{height:100%;border-radius:inherit;box-shadow:inset 0 1px #ffe6bc33;transition:width .18s ease,background .18s ease}.panel{margin-top:0;padding:18px 22px 20px}@media (max-width: 1180px){.hdr{grid-template-columns:minmax(120px,1fr) minmax(0,1.1fr) minmax(120px,1fr);gap:12px}.phase-title{font-size:clamp(20px,2.4vw,30px)}}@media (max-width: 860px){.hdr{grid-template-columns:1fr auto;grid-template-areas:"left right" "center center";row-gap:10px}.hud-center{padding-top:2px}.board-vitals{left:12px;right:12px;gap:14px 12px}.board-vital .hhealth{font-size:22px}.board-vital .hud-ico{width:26px;height:26px}.board-round-value{font-size:28px}}@media (max-width: 720px){.hdr{grid-template-columns:1fr;grid-template-areas:"left" "center" "right";gap:10px;padding:10px 12px}.hud-left{display:none}.hud-right{justify-content:center}.phase-sub{max-width:28ch}.top-action-row,.deploy-action-row,.battle-speed-row{width:100%;grid-template-columns:1fr}.battlefield-frame{padding-top:76px}.board-vitals{top:10px;grid-template-columns:1fr;gap:10px}.board-round{order:-1;padding-top:0}.board-vital,.board-vital-enemy{width:100%;justify-items:stretch}.board-vital-copy,.board-vital-enemy .board-vital-copy{flex-direction:row;justify-content:space-between}}.start-overlay{position:absolute;inset:var(--start-overlay-inset-top) 18px 18px;z-index:3;display:none;align-items:stretch;pointer-events:none}.start-overlay.visible{display:flex}.board-start-screen{width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding:18px 20px 20px;overflow:visible;pointer-events:auto;border:1px solid rgba(142,102,53,.48);background:linear-gradient(180deg,rgba(255,240,204,.06),transparent 18%),linear-gradient(90deg,#0a1014e6,#090a09e0 48%,#150b09e6),#080807cc;box-shadow:0 16px 36px #00000080,inset 0 1px #ffefc714,inset 0 0 0 1px #0000005c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.board-start-screen .start-header{display:grid;gap:6px;max-width:none;padding:0 0 12px;border-bottom:1px solid rgba(156,117,57,.2)}.board-start-screen .ai-level-panel{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:14px 18px;align-items:center;padding:2px 0 4px}.ai-level-copy{display:grid;gap:4px}.ai-level-label{color:#d1ad6a;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.ai-level-summary{color:#9c8c78;font-size:13px;line-height:1.45}.ai-level-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ai-level-chip{border:1px solid rgba(153,116,58,.45);background:linear-gradient(180deg,#fff0d20d,#0000002e),#0c0a09b8;color:#bda88a;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .12s ease,color .12s ease,transform .12s ease,background .12s ease}.ai-level-chip:hover{border-color:#b78f4fb8;color:#ead8b8;transform:translateY(-1px)}.ai-level-chip.active{border-color:#6aa8d0d1;background:linear-gradient(180deg,#78badc29,#0000002e),#0a1216e0;color:#e8f5ff;box-shadow:inset 0 0 0 1px #ade0ff24,0 0 0 1px #0000004d}.board-start-screen .start-title{color:#d1ad6a;font-size:clamp(16px,1.6vw,22px);letter-spacing:.18em}.board-start-screen .start-subtitle{max-width:60ch;color:#9c8c78;font-size:13px}.board-start-screen .pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px}.board-start-screen .pack-card{display:grid;grid-template-rows:auto auto auto auto 1fr auto;align-content:start;min-height:384px;padding:14px 14px 12px;background:linear-gradient(180deg,rgba(255,238,197,.04),transparent 28%),#090908b8;box-shadow:inset 0 1px #ffedbe0d,0 10px 20px #00000042}.board-start-screen .pack-plan{min-height:2.8em;color:#988973;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-start-screen .pack-summary{min-height:2.6em;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-start-screen .pack-unit-list{display:none}.board-start-screen .pack-footer{margin-top:0}.board-start-screen .start-actions{margin-top:0;padding-top:12px;border-top:1px solid rgba(156,117,57,.22);justify-content:center}.board-start-screen .start-begin{min-width:min(100%,420px);min-height:56px;padding:14px 28px!important;justify-content:center;font-size:15px!important;letter-spacing:.1em;box-shadow:0 0 0 1px #4c94ad38,0 14px 28px #00000052}.board-start-screen .start-begin span:last-child{text-align:center}body[data-phase=start] .battlefield-frame{padding-top:0;min-height:0}body[data-phase=start] .board-vitals{display:none}body[data-phase=start] .battlefield-scrim{opacity:0}body[data-phase=start] .start-overlay{position:static;inset:auto;display:block}@media (max-width: 1180px){.start-overlay{inset:var(--start-overlay-inset-top) 14px 14px}.board-start-screen .ai-level-panel{grid-template-columns:1fr}.ai-level-row{justify-content:flex-start}.board-start-screen .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.battlefield-frame{--start-overlay-inset-top: 138px}.start-overlay{inset:var(--start-overlay-inset-top) 10px 10px;align-items:stretch}.board-start-screen{padding:14px 14px 16px;overflow:auto}.board-start-screen .pack-grid{grid-template-columns:1fr}.board-start-screen .start-actions{justify-content:center}.board-start-screen .start-begin{min-width:100%}}@media (max-width: 720px){body[data-phase=start] .start-overlay{top:10px;right:10px;bottom:10px;left:10px}body[data-phase=start] .battlefield-frame{min-height:0}}.hdr{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;min-height:0;padding:10px 18px 12px}.hud-crown{width:100%;display:flex;justify-content:center;padding-top:2px}.hud-crown .brand-lockup{display:inline-flex;align-items:center;justify-content:center;gap:12px}.hud-crown .emblem{width:30px;height:36px;margin-right:0}.hud-crown .ht{font-size:clamp(18px,2.2vw,28px);line-height:.95;letter-spacing:.04em}.hud-command-rail{width:min(100%,1180px);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:18px;row-gap:8px}.hud-command-rail .phase-banner{grid-column:2;grid-row:1;justify-self:center}.hud-command-rail .hud-actions{grid-column:2;grid-row:2;justify-self:center}.phase-title{font-size:clamp(20px,2.8vw,30px)}.phase-sub{max-width:42ch}.top-action-row{width:min(100%,660px)}.battlefield-frame{padding-top:82px}.board-vitals{top:10px;left:18px;right:18px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:8px}.board-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;transform:translateY(5px)}.board-status-cluster{display:flex;align-items:center;min-width:0}.board-status-cluster-player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;width:100%}.board-status{display:flex;align-items:center;gap:14px;min-width:0}.board-gold{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:#f0c766;font-size:18px;font-weight:700;letter-spacing:.03em;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.4);transform:translate(-15px)}.board-gold .hud-v{line-height:1}.board-gold .hud-ico{width:20px;height:20px;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.board-round{display:grid;justify-items:center;align-content:center;justify-content:center;padding:0 14px;gap:0;align-self:stretch}.board-round-value{font-size:28px;line-height:1;transform:translateY(0)}.board-round-label-row{align-content:center;transform:translateY(3px)}.board-round-value-row{align-content:center}.board-tracks-row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:18px;margin-top:0}.board-round-value-row .board-round-value{transform:translateY(-4px)}.board-health-track{height:12px}.board-status .board-vital-label{flex:0 0 auto}.board-status-player .board-vital-label{color:#86b8cf}.board-status-enemy .board-vital-label{color:#d29366;text-align:right}.board-status .hhealth{display:inline-grid;align-items:center;gap:10px;font-size:26px;font-weight:700;line-height:1;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px 14px rgba(0,0,0,.45);margin:0;transform:translateY(3px)}.board-status-player .hhealth{grid-template-columns:34px max-content;color:#d9edf6}.board-status-enemy .hhealth{grid-template-columns:max-content 34px;color:#f2d4bf}.board-status .hud-v{display:inline-block;min-width:2ch;line-height:1;transform:translateY(-1px)}.board-status .hud-ico{width:30px;height:30px;display:block;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.board-status-player .hud-ico{filter:hue-rotate(165deg) saturate(.85) brightness(1.08) drop-shadow(0 2px 6px rgba(0,0,0,.35))}.board-status-enemy .hhealth .hud-v{grid-column:1}.board-status-enemy .hhealth .hud-ico{grid-column:2}#hl .hud-ico{transform:translateY(-1px)}#ehl .hud-ico{transform:translateY(1px)}@media (max-width: 1180px){.hud-command-rail{width:100%}.top-action-row{width:min(100%,560px)}.board-tracks-row{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)}}@media (max-width: 860px){.hdr{padding:10px 12px 12px}.hud-command-rail{display:flex;flex-direction:column;gap:8px}.hud-command-rail .hg,.hud-command-rail .phase-banner,.hud-command-rail .hud-actions{justify-self:auto}.battlefield-frame{padding-top:98px}.board-status-row,.board-status-cluster-player{grid-template-columns:1fr;gap:8px}.board-status,.board-status-enemy{justify-content:space-between}.board-round{order:-1;justify-self:center;padding-top:0}.board-tracks-row{grid-template-columns:1fr;gap:10px}.board-round-value-row{order:-1}}@media (max-width: 720px){.hud-crown .ht{font-size:clamp(17px,8vw,24px)}.phase-title{font-size:clamp(18px,9vw,26px)}.top-action-row,.deploy-action-row,.battle-speed-row{width:100%;grid-template-columns:1fr}.battlefield-frame{padding-top:124px}.board-vitals{left:10px;right:10px;gap:10px}.board-status .hhealth{font-size:22px}.board-status .hud-ico{width:26px;height:26px}.board-status-cluster-player{width:100%}}.hdr{gap:8px;padding:8px 18px 10px}.hud-crown{padding-top:0}.hud-crown .ht{font-size:clamp(18px,2vw,24px)}.hud-command-rail{width:min(100%,1180px);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.phase-banner{display:flex;align-items:center;justify-content:flex-end;gap:0;padding:0;min-height:0}.phase-copy{display:none}.phase-badge{min-width:120px;padding:5px 12px 6px}.hud-actions{justify-content:flex-end}.top-action-row{width:min(100%,420px)}@media (max-width: 860px){.hdr{padding:8px 12px 10px}.hud-command-rail{width:100%;align-items:center}.hud-actions{justify-content:center}.top-action-row{width:min(100%,420px)}}.hdr{position:relative;gap:10px;padding:10px 18px 12px;background:radial-gradient(circle at 50% -28px,rgba(190,149,76,.14),transparent 30%),linear-gradient(180deg,rgba(255,236,191,.05),transparent 24%,rgba(0,0,0,.18)),linear-gradient(90deg,#100e0dfa,#080807fa 46%,#0f0b0afa),#090807}.hdr:before{content:"";position:absolute;left:28px;right:28px;top:16px;height:1px;background:linear-gradient(90deg,#0000,#b38a4429 18%,#d4ab5f3d,#b38a4429 82%,#0000);pointer-events:none}.hud-crown{width:min(100%,1120px);position:relative;display:flex;justify-content:center}.hud-crown:before,.hud-crown:after{content:"";position:absolute;top:50%;width:clamp(120px,24vw,300px);height:1px;transform:translateY(-50%);background:linear-gradient(90deg,#0000,#b189452e 40%,#d7b0654d);pointer-events:none}.hud-crown:before{left:28px}.hud-crown:after{right:28px;transform:translateY(-50%) scaleX(-1)}.hud-command-rail{width:min(100%,1120px);display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.hud-command-rail:before{content:"";position:absolute;left:18px;right:18px;top:13px;height:1px;background:linear-gradient(90deg,#0000,#5c808d1f 28%,#5c808d3d,#5c808d1f 72%,#0000);pointer-events:none}.phase-banner{justify-content:center;width:100%}.phase-badge{min-width:118px;box-shadow:0 0 0 1px #05121673,0 8px 18px #00000038}.hud-actions{width:100%;justify-content:center;min-height:0;padding:8px 14px;border:1px solid rgba(122,92,52,.24);background:linear-gradient(180deg,rgba(255,240,204,.02),transparent 50%),linear-gradient(90deg,#0000,#0d0d0c5c 18%,#0d0d0c8f,#0d0d0c5c 82%,#0000);box-shadow:inset 0 1px #ffeabc08,inset 0 0 0 1px #0000002e}.hud-actions:empty{display:none}.stalemate-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(176,131,67,.42);background:linear-gradient(180deg,#ffe1ab14,#0000002e),#130f0bdb;color:#d8bf8c;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px #ffe8bc0d}.speed-sync-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(82,134,152,.42);background:linear-gradient(180deg,#7bc2d614,#0000002e),#0d1214db;color:#bfe7ef;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px #d2f1f90d}.speed-sync-chip.pending{border-color:#b083436b;color:#d8bf8c;background:linear-gradient(180deg,#ffe1ab14,#0000002e),#130f0bdb}.speed-sync-chip.confirm{border-color:#6ab2bab8;color:#d5f4f6}.battle-speed-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.speed-btn.pending{border-color:#b0834385;color:#d8bf8c}.speed-btn.confirm{border-color:#6ab2bacc;color:#d5f4f6}.speed-btn.pending,.speed-btn.confirm,.speed-sync-chip.pending,.speed-sync-chip.confirm,.battle-watch.pending,.battle-watch.confirm{animation:speed-sync-pulse 1.3s ease-in-out infinite}@keyframes speed-sync-pulse{0%,to{box-shadow:inset 0 1px #ffe8bc0d,0 0 #6ab2ba00}50%{box-shadow:inset 0 1px #ffe8bc14,0 0 0 1px #6ab2ba1f}}@media (max-width: 860px){.hdr:before,.hud-crown:before,.hud-crown:after,.hud-command-rail:before{display:none}.hud-command-rail{width:100%;align-items:center}.hud-actions{padding:6px 0 0;border:0;background:none;box-shadow:none}}.hdr{display:flex;justify-content:center;align-items:center;min-height:0;padding:10px 18px;gap:0}.hdr:before,.hud-crown:before,.hud-crown:after,.hud-command-rail,.hud-command-rail:before{display:none}.hud-crown{width:auto;padding:0}.hud-crown .brand-lockup{gap:14px}.hud-crown .ht{font-size:clamp(22px,2.4vw,32px)}.hud-crown .emblem{width:32px;height:38px}.command-dock{width:min(100%,1180px);margin:0 auto 10px;display:grid;justify-items:center;gap:8px}.command-phase{min-width:120px;padding:5px 12px 6px}.command-actions{width:auto;display:flex;justify-content:center;padding:0;border:0;background:none;box-shadow:none}.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.banner-slot{border:1px solid #3a2c1c;border-radius:4px;padding:6px 10px 8px;background:#140e0a80}.banner-slot-label{font:600 10px Trebuchet MS,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c9a05a;margin-bottom:4px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.banner-lane-hint{font:400 9px Trebuchet MS,sans-serif;letter-spacing:.06em;text-transform:none;color:#786a55}.banner-empty-hint{font:italic 11px Georgia,Times New Roman,serif;color:#786a55;margin-bottom:6px}.banner-row-label{font:600 9px Trebuchet MS,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#786a55;margin:4px 0 3px}.banner-row-label:first-child{margin-top:0}.banner-choices{display:flex;gap:4px;margin-bottom:4px}.banner-choice.kind-curse{border-style:dashed}.banner-choice{flex:1;display:flex;flex-direction:column;gap:1px;padding:4px 6px 5px;border:1px solid var(--banner-color, #50402c);border-radius:3px;background:#140e0a99;color:#d6c39a;cursor:pointer;font:600 11px Trebuchet MS,sans-serif;transition:background .15s ease}.banner-choice:hover:not(.off){background:#503c1e99}.banner-choice.off{opacity:.4;cursor:not-allowed}.banner-choice .banner-name{color:var(--banner-color, #c9a05a);letter-spacing:.04em}.banner-choice .banner-cost{font-size:9px;color:#b08850}.banner-equipped{border-left:3px solid var(--banner-color, #c9a05a);padding:2px 0 2px 8px}.banner-equipped.kind-curse{border-left-style:dashed}.banner-equipped-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:3px}.banner-equipped .banner-name{font:700 13px Georgia,Times New Roman,serif;color:var(--banner-color, #ffe2a3);letter-spacing:.04em}.banner-level{font:600 10px Trebuchet MS,sans-serif;letter-spacing:.08em;color:#c9a05a}.banner-effect{font:400 11px Trebuchet MS,sans-serif;color:#d6c39a;margin-bottom:5px;line-height:1.3}.banner-upgrade{font:600 10px Trebuchet MS,sans-serif;letter-spacing:.06em;padding:3px 8px 4px;border:1px solid #c9a05a;border-radius:2px;background:#50241880;color:#ffe2a3;cursor:pointer}.banner-upgrade.off{opacity:.4;cursor:not-allowed}.banner-maxed{font:600 10px Trebuchet MS,sans-serif;letter-spacing:.1em;color:#786a55}.active-omens{width:min(100%,1180px);margin:0 auto 10px;padding:8px 14px 10px;border:1px solid #3a2c1c;border-radius:4px;background:linear-gradient(180deg,#28180ed9,#140e0ad9);box-shadow:inset 0 0 0 1px #f1cf7a1f}.active-omens[hidden]{display:none}.active-omens-label{font:600 11px Georgia,Times New Roman,serif;letter-spacing:.16em;text-transform:uppercase;color:#c9a05a;margin-bottom:6px;text-align:center}.active-omens-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.active-omen{flex:0 1 220px;min-width:160px;padding:6px 10px 7px;border:1px solid #c9a05a;border-radius:3px;background:#50241880;box-shadow:0 0 0 1px #f1cf7a40,0 0 14px #c8462833;cursor:help}.active-omen-name{font:700 13px Georgia,Times New Roman,serif;letter-spacing:.04em;color:#ffe2a3}.active-omen-state{font:500 10px Trebuchet MS,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#e8b066;margin-top:1px}.active-omen-effect{font:400 11px Trebuchet MS,sans-serif;color:#d6c39a;margin-top:3px;line-height:1.3}.omen-banner{position:fixed;top:18%;left:50%;transform:translate(-50%,-10px);padding:18px 32px 20px;min-width:320px;max-width:min(80vw,520px);text-align:center;border:1px solid #c9a05a;border-radius:4px;background:linear-gradient(180deg,#3c120af5,#140806f5);box-shadow:0 0 0 1px #f1cf7a66,0 0 30px #c8462873,0 12px 40px #0009;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1);z-index:9000}.omen-banner[hidden]{display:none}.omen-banner.show{opacity:1;transform:translate(-50%)}.omen-banner-eyebrow{font:600 11px Georgia,Times New Roman,serif;letter-spacing:.32em;text-transform:uppercase;color:#c9a05a}.omen-banner-name{font:700 30px Georgia,Times New Roman,serif;letter-spacing:.06em;color:#ffe2a3;margin:6px 0 4px;text-shadow:0 0 18px rgba(220,90,50,.5)}.omen-banner-blurb{font:italic 400 13px Georgia,Times New Roman,serif;color:#d6c39a;margin-bottom:8px;line-height:1.4}.omen-banner-effect{font:600 13px Trebuchet MS,sans-serif;letter-spacing:.04em;color:#f1cf7a}.top-action-row{width:min(100%,520px)}@media (max-width: 860px){.hdr{padding:8px 12px}.hud-crown .ht{font-size:clamp(20px,5vw,28px)}.command-dock{margin-bottom:8px}.top-action-row{width:min(100%,420px)}}@media (max-width: 720px){.command-dock{gap:6px}.top-action-row,.deploy-action-row,.battle-speed-row{width:100%;grid-template-columns:1fr}}.mp-mode-toggle{display:flex;gap:8px;margin-bottom:14px}.mp-mode-toggle button{min-width:110px}.mp-panel{display:grid;gap:12px;margin-bottom:18px;padding:14px;border:1px solid rgba(118,101,74,.72);background:linear-gradient(180deg,rgba(82,132,150,.08),transparent 52%),#110f0de0}.mp-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mp-status{color:var(--muted);font-size:12px;line-height:1.4}.mp-status.error{color:#e38f80}.mp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-input{min-height:38px;padding:8px 10px;border:1px solid rgba(221,177,101,.22);border-radius:7px;color:var(--text);background:#0a0908d6;font:600 13px system-ui,sans-serif}.mp-input::placeholder{color:var(--dim)}.mp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mp-session-code{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(76,148,173,.36);border-radius:7px;color:#bfe7ef;background:#10181bb8;font-size:12px;font-weight:700}.mp-session-code span{color:var(--gold-bright);letter-spacing:.14em}.session-code-inline{padding:0;border:0;background:none;box-shadow:none}.session-code-inline:hover:not(:disabled){background:none;transform:none}.mp-roster,.mp-player-row,.mp-session-strip{display:grid;gap:8px}.mp-player-row{grid-template-columns:minmax(0,1fr) auto;padding:9px 10px;border:1px solid rgba(221,177,101,.18);border-radius:7px;background:#0b0a09b8}.mp-player-row span{color:var(--text);font-weight:700}.mp-player-row small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.session-strip-shell{margin-bottom:14px}.mp-session-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-strip-card{display:grid;gap:4px;padding:12px;border:1px solid rgba(76,148,173,.26);background:#10191cad}.mp-strip-card.enemy{border-color:#aa463847;background:#1e110fb3}.mp-strip-card strong{color:var(--text);font-size:13px}.mp-strip-card span{color:var(--muted);font-size:12px}@media (max-width: 760px){.mp-fields,.mp-session-strip{grid-template-columns:1fr}.mp-panel-head,.mp-actions{flex-direction:column;align-items:stretch}.mp-mode-toggle{flex-direction:column}}:root{--table-black: #090806;--table-iron: #171513;--table-ink: #0f0d0b;--table-line: #77613d;--table-line-soft: rgba(150, 120, 70, .34);--table-brass: #c39a4f;--table-bone: #eadbb9;--table-blue: #6fa6b4;--table-red: #b9654a;--table-muted: #8d806d}body{padding:12px;background:repeating-linear-gradient(90deg,rgba(236,209,150,.018) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 29px),linear-gradient(180deg,#100f0c,#090806 52%,#050504)}body:before{background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(229,192,118,.025) 46px 47px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(0,0,0,.18) 38px 39px);opacity:.52}body:after{background:linear-gradient(90deg,rgba(0,0,0,.62),transparent 18%,transparent 82%,rgba(0,0,0,.62)),linear-gradient(180deg,transparent 0 74%,rgba(0,0,0,.28))}#app{width:min(100%,1260px);gap:8px}.hdr,.command-dock,.battlefield-frame,.panel,.active-omens{border-radius:0;border:1px solid rgba(119,97,61,.66);border-top-color:#b28f5175;border-bottom-color:#392c1eeb;background:linear-gradient(180deg,rgba(237,213,158,.045),transparent 34%),linear-gradient(90deg,#14120ff5,#080807fa 52%,#130d0bf5),var(--table-black);box-shadow:0 12px 22px #00000080,inset 0 1px #fff1ca14}.hdr:before,.hdr:after,.battlefield-frame:before,.battlefield-frame:after,.panel:before,.panel:after,.hud-crown:before,.hud-crown:after{display:none}.hdr{padding:8px 16px}.hud-crown .brand-lockup{gap:11px}.hud-crown .emblem{width:28px;height:34px}.hud-crown .ht{color:var(--table-bone);font-size:clamp(21px,2.1vw,30px);letter-spacing:.035em;text-shadow:0 1px 0 #030302}.command-dock{width:min(100%,1180px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 auto;padding:9px 12px}.command-phase-panel{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.command-phase-copy,.phase-copy.command-phase-copy{display:flex!important;min-width:0;flex-direction:row;align-items:baseline;gap:11px;text-align:left}.command-phase{min-width:86px;padding:4px 9px 5px;border-radius:0;border-color:#6fa6b475;background:linear-gradient(180deg,rgba(139,199,213,.08),transparent 70%),#091417d1;color:#c4e5eb;letter-spacing:.16em}.phase-title{color:var(--table-bone);font-size:clamp(16px,1.8vw,22px);line-height:1;letter-spacing:.03em;white-space:nowrap}.phase-sub{max-width:none;color:var(--table-muted);font-size:11px;line-height:1.35}.command-actions{width:auto;justify-content:flex-end;padding:0;border:0;background:transparent;box-shadow:none}.command-actions:empty{display:none}.top-action-row{width:auto;max-width:100%}button{border-radius:0;border-color:#87663aa8;background:linear-gradient(180deg,rgba(238,211,151,.06),transparent 58%),#15120f;box-shadow:none}button:hover:not(:disabled){transform:none;border-color:#c8a158d1;background:linear-gradient(180deg,rgba(238,211,151,.09),transparent 58%),#1c1712}.bp{border-color:#5e95a3c7;color:#cceaf0;background:linear-gradient(180deg,rgba(111,166,180,.14),transparent 58%),#10191b}.bp:hover:not(:disabled){border-color:#84c2d1e6;background:linear-gradient(180deg,rgba(111,166,180,.2),transparent 58%),#132024}.battlefield-frame{padding:78px 10px 10px;background:linear-gradient(90deg,rgba(27,68,78,.16),transparent 46%,transparent 54%,rgba(102,39,31,.18)),linear-gradient(180deg,rgba(237,213,158,.045),transparent 22%),#080807}.battlefield-scrim{top:10px;right:10px;bottom:10px;left:10px;border-radius:0;background:linear-gradient(90deg,rgba(28,70,81,.14),transparent 46%,transparent 54%,rgba(109,44,35,.16)),#06060524}canvas{border-radius:0;outline-color:#8b6f4375;box-shadow:inset 0 0 0 1px #ddb16514,inset 0 0 36px #00000094,0 10px 22px #00000075}.board-vitals{top:10px;left:14px;right:14px}.board-status-row,.board-gold{transform:none}.board-health-track{height:9px;border-radius:0;box-shadow:inset 0 1px #fff1cc0f}.board-health-track .health-bar{border-radius:0}.panel{padding:14px;background:linear-gradient(180deg,rgba(237,213,158,.04),transparent 16%),linear-gradient(90deg,#11100efa,#080807fa 52%,#110c0afa),#080807}.deploy-grid{grid-template-columns:minmax(220px,.82fr) minmax(280px,.9fr) minmax(360px,1.28fr);gap:10px}.command-band{padding:11px 12px 13px;border:1px solid rgba(122,91,51,.44);border-radius:0;background:#08080747;box-shadow:none}.command-band:before{display:none}.warhost-band{border-left-color:#6fa6b48a}.banner-band{border-left-color:#97865494}.shop-band{border-left-color:#b9654a85}.slabel{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(150,120,70,.24);color:var(--table-brass);font-size:12px;letter-spacing:.12em}.slabel span{color:#857967;font-size:10px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}.card,.pack-card,.start-menu-card,.start-route-card,.banner-slot,.mp-panel,.mp-player-row,.mp-strip-card,.active-omen,.unit-modal,.hover-card,.end-screen,.result-overlay .end-screen{border-radius:0;box-shadow:none}.card{min-height:94px;justify-content:center;gap:5px;padding:8px 6px 7px;border-color:#7c582ead;background:linear-gradient(180deg,rgba(238,210,150,.045),transparent 34%),#10100e}.card:before,.card:after,.pack-card:before{display:none}.card:hover{transform:none;border-color:#cd9e52e0}.card.sel{border-color:#6fa6b4e6;background:linear-gradient(180deg,rgba(111,166,180,.13),transparent 34%),#0f1516}.shop-grid .unit-portrait{width:46px;height:46px}.png-icons .shop-grid .card .unit-portrait{width:54px;height:54px}.unit-portrait{border-radius:0}.unit-portrait:before{top:4px;right:4px;bottom:4px;left:4px}.uname{font-size:10px;letter-spacing:.06em}.ucost{font-size:11px}.army-grid{gap:6px}.atag{min-height:32px;padding:4px 7px;border-radius:0;background:linear-gradient(180deg,rgba(238,210,150,.035),transparent 56%),#08080785}.atag:hover{transform:none}.form-btn,.speed-btn,.upgrade-btn,.banner-choice,.banner-upgrade,.ai-level-chip,.mp-input,.mp-session-code{border-radius:0}.banner-grid{gap:7px}.banner-slot{border-color:#7a5b337a;background:#08080757}.active-omens{background:linear-gradient(180deg,rgba(168,82,55,.12),transparent 60%),#0a0807eb}.omen-banner{border-radius:0}.board-start-screen{border-radius:0;background:linear-gradient(180deg,rgba(237,213,158,.045),transparent 18%),linear-gradient(90deg,#0a1012eb,#080807e6 48%,#140b09eb),#080807db;-webkit-backdrop-filter:none;backdrop-filter:none}.start-menu-grid{gap:10px}.start-menu-card{min-height:154px;align-content:start;background:linear-gradient(180deg,rgba(237,213,158,.04),transparent 32%),#090807b8}.start-menu-card strong{font-size:clamp(22px,2.4vw,30px)}.start-menu-card small,.start-subtitle,.pack-plan,.ai-level-summary{color:#948875}.board-start-screen .pack-card,.pack-card{min-height:252px;background:linear-gradient(180deg,rgba(237,213,158,.045),transparent 28%),#090908b8}.pack-card:hover,.pack-card.sel{transform:none}.pack-card.sel{border-color:#6fa6b4db}@media (max-width: 980px){.deploy-grid{grid-template-columns:1fr}}@media (max-width: 860px){.command-dock{grid-template-columns:1fr;justify-items:stretch}.command-phase-panel,.command-actions{justify-content:center}.command-phase-copy,.phase-copy.command-phase-copy{flex-direction:column;align-items:center;gap:4px;text-align:center}.top-action-row{width:min(100%,420px)}.battlefield-frame{padding-top:98px}}@media (max-width: 720px){body{padding:8px}.hdr{padding:8px 10px}.command-dock{padding:8px 9px}.command-phase-panel{flex-direction:column;gap:7px}.phase-title{white-space:normal}.top-action-row,.deploy-action-row,.battle-speed-row{width:100%;grid-template-columns:1fr}.battlefield-frame{padding-top:124px}.panel{padding:12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}.slabel{align-items:flex-start;flex-direction:column;gap:4px}}.hdr,.command-dock,.battlefield-frame,.panel,.active-omens{border-radius:5px}.panel{padding:15px 16px 16px}.deploy-grid{grid-template-columns:minmax(250px,.78fr) minmax(300px,.9fr) minmax(430px,1.28fr);gap:12px;align-items:start}.command-band{min-height:100%;padding:13px 14px 15px;border-radius:4px;border-color:#7c5e3775;background:linear-gradient(180deg,rgba(236,210,150,.05),transparent 32%),#08080757}.slabel{margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid rgba(150,120,70,.22);font-size:11px;letter-spacing:.13em}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:9px}.card{min-height:112px;flex-direction:column;justify-content:center;gap:7px;padding:10px 8px 9px;border-radius:4px;text-align:center;border-color:#7c582eb8;background:linear-gradient(180deg,rgba(238,210,150,.07),transparent 30%,rgba(0,0,0,.24)),radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--card-unit, #6a9a40),transparent 78%),transparent 46%),#0c0b0ad1;box-shadow:inset 0 1px #ffedbe0d,0 6px 12px #00000038}.card:hover{transform:translateY(-1px);border-color:#cd9e52db;background:linear-gradient(180deg,rgba(238,210,150,.09),transparent 30%,rgba(0,0,0,.24)),radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--card-unit, #6a9a40),transparent 72%),transparent 46%),#0f0e0ce6}.card.sel{border-color:#6fa6b4f2;background:linear-gradient(180deg,rgba(111,166,180,.18),transparent 34%,rgba(0,0,0,.22)),radial-gradient(circle at 50% 26%,rgba(111,166,180,.22),transparent 46%),#0a1113e6}.shop-grid .unit-portrait,.png-icons .shop-grid .card .unit-portrait{width:58px;height:58px;flex:0 0 auto}.png-icons .shop-grid .card .unit-portrait{--glyph-pad: 4px}.unit-portrait{border-radius:4px}.unit-portrait:before{border-radius:2px}.uname{flex:0 1 auto;color:#d8c9a9;font-family:Georgia,Times New Roman,serif;font-size:11px;line-height:1.1;text-align:center;text-transform:uppercase}.ucost{color:#e0b75f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:850}.army-grid{display:flex;flex-wrap:wrap;gap:7px}.atag{display:flex;min-height:34px;gap:5px;padding:5px 8px;border-radius:4px;border-color:#7e5e369e;background:linear-gradient(180deg,rgba(238,210,150,.055),transparent 56%),#0908079e}.atag:hover{transform:translateY(-1px)}.atag .unit-portrait{width:24px;height:24px;border-radius:3px}.tier,.atag .tier{border-radius:2px}.form-btn,.speed-btn,.upgrade-btn,.banner-choice,.banner-upgrade,.ai-level-chip,.mp-input,.mp-session-code{border-radius:4px}.banner-grid{grid-template-columns:1fr 1fr;gap:8px}.banner-slot{padding:8px 9px 9px;border-radius:4px;background:linear-gradient(180deg,rgba(238,210,150,.045),transparent 34%),#0808076b}.banner-choices{display:flex;gap:4px}.banner-choice{min-height:44px}.board-start-screen{gap:16px;padding:18px 20px 20px;border-radius:4px}.start-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.start-menu-card{min-height:178px;display:grid;gap:10px;align-content:start;padding:18px;border-radius:4px}.start-menu-kicker{border:0}.start-menu-card strong,.start-menu-card small{grid-column:auto}.start-menu-card strong{font-size:clamp(24px,2.6vw,32px)}.board-start-screen .pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.board-start-screen .pack-card,.pack-card{min-height:286px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:4px;background:linear-gradient(180deg,rgba(238,210,150,.07),transparent 28%,rgba(0,0,0,.3)),#0a0a09c7}.pack-portraits{display:flex;flex-wrap:wrap;width:auto;gap:6px}.pack-portraits .unit-portrait,.png-icons .pack-portraits .unit-portrait{width:56px;height:56px}.pack-trait{border-radius:3px}.hover-card,.unit-modal,.result-overlay .end-screen{border-radius:5px;background:linear-gradient(180deg,rgba(236,210,150,.045),transparent 28%),#080807f5}@media (max-width: 1100px){.deploy-grid{grid-template-columns:1fr}.board-start-screen .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.shop-grid,.banner-grid,.start-menu-grid,.board-start-screen .pack-grid{grid-template-columns:1fr}.pack-card{min-height:0}}html,body{width:100%;min-width:0;height:100%;min-height:100%;overflow:hidden}body{padding:0;background:radial-gradient(circle at 50% 42%,rgba(118,90,45,.12),transparent 44%),linear-gradient(180deg,#080a0b,#050505 48%,#080605)}#app{width:100vw;max-width:none;height:100vh;margin:0;padding:0;display:grid;grid-template-rows:56px 48px minmax(0,1fr) minmax(238px,30vh);gap:0;overflow:hidden}.hdr,.command-dock,.battlefield-frame,.panel,.active-omens{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none}.hdr{position:relative;z-index:8;min-height:0;height:56px;padding:0 22px;border-width:0 0 1px;background:linear-gradient(90deg,#0c1113fa,#070707fa 52%,#120a09fa),#070707}.hud-crown .brand-lockup{gap:10px}.hud-crown .emblem{width:26px;height:31px}.hud-crown .ht{font-size:clamp(20px,1.7vw,28px);letter-spacing:.08em}.command-dock{position:relative;z-index:8;height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:6px 18px;border-width:0 0 1px;background:linear-gradient(90deg,#081216f0,#080808f5 50%,#180a08f0),#080808}.command-phase-panel{justify-content:flex-start}.command-phase{min-width:82px;padding:4px 9px;border-radius:3px}.phase-title{font-size:clamp(16px,1.5vw,22px)}.phase-sub{font-size:11px}.top-action-row{gap:8px}.top-action-btn{min-height:34px;padding:7px 13px}.active-omens{position:absolute;top:112px;left:50%;z-index:9;width:min(820px,calc(100vw - 32px));transform:translate(-50%);border-radius:4px}.battlefield-frame{position:relative;min-height:0;height:100%;display:grid;place-items:center;padding:54px 20px 18px;overflow:hidden;border-width:0;background:radial-gradient(circle at 50% 50%,rgba(180,134,64,.08),transparent 48%),linear-gradient(90deg,#16424e33,#070808fa 50%,#581f1938),#070808}.battlefield-frame:before,.battlefield-frame:after{display:none}.battlefield-scrim{top:0;right:0;bottom:0;left:0;border-radius:0;opacity:.34}.battlefield-frame canvas{width:min(calc(100vw - 40px),calc((100vh - 360px)*2));max-width:100%;height:auto;max-height:calc(100vh - 370px);border-radius:4px;outline:1px solid rgba(166,135,78,.48);outline-offset:3px;box-shadow:0 0 0 1px #000000c7,0 22px 42px #00000070,inset 0 0 42px #0009}.board-vitals{top:12px;left:24px;right:24px;z-index:5;pointer-events:none}.board-status-row,.board-tracks-row{max-width:min(1180px,calc(100vw - 48px));margin-left:auto;margin-right:auto}.panel{position:relative;z-index:8;min-height:0;height:100%;padding:12px 16px 14px;overflow:hidden;border-width:1px 0 0;background:linear-gradient(180deg,rgba(229,197,128,.06),transparent 22%),linear-gradient(90deg,#0d1417fa,#070707fc 46%,#160b09fa),#070707}.deploy-grid{height:100%;grid-template-columns:minmax(260px,.85fr) minmax(300px,.9fr) minmax(480px,1.35fr);align-items:stretch;gap:12px}.command-band{min-height:0;overflow:auto;border-radius:5px;background:linear-gradient(180deg,rgba(244,218,154,.045),transparent 26%),#09090985}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.shop-grid .unit-portrait,.png-icons .shop-grid .card .unit-portrait{width:54px;height:54px}.board-start-screen{width:min(1200px,calc(100vw - 56px));max-height:calc(100vh - 142px);margin:0 auto;overflow:auto}body[data-phase=start] #app{grid-template-rows:56px 48px minmax(0,1fr)}body[data-phase=start] .battlefield-frame{padding:18px 24px 24px}body[data-phase=start] .start-overlay{width:100%;height:100%;display:grid;place-items:center}body[data-phase=start] .panel{display:none}@media (max-width: 1180px){#app{grid-template-rows:56px auto minmax(0,1fr) minmax(276px,34vh)}.command-dock{height:auto;grid-template-columns:1fr;justify-items:center;gap:8px}.command-phase-panel,.command-actions{justify-content:center}.battlefield-frame{padding-top:74px}.battlefield-frame canvas{width:min(calc(100vw - 32px),calc((100vh - 410px)*2));max-height:calc(100vh - 420px)}.deploy-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-band{grid-column:1 / -1}}@media (max-width: 760px){html,body{overflow:auto}#app{min-height:100vh;height:auto;grid-template-rows:auto auto auto auto;overflow:visible}.hdr{height:auto;min-height:52px;padding:9px 12px}.command-dock{padding:8px 12px}.command-phase-panel{flex-direction:column;gap:6px;text-align:center}.command-phase-copy,.phase-copy.command-phase-copy{flex-direction:column;align-items:center;gap:3px}.battlefield-frame{min-height:auto;padding:100px 10px 12px}.battlefield-frame canvas{width:calc(100vw - 20px);max-height:none}.panel{height:auto;overflow:visible;padding:12px}.deploy-grid{grid-template-columns:1fr;height:auto}.command-band{overflow:visible}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--game-hud-h: 52px;--game-command-h: 44px;--game-tray-h: clamp(248px, 29vh, 318px);--game-gutter: 16px;--game-max: 1320px}.hdr{height:var(--game-hud-h);padding:0 var(--game-gutter)}.hud-crown{height:100%;align-items:center}.hud-crown .brand-lockup{padding:0}.command-dock{height:var(--game-command-h);padding:0 var(--game-gutter);grid-template-columns:minmax(0,1fr) minmax(220px,auto)}.command-dock:before{content:"";position:absolute;left:var(--game-gutter);right:var(--game-gutter);bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(193,154,82,.32),transparent);pointer-events:none}.command-phase-panel{max-width:var(--game-max);min-width:0}.command-phase-copy,.phase-copy.command-phase-copy{min-width:0}.phase-title,.phase-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-sub{color:#938775}.command-actions{min-width:0}.deploy-action-row{grid-template-columns:88px minmax(190px,1fr);width:min(100%,390px)}.battle-speed-row{width:auto}.battlefield-frame{padding:54px var(--game-gutter) 16px}.battlefield-frame canvas{width:min(calc(100vw - (var(--game-gutter) * 2) - 8px),calc((100vh - var(--game-hud-h) - var(--game-command-h) - var(--game-tray-h) - 88px) * 2),1180px);max-height:min(calc(100vh - var(--game-hud-h) - var(--game-command-h) - var(--game-tray-h) - 88px),590px)}.board-vitals{top:11px;left:var(--game-gutter);right:var(--game-gutter)}.board-status-row,.board-tracks-row{width:min(1180px,calc(100vw - (var(--game-gutter) * 2) - 8px));max-width:none}.board-status-row{gap:14px}.board-tracks-row{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:14px}.board-status .hhealth{font-size:23px}.board-status .hud-ico{width:26px;height:26px}.board-gold{font-size:16px}.board-round-value{font-size:25px}.panel{height:var(--game-tray-h);padding:12px var(--game-gutter)}.deploy-grid{width:min(var(--game-max),100%);height:100%;margin:0 auto;grid-template-columns:minmax(250px,.82fr) minmax(270px,.86fr) minmax(480px,1.38fr)}.command-band{padding:12px;scrollbar-width:thin;scrollbar-color:rgba(160,126,70,.55) rgba(8,8,7,.35)}.command-band::-webkit-scrollbar{width:8px}.command-band::-webkit-scrollbar-track{background:#08080759}.command-band::-webkit-scrollbar-thumb{background:#a07e468c}.slabel{min-height:24px;margin-bottom:9px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.card{min-height:98px;padding:9px 7px 8px}.shop-grid .unit-portrait,.png-icons .shop-grid .card .unit-portrait{width:50px;height:50px}.banner-grid{grid-template-columns:1fr}.banner-slot{padding:7px 8px 8px}.banner-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.banner-choice{min-width:0;padding-left:5px;padding-right:5px}.active-omens{top:calc(var(--game-hud-h) + var(--game-command-h) + 10px)}.result-overlay{top:0;right:0;bottom:0;left:0}@media (min-width: 1500px){:root{--game-max: 1440px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:min(1280px,calc(100vw - (var(--game-gutter) * 2) - 8px))}}@media (max-width: 1180px){#app{grid-template-rows:var(--game-hud-h) auto minmax(0,1fr) clamp(292px,36vh,390px)}.command-dock{height:auto;min-height:var(--game-command-h);grid-template-columns:1fr;padding:7px var(--game-gutter) 8px}.phase-title,.phase-sub{white-space:normal}.battlefield-frame canvas{width:min(calc(100vw - (var(--game-gutter) * 2)),calc((100vh - 500px)*2),1000px);max-height:min(calc(100vh - 500px),500px)}.panel{height:clamp(292px,36vh,390px)}.deploy-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.warhost-band,.banner-band{min-height:0}.shop-band{grid-column:2;grid-row:1 / span 2}}@media (max-width: 760px){:root{--game-gutter: 10px}#app{grid-template-rows:auto auto auto auto}.command-dock{grid-template-columns:1fr}.phase-title,.phase-sub{white-space:normal}.board-status-row,.board-tracks-row{width:calc(100vw - (var(--game-gutter) * 2))}.panel{height:auto}.shop-band{grid-column:auto;grid-row:auto}}:root{--game-hud-h: 72px;--game-command-h: 44px;--game-tray-h: clamp(254px, 30vh, 316px);--game-gutter: 18px;--game-max: 1480px;--ornament-line: rgba(154, 122, 70, .58);--ornament-soft: rgba(154, 122, 70, .22);--player-rail: #4f9fdb;--enemy-rail: #c4473f}body{background:radial-gradient(circle at 15% 54%,rgba(32,75,96,.16),transparent 30%),radial-gradient(circle at 85% 52%,rgba(114,31,24,.18),transparent 30%),radial-gradient(circle at 50% 24%,rgba(178,132,64,.12),transparent 26%),linear-gradient(180deg,#070809,#050505 48%,#080504)}body:before{opacity:.34;background:linear-gradient(90deg,rgba(0,0,0,.68),transparent 20%,transparent 80%,rgba(0,0,0,.68)),repeating-linear-gradient(90deg,transparent 0 56px,rgba(236,200,130,.025) 56px 57px)}#app{grid-template-rows:var(--game-hud-h) var(--game-command-h) minmax(0,1fr) var(--game-tray-h)}.hdr{height:var(--game-hud-h);padding:0 24px;border:0;background:linear-gradient(180deg,rgba(255,235,184,.06),transparent 56%,rgba(0,0,0,.38)),linear-gradient(90deg,#0c1114f0,#080808fa 50%,#180a08f0)}.hdr:before,.hdr:after{content:"";position:absolute;top:50%;display:block;width:min(34vw,520px);height:1px;background:linear-gradient(90deg,transparent,rgba(154,122,70,.48),transparent);pointer-events:none}.hdr:before{left:24px}.hdr:after{right:24px}.hud-crown{height:100%}.hud-crown .brand-lockup{position:relative;gap:12px;min-width:330px;justify-content:center;padding:9px 34px 11px;border:1px solid var(--ornament-line);border-top-color:#dbb76e99;border-bottom-color:#4a3622e6;background:linear-gradient(180deg,rgba(255,235,190,.12),transparent 50%,rgba(0,0,0,.32)),linear-gradient(90deg,#2c2219f5,#0d0c0bfa 50%,#2c1e19f5);box-shadow:0 10px 22px #0000005c,inset 0 0 0 1px #00000057}.hud-crown .brand-lockup:before,.hud-crown .brand-lockup:after{content:"";position:absolute;top:50%;width:58px;height:24px;border-top:1px solid var(--ornament-line);border-bottom:1px solid rgba(74,54,34,.86);transform:translateY(-50%) skew(-24deg);background:#0e0b09d6}.hud-crown .brand-lockup:before{right:100%}.hud-crown .brand-lockup:after{left:100%}.hud-crown .emblem{width:25px;height:30px}.hud-crown .ht{color:#eadabd;font-size:clamp(25px,2.2vw,38px);letter-spacing:.09em;text-shadow:0 2px 0 #070504,0 0 14px rgba(220,180,104,.16)}.command-dock{height:var(--game-command-h);grid-template-columns:minmax(320px,1fr) auto minmax(320px,1fr);padding:0 24px;border:0;background:linear-gradient(180deg,#00000029,#00000057),linear-gradient(90deg,#070f12d6,#070707eb 50%,#160807d6)}.command-dock:before{left:24px;right:24px;background:linear-gradient(90deg,transparent,rgba(154,122,70,.42),transparent)}.command-phase-panel{grid-column:2;justify-content:center;gap:10px;max-width:560px}.command-actions{grid-column:3;justify-content:flex-end}.command-phase{min-width:74px;padding:4px 8px 5px;border-color:#ad884c75;background:#120e0ac7;color:#d7bd82}.phase-title{color:#d9c59f;font-size:17px;letter-spacing:.08em;text-transform:uppercase}.phase-sub{color:#8f8270;font-size:11px}.top-action-btn{min-height:32px;padding:6px 12px}.battlefield-frame{padding:82px 86px 18px;background:radial-gradient(circle at 50% 50%,rgba(178,132,64,.08),transparent 45%),linear-gradient(90deg,#133c4e38,#040505fa 50%,#5e18153d),#050606}.battlefield-frame:before,.battlefield-frame:after{content:"";position:absolute;top:0;bottom:0;z-index:0;display:block;width:78px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(154,122,70,.28) 12%,transparent 22%,transparent 78%,rgba(154,122,70,.28) 88%,transparent),linear-gradient(90deg,rgba(0,0,0,.72),transparent)}.battlefield-frame canvas{position:relative;z-index:1;width:min(calc(100vw - 172px),calc((100vh - var(--game-hud-h) - var(--game-command-h) - var(--game-tray-h) - 112px) * 2),1400px);max-height:min(calc(100vh - var(--game-hud-h) - var(--game-command-h) - var(--game-tray-h) - 112px),700px);border:1px solid rgba(26,22,18,.98);border-radius:2px;outline:1px solid rgba(154,122,70,.62);outline-offset:5px;box-shadow:0 0 0 1px #000000e6,0 22px 40px #00000094,inset 0 0 0 1px #ffe3ab14,inset 0 0 46px #0009}.board-vitals{top:14px;left:86px;right:86px;z-index:4}.board-status-row,.board-tracks-row{width:min(1400px,calc(100vw - 172px))}.board-status-row{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:22px}.board-status-cluster-player{grid-template-columns:auto minmax(80px,1fr);gap:14px}.board-vital-label,.board-round-label{color:#b9a06d;font-size:10px;letter-spacing:.16em}.board-status .hhealth{gap:8px;font-size:30px}.board-status .hud-ico{width:42px;height:42px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.board-status-player .hud-ico{filter:hue-rotate(165deg) saturate(.9) brightness(1.1) drop-shadow(0 6px 12px rgba(0,0,0,.4))}.board-gold{justify-self:center;min-width:74px;padding:4px 12px;border:1px solid rgba(154,122,70,.36);background:#0d0a08c7;color:#e3bd67;font-size:14px}.board-round{min-width:90px}.board-round-value{color:#f1e0bd;font-size:30px}.board-tracks-row{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:22px}.board-health-track{height:12px;border-radius:2px;border-color:#221c16e6;background:#070605e0}.board-track-player .health-bar{background:linear-gradient(90deg,#2d70a8,var(--player-rail))!important}.board-track-enemy .health-bar{background:linear-gradient(90deg,var(--enemy-rail),#8e211f)!important}.panel{padding:12px 86px 14px;border-top:1px solid rgba(154,122,70,.48);background:linear-gradient(180deg,rgba(255,235,184,.05),transparent 20%),linear-gradient(90deg,#0c1316fa,#060606fc 48%,#170a08fa),#050505}.deploy-grid{width:min(1400px,100%);grid-template-columns:minmax(260px,.82fr) minmax(380px,1.08fr) minmax(460px,1.22fr);gap:14px}.command-band{position:relative;padding:13px 14px 14px;border-radius:3px;border-color:#745b38b8;background:linear-gradient(180deg,rgba(255,235,184,.055),transparent 22%),#080807b3;box-shadow:inset 0 0 0 1px #0000006b,0 8px 16px #00000042}.slabel{min-height:22px;color:#c7a15a;font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.08em}.atag{min-width:0;justify-content:flex-start}.banner-slot{background:#0908078a}.card{min-height:106px;border-color:#644e30bd;background:linear-gradient(180deg,rgba(255,235,184,.065),transparent 30%,rgba(0,0,0,.26)),radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--card-unit, #6a9a40),transparent 76%),transparent 45%),#0a0908e0}.board-start-screen{border-radius:3px;border-color:#745b38b8}@media (max-width: 1180px){.command-dock{grid-template-columns:1fr}.command-phase-panel,.command-actions{grid-column:auto}.battlefield-frame{padding-left:28px;padding-right:28px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:min(calc(100vw - 56px),1080px)}.board-vitals{left:28px;right:28px}.panel{padding-left:18px;padding-right:18px}.deploy-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.banner-band{grid-column:1}.shop-band{grid-column:2;grid-row:1 / span 2}}@media (max-width: 760px){.battlefield-frame{padding-left:10px;padding-right:10px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:calc(100vw - 20px)}.board-vitals{left:10px;right:10px}.board-status .hud-ico{width:28px;height:28px}.board-status .hhealth{font-size:22px}.army-grid,.shop-grid{grid-template-columns:1fr}.shop-band,.banner-band{grid-column:auto;grid-row:auto}}body{margin:0;padding:0;background:radial-gradient(circle at 12% 56%,rgba(36,86,112,.28),transparent 31%),radial-gradient(circle at 88% 56%,rgba(122,32,24,.3),transparent 31%),radial-gradient(circle at 50% 8%,rgba(204,164,87,.12),transparent 24%),linear-gradient(180deg,#050607,#030303 54%,#070403)}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;height:auto;display:block;overflow:hidden;padding:0}.hdr{position:absolute;top:10px;left:0;right:0;z-index:30;height:64px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;pointer-events:none}.hdr:before,.hdr:after{content:"";position:absolute;top:34px;display:block;width:min(33vw,520px);height:1px;background:linear-gradient(90deg,transparent,rgba(192,152,82,.58),transparent)}.hdr:before{right:calc(50% + 205px)}.hdr:after{left:calc(50% + 205px)}.hud-crown{width:auto;height:auto;padding:0}.hud-crown .brand-lockup{position:relative;display:flex;min-width:360px;height:58px;align-items:center;justify-content:center;gap:12px;padding:0 36px;border:1px solid rgba(168,132,75,.74);border-top-color:#e8c37aa8;border-bottom-color:#3e2d1df5;background:linear-gradient(180deg,rgba(255,237,194,.16),transparent 42%,rgba(0,0,0,.42)),linear-gradient(90deg,#2d2118fa,#0a0908fc 50%,#2e1d17fa);box-shadow:0 12px 28px #0000008f,inset 0 0 0 1px #0000006b}.hud-crown .brand-lockup:before,.hud-crown .brand-lockup:after{content:"";position:absolute;top:50%;display:block;width:72px;height:30px;border:1px solid rgba(142,108,60,.64);background:linear-gradient(180deg,#ffe9b514,#00000059),#090807f5}.hud-crown .brand-lockup:before{right:calc(100% - 1px);transform:translateY(-50%) skew(28deg);transform-origin:right center}.hud-crown .brand-lockup:after{left:calc(100% - 1px);transform:translateY(-50%) skew(-28deg);transform-origin:left center}.hud-crown .emblem{width:27px;height:33px;margin:0}.hud-crown .ht{color:#eadabd;font-size:34px;line-height:1;letter-spacing:.1em;text-shadow:0 2px 0 #060403,0 0 16px rgba(217,174,93,.2)}.command-dock{position:absolute;top:76px;left:0;right:0;z-index:28;height:54px;display:grid;grid-template-columns:1fr minmax(280px,480px) 1fr;align-items:start;gap:14px;padding:0 106px;border:0;background:transparent;pointer-events:none}.command-phase-panel{grid-column:2;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:0;border:0;background:transparent;box-shadow:none}.command-phase{min-width:0;padding:0;border:0;background:transparent;color:#d7bd82;font:700 18px Georgia,Times New Roman,serif;letter-spacing:.11em;text-transform:uppercase}.command-phase-copy,.phase-copy.command-phase-copy{display:flex!important;flex-direction:column;align-items:center;gap:2px;text-align:center}.phase-title{color:#d5bf91;font:800 19px Georgia,Times New Roman,serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.phase-sub{color:#918472;font-size:12px;white-space:nowrap}.command-actions{grid-column:3;justify-content:flex-end;pointer-events:auto}.battlefield-frame{position:absolute;top:0;right:0;bottom:292px;left:0;z-index:1;display:grid;place-items:center;padding:142px 116px 26px;overflow:hidden;border:0;background:radial-gradient(circle at 50% 53%,rgba(192,151,72,.08),transparent 42%),linear-gradient(90deg,#13425847,#040505fa 50%,#6818144d),#040505}.battlefield-frame:before,.battlefield-frame:after{content:"";position:absolute;top:0;bottom:0;z-index:0;display:block;width:104px;pointer-events:none;background:linear-gradient(180deg,transparent 0 11%,rgba(179,140,75,.24) 11% 12%,transparent 12% 88%,rgba(179,140,75,.24) 88% 89%,transparent 89%),linear-gradient(90deg,rgba(0,0,0,.86),transparent)}.battlefield-frame:before{left:0}.battlefield-frame:after{right:0;transform:scaleX(-1)}.battlefield-scrim{top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 50% 48%,transparent 0 44%,rgba(0,0,0,.36)),linear-gradient(90deg,rgba(20,83,119,.16),transparent 36%,transparent 64%,rgba(142,32,25,.18));opacity:1}.battlefield-frame canvas{position:relative;z-index:2;width:min(calc(100vw - 232px),calc((100vh - 480px)*2),1420px);max-width:none;height:auto;max-height:min(calc(100vh - 480px),710px);border:1px solid rgba(18,15,12,.98);border-radius:2px;outline:1px solid rgba(165,128,70,.68);outline-offset:6px;box-shadow:0 0 0 1px #000000e6,0 24px 44px #0009,inset 0 0 0 1px #ffe5af14,inset 0 0 48px #0009}.board-vitals{position:absolute;top:82px;left:116px;right:116px;z-index:24;pointer-events:none}.board-status-row,.board-tracks-row{width:min(calc(100vw - 232px),1420px);max-width:none;margin:0 auto}.board-status-row{display:grid;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);align-items:end;gap:24px}.board-status-cluster-player{display:grid;grid-template-columns:auto minmax(72px,1fr);align-items:end;gap:16px}.board-status-enemy{justify-self:end}.board-vital-label,.board-round-label{color:#c2a56d;font:800 10px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em}.board-status .hhealth{display:inline-grid;gap:10px;color:#eadabd;font:800 34px Georgia,Times New Roman,serif;text-shadow:0 3px 12px rgba(0,0,0,.52)}.board-status .hud-ico{width:54px;height:54px}.board-gold{justify-self:center;min-width:82px;padding:5px 13px;border:1px solid rgba(154,122,70,.42);background:linear-gradient(180deg,rgba(255,233,181,.08),transparent 60%),#0a0807d1;color:#e5bd66;font-size:14px}.board-round{min-width:108px}.board-tracks-row{display:grid;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);align-items:center;gap:24px;margin-top:4px}.board-track-player .health-bar{background:linear-gradient(90deg,#2c6da4,#66b5e7)!important}.board-track-enemy .health-bar{background:linear-gradient(90deg,#dc4a42,#89211f)!important}.panel{position:absolute;left:0;right:0;bottom:0;z-index:26;height:292px;padding:14px 116px 16px;overflow:hidden;border-width:1px 0 0;border-top-color:#9a7a4694;background:linear-gradient(180deg,rgba(255,235,184,.06),transparent 18%),linear-gradient(90deg,#0b1215fa,#050505fc 48%,#160a08fa),#050505}.deploy-grid{width:min(calc(100vw - 232px),1420px);height:100%;margin:0 auto;display:grid;grid-template-columns:minmax(270px,.82fr) minmax(390px,1.08fr) minmax(460px,1.18fr);gap:16px;align-items:stretch}.command-band{position:relative;min-height:0;overflow:auto;padding:13px 14px 14px;border:1px solid rgba(116,91,56,.78);border-radius:3px;background:linear-gradient(180deg,rgba(255,235,184,.055),transparent 22%),#080807bd;box-shadow:inset 0 0 0 1px #0000006b,0 8px 16px #00000042}.slabel{min-height:24px;margin-bottom:10px;padding-bottom:7px;color:#c7a15a;font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.08em}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px}.card{min-height:106px}body[data-phase=start] .battlefield-frame{top:0;right:0;bottom:0;left:0;padding:120px 40px 40px}body[data-phase=start] .start-overlay{position:relative;z-index:5}body[data-phase=start] .panel,body[data-phase=start] .board-vitals{display:none}body[data-phase=start] .battlefield-frame canvas{display:none}.board-start-screen{width:min(1180px,calc(100vw - 80px));max-height:calc(100vh - 160px)}@media (max-width: 1180px){.command-dock{grid-template-columns:1fr;height:74px;padding:0 28px}.command-phase-panel,.command-actions{grid-column:auto}.command-actions{justify-content:center}.battlefield-frame{bottom:330px;padding-left:28px;padding-right:28px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:min(calc(100vw - 56px),1080px)}.board-vitals{left:28px;right:28px}.panel{height:330px;padding-left:18px;padding-right:18px}.deploy-grid{width:100%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.shop-band{grid-column:2;grid-row:1 / span 2}}@media (max-width: 760px){html,body,#app{position:static;min-height:100%;height:auto;overflow:auto}#app{display:grid;grid-template-rows:auto auto auto auto}.hdr,.command-dock,.battlefield-frame,.panel{position:relative;inset:auto}.hdr{height:58px}.hud-crown .brand-lockup{min-width:0;width:min(360px,calc(100vw - 40px))}.hud-crown .ht{font-size:22px}.command-dock{height:auto;padding:8px 10px}.battlefield-frame{min-height:auto;padding:100px 10px 12px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:calc(100vw - 20px)}.board-vitals{top:12px;left:10px;right:10px}.board-status .hud-ico{width:28px;height:28px}.board-status .hhealth{font-size:22px}.panel{height:auto;padding:12px}.deploy-grid{width:100%;grid-template-columns:1fr;height:auto}.command-band{overflow:visible}.army-grid,.shop-grid{grid-template-columns:1fr}.shop-band{grid-column:auto;grid-row:auto}}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:linear-gradient(90deg,#05141aeb,#050505fa 50%,#1f0705eb),#050505}.hdr{position:absolute;top:8px;left:0;right:0;z-index:40;height:58px;overflow:visible;pointer-events:none;background:transparent}.hud-crown{display:flex;height:58px;align-items:center;justify-content:center}.hud-crown .brand-lockup{position:relative;min-width:340px;height:52px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 30px;overflow:visible;border:1px solid rgba(171,134,76,.72);background:linear-gradient(180deg,rgba(255,236,190,.13),transparent 44%,rgba(0,0,0,.34)),#0c0a09f0;box-shadow:0 12px 24px #00000080,inset 0 0 0 1px #00000073}.hud-crown .emblem,.hud-crown .ht{position:relative;z-index:1}.hud-crown .emblem{width:24px;height:29px}.hud-crown .ht{color:#eadabd;font-size:31px;line-height:1;letter-spacing:.1em}.command-dock{position:absolute;top:66px;left:0;right:0;z-index:39;height:58px;display:block;padding:0;pointer-events:none;background:transparent;border:0}.command-phase-panel{position:absolute;top:0;left:50%;width:min(420px,42vw);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;border:0;background:transparent}.phase-copy.command-phase-copy{display:flex!important;flex-direction:column;align-items:center;gap:3px}.phase-title{color:#d7c092;font:800 20px Georgia,Times New Roman,serif;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}.phase-sub{color:#948875;font-size:12px;line-height:1.2;white-space:nowrap}.command-actions{position:absolute;top:4px;right:128px;z-index:2;display:flex;width:auto;justify-content:flex-end;pointer-events:auto}.top-action-row{width:auto}.deploy-action-row{display:flex}.top-side-action{min-width:82px}.top-main-action{min-width:172px}.battlefield-frame{position:absolute;top:0;right:0;bottom:270px;left:0;z-index:1;display:grid;place-items:center;height:calc(100vh - 270px);min-height:0;box-sizing:border-box;grid-template:"field" 1fr / 1fr;padding:142px 92px 24px;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(183,139,70,.08),transparent 44%),linear-gradient(90deg,#0a2f3fc7,#040505fa 50%,#3e0d0ad1);border:0}.battlefield-frame canvas{grid-area:field;align-self:center;justify-self:center;width:min(calc(100vw - 184px),calc((100vh - 450px)*2),1380px);max-height:min(calc(100vh - 450px),690px);border-radius:3px}.battlefield-scrim,.start-overlay,.result-overlay{grid-area:field}.board-vitals{position:absolute;top:70px;left:128px;right:128px;z-index:33;pointer-events:none}.board-status-row,.board-tracks-row{width:min(calc(100vw - 560px),1120px)}.board-status-row{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:20px;align-items:end}.board-status-cluster-player{grid-template-columns:auto minmax(72px,1fr)}.board-status .hud-ico{width:44px;height:44px}.board-status .hhealth{font-size:30px}.board-gold{align-self:end;justify-self:center;transform:none}.board-tracks-row{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:20px;margin-top:4px}.panel{position:absolute;left:0;right:0;bottom:0;z-index:34;height:270px;padding:13px 92px 14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,235,184,.055),transparent 18%),#060605f7;border-top:1px solid rgba(154,122,70,.58)}.deploy-grid{width:min(calc(100vw - 184px),1380px);height:100%;grid-template-columns:minmax(270px,.82fr) minmax(380px,1.08fr) minmax(470px,1.2fr);gap:14px}.command-band{overflow:auto}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}.card{min-height:104px}body[data-phase=start] .battlefield-frame{top:0;right:0;bottom:0;left:0;height:100vh;padding:128px 40px 40px}@media (max-width: 1180px){.command-actions{position:static;justify-content:center;margin-top:34px}.command-dock{height:86px}.battlefield-frame{top:0;right:0;bottom:324px;left:0;height:calc(100vh - 324px);padding:166px 24px 18px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:calc(100vw - 48px)}.board-vitals{top:86px;left:24px;right:24px}.panel{height:324px;padding:12px 18px}.deploy-grid{width:100%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.shop-band{grid-column:2;grid-row:1 / span 2}}@media (max-width: 760px){html,body,#app{position:static;height:auto;overflow:auto}#app{display:grid;grid-template-rows:auto auto auto auto}.hdr,.command-dock,.battlefield-frame,.panel{position:relative;inset:auto}.command-actions{margin-top:8px}.battlefield-frame{height:auto;padding:110px 10px 12px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:calc(100vw - 20px)}.board-vitals{top:12px;left:10px;right:10px}.panel{height:auto;padding:12px}.deploy-grid{width:100%;grid-template-columns:1fr;height:auto}.shop-band{grid-column:auto;grid-row:auto}}:root{--screen-panel-h: clamp(184px, 24vh, 224px);--screen-side: clamp(12px, 2.2vw, 44px);--screen-board-top: clamp(132px, 17vh, 152px);--screen-play-board-top: clamp(132px, 10.5vh, 152px);--screen-board-bottom: 10px;--screen-left-rail: clamp(300px, 15.5vw, 320px);--screen-right-rail: clamp(340px, 17.5vw, 360px);--screen-rail-gap: clamp(10px, .9vw, 18px);--screen-left-dock: clamp(18px, 2vw, 40px);--screen-board-w: min( calc(100vw - (var(--screen-left-rail) * 2) - (var(--screen-rail-gap) * 2)), calc(100vw - (var(--screen-right-rail) * 2) - (var(--screen-rail-gap) * 2)), calc((100vh - var(--screen-board-top) - var(--screen-board-bottom)) * 2), 1460px );--screen-board-h: calc(var(--screen-board-w) / 2);--screen-max: 1380px;--iron-bg: #050505;--iron-panel: rgba(7, 7, 6, .96);--iron-panel-soft: rgba(10, 10, 9, .78);--iron-line: rgba(154, 122, 70, .58);--iron-line-soft: rgba(154, 122, 70, .24);--iron-text: #eadabd;--iron-muted: #948875;--iron-gold: #c7a15a;--side-blue: #5aa8dc;--side-red: #d24d46;--font-display: "Cinzel", "Trajan Pro", "Copperplate", Georgia, "Times New Roman", serif;--font-ui: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif;--font-readable: "Trebuchet MS", "Segoe UI", Roboto, Arial, ui-sans-serif, system-ui, sans-serif;--io-btn-xs: 28px;--io-btn-sm: 32px;--io-btn-md: 38px;--io-btn-lg: 46px;--io-btn-xl: 54px;--io-btn-war: 52px;--io-btn-pad-sm: 10px;--io-btn-pad-md: 14px;--io-btn-pad-lg: 18px}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;font-family:var(--font-readable);background:radial-gradient(circle at 12% 52%,rgba(27,76,96,.26),transparent 34%),radial-gradient(circle at 88% 52%,rgba(108,25,20,.3),transparent 34%),linear-gradient(90deg,#071b22,#050505 46%,#050505 54%,#260706)}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:auto;max-width:none;height:auto;padding:0;overflow:hidden;background:linear-gradient(90deg,#08232deb,#050505fa 49%,#2b0806eb),var(--iron-bg)}button{min-height:var(--io-btn-md);padding:0 var(--io-btn-pad-md);display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:0;font-size:11px;line-height:1;text-align:center;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,filter .16s ease,transform .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.bp{min-height:var(--io-btn-md);padding-inline:var(--io-btn-pad-md)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.hdr{position:absolute;top:8px;left:0;right:0;z-index:50;display:flex;height:92px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;pointer-events:none}.hdr:before,.hdr:after,.hud-crown:before,.hud-crown:after,.hud-crown .brand-lockup:before,.hud-crown .brand-lockup:after{display:none}.hud-crown{display:flex;height:92px;align-items:center;justify-content:center;padding:0}.hud-crown .brand-lockup{position:relative;display:flex;width:min(330px,calc(100vw - 40px));height:82px;align-items:center;justify-content:center;gap:0;padding:0 16px;overflow:visible;border:1px solid rgba(171,134,76,.72);background:linear-gradient(180deg,rgba(255,236,190,.13),transparent 44%,rgba(0,0,0,.34)),#0c0a09f0;box-shadow:0 12px 24px #00000080,inset 0 0 0 1px #00000073}.hud-crown .emblem{display:none}.hud-crown .wordmark{display:block;width:min(218px,calc(100vw - 86px));height:auto;flex:0 1 auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.7))}.command-dock{position:absolute;top:66px;left:0;right:0;z-index:49;height:58px;display:block;padding:0;border:0;background:transparent;pointer-events:none}.command-dock:before{display:none}.command-phase-panel{position:absolute;top:0;left:50%;width:min(420px,42vw);display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border:0;background:transparent;transform:translate(-50%)}.command-phase{display:none}.phase-copy.command-phase-copy{display:flex!important;flex-direction:column;align-items:center;gap:3px;text-align:center}.phase-title{color:#d7c092;font:900 20px var(--font-display);letter-spacing:.11em;line-height:1;text-transform:uppercase;white-space:nowrap}.phase-sub{color:var(--iron-muted);font-family:var(--font-ui);font-size:12px;line-height:1.2;white-space:nowrap}.start-title,.pack-name,.slabel,.active-omens-label,.active-omen-name,.tower-status-head strong,.command-bay-title .slabel,.unit-name,.uname{font-family:var(--font-display)}button,.top-action-btn,.phase-sub,.board-vital-label,.active-omen-state,.active-omen-effect,.tower-status-effect,.command-note,.pack-summary{font-family:var(--font-ui)}.command-actions{position:absolute;top:8px;right:clamp(42px,6.2vw,128px);z-index:2;display:flex;width:auto;justify-content:flex-end;padding:0;border:0;pointer-events:auto}.top-action-row,.deploy-action-row{display:flex;width:auto;align-items:stretch;gap:8px}.top-side-action{min-width:92px}.top-main-action{min-width:184px}.top-action-btn,.top-action-row .bp.top-action-btn,.battle-speed-row .top-action-btn{min-height:var(--io-btn-lg);padding:0 var(--io-btn-pad-lg);font-size:11px}.speed-btn,.battle-speed-row .speed-btn{min-width:58px;min-height:var(--io-btn-lg);padding:0 var(--io-btn-pad-md)}.card,.tower-status-card,.pack-card,.board-start-screen .start-menu-card,.board-start-screen.start-offline-difficulty .ai-level-chip{white-space:normal}.card,.atag,.tower-status-card,.banner-choice,.banner-upgrade,.form-btn,.unit-action-btn,.top-action-btn,.speed-btn{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,filter .16s ease,opacity .16s ease,transform .16s ease}.card:hover:not(.blocked):not(.locked),.atag:hover,.tower-status-card:hover,.banner-choice:hover:not(.off):not(:disabled),.banner-upgrade:hover:not(.off):not(:disabled),.form-btn:hover:not([aria-disabled=true]),.unit-action-btn:hover:not(:disabled){transform:translateY(-1px)}.card:active:not(.blocked):not(.locked),.atag:active,.tower-status-card:active,.banner-choice:active:not(.off):not(:disabled),.banner-upgrade:active:not(.off):not(:disabled),.form-btn:active:not([aria-disabled=true]),.unit-action-btn:active:not(:disabled){transform:translateY(0)}.battlefield-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;height:100vh;min-height:0;box-sizing:border-box;grid-template:"field" 1fr / 1fr;place-items:start center;padding:var(--screen-board-top) var(--screen-side) var(--screen-board-bottom);overflow:hidden;border:0;background:radial-gradient(circle at 50% 52%,rgba(183,139,70,.08),transparent 44%),linear-gradient(90deg,#0a2f3fc7,#040505fa 50%,#3e0d0ad1)}.battlefield-frame:before,.battlefield-frame:after{content:"";position:absolute;top:var(--screen-board-top);bottom:var(--screen-board-bottom);z-index:1;width:22vw;max-width:420px;min-width:220px;pointer-events:none}.battlefield-frame:before{left:0;background:linear-gradient(90deg,rgba(7,20,24,.74),rgba(7,20,24,.36),transparent),linear-gradient(180deg,transparent,rgba(90,168,220,.07) 50%,transparent)}.battlefield-frame:after{right:0;background:linear-gradient(270deg,rgba(31,10,8,.76),rgba(31,10,8,.38),transparent),linear-gradient(180deg,transparent,rgba(210,77,70,.08) 50%,transparent)}.battlefield-frame canvas,.battlefield-scrim,.start-overlay,.result-overlay{grid-area:field}.battlefield-frame canvas{position:relative;z-index:2;width:var(--screen-board-w);height:auto;max-width:none;max-height:none;align-self:start;justify-self:center;border:1px solid rgba(18,15,12,.98);border-radius:3px;outline:1px solid rgba(165,128,70,.66);outline-offset:5px;box-shadow:0 0 0 1px #000000e6,0 24px 44px #0009,inset 0 0 0 1px #ffe5af14,inset 0 0 48px #0009}.battlefield-scrim{top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(11,40,52,.44),transparent 37%,transparent 63%,rgba(77,13,10,.48)),radial-gradient(circle at 50% 52%,transparent 0 42%,rgba(0,0,0,.38));opacity:1;pointer-events:none}.board-vitals{position:absolute;top:66px;left:clamp(32px,6.2vw,128px);right:clamp(32px,6.2vw,128px);z-index:34;pointer-events:none}.board-status-row,.board-tracks-row{width:min(calc(100vw - 560px),1120px);margin:0 auto}.board-status-row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:20px;align-items:end}.board-status-cluster-player{display:grid;grid-template-columns:auto minmax(72px,1fr);gap:14px;align-items:end}.board-status{gap:12px}.board-status-player{justify-content:flex-start}.board-status-enemy{justify-content:flex-end}.board-vital-label{color:#b9a06d;font:800 10px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase}.board-status .hud-ico{width:44px;height:44px;margin-right:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.42))}.board-status .hhealth{display:inline-flex;gap:8px;color:var(--iron-text);font:800 30px Georgia,Times New Roman,serif;text-shadow:0 3px 12px rgba(0,0,0,.52)}.board-status-player .hhealth{color:#d9effb}.board-status-enemy .hhealth{color:#f2d7c2}.board-gold{align-self:end;justify-self:center;min-width:78px;padding:5px 13px;border:1px solid rgba(154,122,70,.42);background:linear-gradient(180deg,rgba(255,233,181,.08),transparent 60%),#0a0807d1;color:#e5bd66;font-size:14px;transform:none}.board-round{min-width:120px}.board-round-label-row{visibility:hidden}.board-round-label-row .board-round-label{display:none}.board-round-value{color:#f0dfbd;font-size:32px}.board-tracks-row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:20px;align-items:center;margin-top:4px}.board-health-track{height:12px;border:1px solid rgba(19,15,12,.98);border-radius:2px;background:#060504e6;box-shadow:0 2px 10px #00000059,inset 0 1px #ffeabc0f}.board-health-track .health-bar{border-radius:1px}.board-track-player .health-bar{background:linear-gradient(90deg,#2c6da4,var(--side-blue))!important}.board-track-enemy .health-bar{background:linear-gradient(90deg,var(--side-red),#89211f)!important}body[data-phase=deploy]{--screen-board-top: var(--screen-play-board-top);--screen-board-bottom: 10px}body[data-phase=deploy] .hdr{display:none}body[data-phase=deploy] .command-dock{top:12px;height:40px;z-index:58}body[data-phase=deploy] .command-phase-panel{top:0;width:min(320px,32vw);padding:0}body[data-phase=deploy] .phase-title{font-size:17px;letter-spacing:.1em}body[data-phase=deploy] .phase-sub{display:none}body[data-phase=deploy] .command-actions{top:0;right:clamp(18px,2.6vw,54px)}body[data-phase=deploy] .top-action-row,body[data-phase=deploy] .deploy-action-row{gap:6px}body[data-phase=deploy] .top-action-btn,body[data-phase=deploy] .top-action-row .bp.top-action-btn{min-height:36px;padding:0 12px;font-size:10px}body[data-phase=deploy] .top-side-action{min-width:72px}body[data-phase=deploy] .top-main-action{min-width:152px}body[data-phase=deploy] .board-vitals{top:52px;left:clamp(42px,6vw,148px);right:clamp(42px,6vw,148px);z-index:42}body[data-phase=deploy] .board-status-row,body[data-phase=deploy] .board-tracks-row{width:min(calc(100vw - 560px),1320px)}body[data-phase=deploy] .board-status-row{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:14px;align-items:end}body[data-phase=deploy] .board-status-cluster-player{grid-template-columns:auto minmax(60px,88px);gap:10px}body[data-phase=deploy] .board-status{gap:8px}body[data-phase=deploy] .board-vital-label{font-size:9px;letter-spacing:.14em}body[data-phase=deploy] .board-status .hud-ico{width:32px;height:32px}body[data-phase=deploy] .board-status .hhealth{gap:6px;font-size:24px}body[data-phase=deploy] .board-gold{min-width:64px;padding:4px 10px;font-size:12px}body[data-phase=deploy] .board-tracks-row{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:14px;margin-top:3px}body[data-phase=deploy] .board-health-track{height:9px}body[data-phase=deploy] .board-round{min-width:74px}body[data-phase=deploy] .board-round-value{font-size:24px}body[data-phase=deploy] .active-omens,body[data-phase=battle] .active-omens{position:absolute;top:calc(var(--screen-board-top) + var(--screen-board-h) + 12px);left:50%;z-index:18;display:flex;width:min(var(--screen-board-w),calc(100vw - 32px));max-height:54px;align-items:center;gap:10px;margin:0;padding:7px 10px;overflow:hidden;border-color:#9a7a4657;background:linear-gradient(90deg,rgba(115,65,36,.13),transparent 28%,transparent 72%,rgba(115,65,36,.1)),#050504a8;box-shadow:0 8px 18px #00000042,inset 0 1px #ffe8b20d;opacity:.92;transform:translate(-50%);pointer-events:none}body[data-phase=deploy] .active-omens-label,body[data-phase=battle] .active-omens-label{flex:0 0 auto;margin:0;color:#c7a15a;font-size:9px;letter-spacing:.14em;text-align:left;white-space:nowrap}body[data-phase=deploy] .active-omens-row,body[data-phase=battle] .active-omens-row{display:flex;min-width:0;flex:1 1 auto;flex-wrap:nowrap;gap:7px;justify-content:flex-start;overflow:hidden}body[data-phase=deploy] .active-omen,body[data-phase=battle] .active-omen{display:grid;flex:0 1 260px;min-width:170px;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:1px;padding:4px 8px;border-color:#c7a15a75;background:#3a1f127a;box-shadow:none;cursor:default}body[data-phase=deploy] .active-omen-name,body[data-phase=battle] .active-omen-name{overflow:hidden;color:#f0d08a;font-size:11px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}body[data-phase=deploy] .active-omen-state,body[data-phase=battle] .active-omen-state{margin:0;color:#bfa268;font-size:8px;line-height:1.2;white-space:nowrap}body[data-phase=deploy] .active-omen-effect,body[data-phase=battle] .active-omen-effect{grid-column:1 / -1;margin:0;overflow:hidden;color:#bdb19a;font-size:9px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}body[data-phase=battle]{--screen-board-top: var(--screen-play-board-top);--screen-board-bottom: 10px}body[data-phase=battle] .hdr{display:none}body[data-phase=battle] .command-phase-panel{opacity:0;transform:translateY(-12px);pointer-events:none}body[data-phase=battle] .command-dock{top:14px;height:38px;z-index:58}body[data-phase=battle] .command-actions{top:0;right:clamp(18px,2.6vw,54px)}body[data-phase=battle] .battle-speed-row{align-items:center;gap:5px;padding:3px;border:1px solid rgba(92,125,132,.28);background:linear-gradient(180deg,#daf5fa12,#0000002e),#05090a8f;box-shadow:0 8px 18px #0000004d,inset 0 1px #fff5d60a}body[data-phase=battle] .battle-speed-row .speed-ico{display:none}body[data-phase=battle] .battle-speed-row .top-action-btn,body[data-phase=battle] .battle-speed-row .speed-btn{min-width:42px;min-height:30px;padding:0 9px;border-color:#78999e5c;background:linear-gradient(180deg,#e2faff14,#040e109e),#070a0abd;color:#cfe4e7;font-size:10px;letter-spacing:.08em;box-shadow:none}body[data-phase=battle] .battle-speed-row .top-action-btn.active{border-color:#83dce8c2;color:#effcff;background:linear-gradient(180deg,#b4f2fc2e,#0e333ab8),#071214d1;box-shadow:inset 0 0 0 1px #b4f2fc29,0 0 18px #56bcd229}body[data-phase=battle] .stalemate-chip,body[data-phase=battle] .speed-sync-chip,body[data-phase=battle] .round-pill{min-height:30px;padding:0 9px;font-size:9px;letter-spacing:.08em}body[data-phase=battle] .board-vitals{top:18px;left:clamp(100px,14vw,420px);right:clamp(100px,14vw,420px);z-index:42}body[data-phase=battle] .board-status-row{display:none}body[data-phase=battle] .board-tracks-row{width:min(calc(100vw - 720px),1120px);grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;margin-top:0}body[data-phase=battle] .board-round{min-width:54px}body[data-phase=battle] .board-round-value{display:inline-flex;min-width:42px;min-height:30px;align-items:center;justify-content:center;border:1px solid rgba(177,139,75,.35);background:linear-gradient(180deg,#ffe8ae14,#0000003d),#080706a3;color:#e9d6aa;font-size:18px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.65)}body[data-phase=battle] .board-round-value:before{content:"R";margin-right:3px;color:#a89160;font:800 9px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}body[data-phase=battle] .board-health-track{height:8px;border-color:#0b0a08e0;background:#030303b8;box-shadow:0 4px 12px #00000052,inset 0 1px #ffeabc0a}body[data-phase=battle] .panel{pointer-events:none}body[data-phase=battle] .battle-watch{position:absolute;left:clamp(18px,2.6vw,54px);bottom:18px;min-height:0;max-width:320px;padding:8px 10px;border:1px solid rgba(106,178,186,.26);border-left:2px solid rgba(106,178,186,.55);background:#04060675;color:#8f948d;font-family:Inter,ui-sans-serif,system-ui,sans-serif;pointer-events:auto}body[data-phase=battle] .battle-watch strong{font-size:11px}body[data-phase=battle] .battle-watch small,body[data-phase=battle] .battle-watch span{font-size:10px;line-height:1.25}.panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;height:auto;padding:0;overflow:visible;border:0;background:transparent;pointer-events:none}.deploy-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:100%;margin:0;display:block;pointer-events:none}.deploy-grid.command-selected{display:block}.command-band{position:relative;pointer-events:auto;min-height:0;overflow:auto;padding:12px 13px 13px;border:1px solid rgba(116,91,56,.66);border-radius:0;background:linear-gradient(90deg,rgba(139,111,64,.08),transparent 12%,transparent 88%,rgba(139,111,64,.045)),linear-gradient(180deg,rgba(255,235,184,.06),transparent 23%),#080807b8;box-shadow:inset 0 0 0 1px #00000080,0 12px 22px #0000004d;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);scrollbar-width:thin;scrollbar-color:rgba(160,126,70,.55) rgba(8,8,7,.35)}.command-band:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:2px;background:linear-gradient(180deg,transparent,rgba(199,161,90,.72),transparent);pointer-events:none}.side-rail{position:absolute;top:var(--screen-board-top);z-index:2;display:grid;height:var(--screen-board-h);max-height:calc(100vh - var(--screen-board-top) - var(--screen-board-bottom));min-height:0;overflow:hidden;border:1px solid rgba(116,91,56,.66);background:linear-gradient(90deg,rgba(139,111,64,.08),transparent 12%,transparent 88%,rgba(139,111,64,.045)),linear-gradient(180deg,rgba(255,235,184,.055),transparent 24%),#070807b8;box-shadow:inset 0 0 0 1px #00000085,0 12px 22px #0000004d;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);pointer-events:auto}.side-rail:before,.side-rail:after{content:"";position:absolute;left:8px;right:8px;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(199,161,90,.38),transparent);pointer-events:none}.side-rail:before{top:8px}.side-rail:after{bottom:8px}.left-rail{left:max(var(--screen-rail-gap),calc((100vw - var(--screen-board-w)) / 2 - var(--screen-left-rail) - var(--screen-rail-gap)));width:var(--screen-left-rail);grid-template-rows:minmax(220px,.45fr) minmax(0,1fr)}.right-rail{left:calc((100vw + var(--screen-board-w)) / 2 + var(--screen-rail-gap));width:var(--screen-right-rail);grid-template-rows:minmax(0,1fr)}.side-rail>.command-band{position:relative;inset:auto;width:auto;max-height:none;min-height:0;padding:12px 13px;overflow:auto;border:0;background:transparent;box-shadow:none;clip-path:none}.side-rail>.command-band:before,.side-rail>.command-band:after{display:none}.left-rail .banner-band,.left-rail .command-bay{border-bottom:1px solid rgba(154,122,70,.2)}.left-rail .warhost-band{border-top:1px solid rgba(0,0,0,.48)}.right-rail .shop-band{height:100%}.deploy-grid.command-selected .warhost-band{display:none}.deploy-grid.command-selected .left-rail{grid-template-rows:minmax(0,1fr)}.deploy-grid.command-selected .command-bay{height:100%;max-height:none;border-bottom:0}.command-band:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(207,166,91,.08);pointer-events:none}.slabel{min-height:23px;margin-bottom:9px;padding-bottom:7px;color:var(--iron-gold);font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.slabel span{color:#7f7464;font-size:10px}.army-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.atag{min-width:0;justify-content:flex-start;cursor:pointer}.atag.sel,.atag.moving{border-color:#f1cf7ab8;background:linear-gradient(90deg,rgba(241,207,122,.1),transparent 62%),#0c0b09eb}.atag.moving{cursor:grabbing}.banner-grid{grid-template-columns:1fr;gap:8px}.tower-status-grid{display:grid;gap:8px}.tower-status-card{display:grid;gap:7px;width:100%;padding:9px;border:1px solid rgba(154,122,70,.22);background:linear-gradient(90deg,color-mix(in srgb,var(--banner-color, #6b5a3b) 16%,transparent),transparent 72%),#0000002e;color:var(--iron-text);text-align:left;cursor:pointer}.tower-status-card:hover{border-color:#cfa65b7a;background:linear-gradient(90deg,color-mix(in srgb,var(--banner-color, #6b5a3b) 24%,transparent),transparent 74%),#00000042}.tower-status-card.empty{color:#9a8f80}.tower-status-head,.tower-status-body{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tower-status-head strong{color:var(--iron-gold);font:900 12px Georgia,Times New Roman,serif;letter-spacing:.07em;line-height:1;text-transform:uppercase}.tower-status-head small,.tower-status-kind{color:#70685e;font-size:9px;line-height:1.1}.tower-status-state{color:#eadabd;font-size:12px;font-weight:900}.tower-status-effect{color:#8e8475;font-size:10px;line-height:1.25}.tower-command .command-bay-layout,.tower-standard-orders{gap:8px}.tower-equipped{margin:0}.command-bay{overflow:auto}.command-bay.enemy{border-color:#8e4838b8}.command-bay.placing{border-color:#68aed29e;background:linear-gradient(90deg,rgba(65,143,187,.14),transparent 16%,transparent 84%,rgba(199,161,90,.05)),linear-gradient(180deg,rgba(255,235,184,.06),transparent 23%),#070b0cc2}.command-bay-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.command-bay-title .slabel{min-height:0;margin:0;padding:0 0 7px;flex:1}.command-clear{position:relative;z-index:1;min-width:var(--io-btn-xs);width:var(--io-btn-xs);height:var(--io-btn-xs);min-height:var(--io-btn-xs);padding:0;color:#bda36d;line-height:1}.command-bay-layout{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:6px}.command-unit-card{grid-column:auto;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:6px;border:1px solid rgba(154,122,70,.14);background:#00000029}.command-unit-card .unit-portrait{width:42px;height:42px}.command-unit-name{color:var(--iron-text);font:900 16px Georgia,Times New Roman,serif;line-height:1.05}.command-unit-sub{margin-top:4px;color:#8d8270;font-size:11px;line-height:1.25;text-wrap:balance}.command-fact-strip{grid-column:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.command-fact{min-height:30px;padding:5px 4px;border:1px solid rgba(154,122,70,.18);background:#00000038}.command-fact span{display:block;color:#e5d2a6;font:900 12px Georgia,Times New Roman,serif;line-height:1}.command-fact small{display:block;margin-top:4px;color:#746b5d;font-size:7px;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase}.command-readout,.command-improve,.command-orders{min-width:0;padding:6px;border:1px solid rgba(154,122,70,.16);background:#0000002e}.placement-readout{border-color:#68aed238;background:linear-gradient(90deg,rgba(65,143,187,.1),transparent 70%),#0000002e}.command-readout,.command-improve{grid-column:auto}.command-improve,.command-readout{grid-row:auto}.command-orders{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;gap:6px}.command-note{color:#928675;font-size:11px;line-height:1.35}.command-bay .mini-label{margin-bottom:5px;font-size:9px;letter-spacing:.13em}.command-bay .order-block{margin:0;padding:6px;border:1px solid rgba(154,122,70,.14);background:#00000029}.command-bay .form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.command-bay .form-btn{min-height:24px;padding:4px 5px;font-size:9px;line-height:1.05;white-space:normal}.command-bay .form-desc,.command-bay .muted-line,.command-bay .warn-line,.command-bay .stat-preview{font-size:11px;line-height:1.35}.command-bay .form-desc{display:none}.command-actions-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:auto;grid-row:auto;align-items:stretch;gap:5px;margin:0;padding:6px;border:1px solid rgba(154,122,70,.16);background:#0000002e}.command-actions-row:empty{display:none}.command-actions-row .unit-action-btn{min-height:var(--io-btn-sm);width:auto;margin:0}.command-actions-row .unit-action-btn.danger{margin-left:0}.command-actions-row .unit-action-note,.command-bay.placing .command-actions-row .unit-action-btn{grid-column:1 / -1}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:9px}.card{min-height:104px;cursor:pointer}.card.sel{outline:1px solid rgba(241,207,122,.78);outline-offset:2px}.card.off{cursor:not-allowed}.card.blocked{filter:grayscale(.24) brightness(.72)}.card.locked{cursor:default}.top-action-btn:disabled,.banner-choice:disabled,.banner-upgrade:disabled,.upgrade-btn:disabled{cursor:not-allowed}.unit-modal-layer{z-index:90}.unit-modal{width:min(760px,calc(100vw - 44px));max-height:min(86vh,720px);gap:12px;padding:18px;border-color:#9a7a46a8;border-radius:3px;background:linear-gradient(180deg,rgba(255,235,184,.06),transparent 18%),linear-gradient(140deg,#0c1212fa,#060605fc 52%,#0f0b08fa)}.unit-modal.enemy{background:linear-gradient(180deg,rgba(255,235,184,.055),transparent 18%),linear-gradient(140deg,#180d0bfa,#060605fc 52%,#110807fa)}.unit-modal-close{min-width:34px;width:34px;min-height:34px;padding:0;overflow:hidden;color:transparent}.unit-modal-close:before,.unit-modal-close:after{content:"";position:absolute;top:16px;left:9px;width:16px;height:1px;background:#bda36d}.unit-modal-close:before{transform:rotate(45deg)}.unit-modal-close:after{transform:rotate(-45deg)}.unit-modal-head{grid-template-columns:74px minmax(0,1fr);gap:12px}.unit-modal-portrait .unit-portrait{width:68px;height:68px}.unit-modal-title{font-size:clamp(23px,3vw,31px);letter-spacing:0}.unit-modal-facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.unit-fact{min-height:56px;padding:8px 9px;border-color:#9a7a4642;background:linear-gradient(180deg,rgba(255,239,192,.04),transparent 32%),#080807bd}.unit-fact span{font-size:18px}.unit-fact small{margin-top:6px;font-size:8px}.unit-modal-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;align-items:start}.unit-modal-body .unit-command-section:nth-of-type(3){grid-column:2;grid-row:1 / span 2}.unit-command-section{display:flex;flex-direction:column;gap:8px;padding:10px 11px;border:1px solid rgba(154,122,70,.24);background:linear-gradient(180deg,rgba(255,235,184,.035),transparent 34%),#07070694}.unit-section-title{color:var(--iron-gold);font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1;text-transform:uppercase}.unit-section-body{display:flex;flex-direction:column;gap:8px}.unit-read-grid{display:grid;grid-template-columns:.7fr 1.35fr .75fr;gap:6px}.unit-read-grid span{min-height:44px;padding:8px 9px;border:1px solid rgba(154,122,70,.18);background:#00000038;color:#d8c9a7;font-size:12px;line-height:1.25}.unit-read-grid b{display:block;margin-bottom:4px;color:#766d60;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.unit-modal .order-block{margin:0;padding:9px;border:1px solid rgba(154,122,70,.16);background:#0000002e}.unit-modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px}.unit-modal .form-btn{min-height:var(--io-btn-sm);padding:0 var(--io-btn-pad-sm);white-space:normal}.unit-modal-actions{align-items:center}.unit-action-btn{min-height:var(--io-btn-md)}.unit-action-btn.primary{color:#f0dfbd;border-color:#68aed27a}.unit-action-btn.evolve{color:#ffd76c;border-color:#d3a7438a}.unit-action-btn.move{color:#b7dd8b;border-color:#91c8758f}.unit-action-btn.danger{margin-left:auto;color:#e98a75;border-color:#c6503e7a}.unit-action-note{max-width:260px}body[data-phase=start]{--screen-board-top: clamp(108px, 14vh, 126px)}body[data-phase=start] .command-dock{display:none}body[data-phase=start] .battlefield-frame{top:0;right:0;bottom:0;left:0;height:100vh;place-items:start center;padding:var(--screen-board-top) var(--screen-side) var(--screen-board-bottom);background:radial-gradient(circle at 50% 18%,rgba(197,151,75,.07),transparent 30%),repeating-linear-gradient(0deg,rgba(216,176,99,.022) 0 1px,transparent 1px 86px),repeating-linear-gradient(90deg,rgba(216,176,99,.018) 0 1px,transparent 1px 106px),linear-gradient(90deg,#071c24e6,#050606fa 49%,#2a0806eb)}body[data-phase=start] .battlefield-frame:before,body[data-phase=start] .battlefield-frame:after{display:none}body[data-phase=start] .panel,body[data-phase=start] .board-vitals,body[data-phase=start] .battlefield-frame canvas{display:none}body[data-phase=start] .start-overlay{position:relative;inset:auto;z-index:5;width:var(--screen-board-w);height:var(--screen-board-h);max-height:calc(100vh - var(--screen-board-top) - var(--screen-board-bottom));align-items:stretch}.board-start-screen{position:relative;isolation:isolate;display:grid;width:100%;height:100%;max-height:none;gap:13px;padding:16px 19px 18px;overflow:hidden;border-radius:0;border-color:#745b38b8;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}body[data-phase=start] .board-start-screen{border:0;box-shadow:none;clip-path:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-phase=start] .board-start-screen:before{display:none}.board-start-screen:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(73,139,166,.06),transparent 38%,rgba(161,54,44,.06)),repeating-linear-gradient(0deg,rgba(216,176,99,.025) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(216,176,99,.022) 0 1px,transparent 1px 42px);opacity:.8}.board-start-screen .start-header{align-self:start;justify-self:center;width:min(100%,560px);padding:0 0 11px;text-align:center}.board-start-screen .start-nav-back{position:absolute;top:18px;left:19px;z-index:3;width:auto;min-width:78px;height:30px;min-height:30px;padding:0 12px;border-color:#9a7a4647;background:linear-gradient(180deg,rgba(237,210,151,.05),transparent 58%),#0000002e;color:#decda6b8;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:none}.board-start-screen .start-nav-back:hover:not(:disabled),.board-start-screen .start-nav-back:focus-visible{border-color:#cfa65b8a;background:linear-gradient(180deg,rgba(237,210,151,.08),transparent 58%),#00000052;color:#eadabd;transform:translate(-2px)}.board-start-screen .start-title{color:var(--iron-gold);font-size:clamp(20px,2vw,28px);letter-spacing:.16em;line-height:1}.board-start-screen .start-subtitle{margin:0 auto;max-width:58ch;font-size:13px}.board-start-screen.start-menu{align-content:stretch;grid-template-rows:auto minmax(0,1fr) auto}.board-start-screen.start-offline-difficulty,.board-start-screen.start-online-lobby{align-content:center;grid-template-rows:auto auto auto;gap:16px}.board-start-screen.start-menu .start-menu-grid{align-self:stretch;width:min(100%,1040px);justify-self:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.board-start-screen .start-menu-card{position:relative;cursor:pointer;grid-template-rows:auto minmax(126px,.6fr) auto auto;min-height:0;height:100%;gap:14px;padding:18px 22px 20px;border-radius:0;overflow:hidden;text-align:left;white-space:normal;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease,transform .2s ease}.board-start-screen .start-menu-card:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(226,188,104,.11);pointer-events:none;transition:border-color .2s ease,inset .2s ease,opacity .2s ease}.board-start-screen .start-menu-card.online:after{border-color:#6fb7cc21}.board-start-screen .start-menu-card strong{align-self:end;font-size:clamp(32px,3vw,42px);line-height:.92}.board-start-screen .start-menu-card small{max-width:30ch;color:#a99a83;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;white-space:normal}.start-menu-art{position:relative;display:grid;min-height:158px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;padding:16px 26px}.start-menu-art:before{content:"";position:absolute;top:16px;right:8px;bottom:16px;left:8px;border:1px solid rgba(196,155,84,.12);background:radial-gradient(circle at 50% 42%,rgba(203,169,99,.12),transparent 45%),#0000002e;transition:background .2s ease,border-color .2s ease,inset .2s ease,opacity .2s ease}.start-menu-card.online .start-menu-art:before{border-color:#6fb7cc29;background:radial-gradient(circle at 50% 42%,rgba(82,155,178,.13),transparent 45%),#0000002e}.start-menu-fieldline{position:absolute;left:58px;right:58px;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,155,84,.36),transparent)}.start-menu-seal{position:relative;z-index:1;width:96px;height:104px;display:grid;place-items:center;opacity:.82;filter:drop-shadow(0 16px 20px rgba(0,0,0,.58))}.start-menu-seal.primary{justify-self:end}.start-menu-seal.secondary{justify-self:start}.start-menu-card-solo .start-menu-seal.secondary{width:120px}.start-menu-seal img{width:100%;height:100%;object-fit:contain;transition:filter .2s ease,transform .2s ease}.start-menu-versus{position:relative;z-index:2;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(196,155,84,.3);background:#050504c2;color:#c6a562;font:900 10px system-ui,sans-serif;letter-spacing:.12em;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.board-start-screen .start-route-card,.board-start-screen .mp-panel{width:min(100%,980px);justify-self:center;align-self:center;border-radius:0;background:linear-gradient(90deg,rgba(139,111,64,.08),transparent 18%,transparent 82%,rgba(139,111,64,.05)),#00000042}.board-start-screen .start-route-card{display:grid;grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);gap:16px;align-items:center;min-height:218px;padding:18px 22px}.board-start-screen .difficulty-card{align-self:center}.enemy-dossier{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:160px;padding:10px 16px 10px 4px;border-right:1px solid rgba(156,117,57,.2)}.enemy-dossier-seal{width:84px;height:96px;display:grid;place-items:center}.enemy-dossier-seal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.62))}.enemy-dossier .start-route-copy{align-self:center}.enemy-difficulty-name{margin:6px 0 5px;color:#eadabd;font:900 24px Georgia,Times New Roman,serif;letter-spacing:.08em;line-height:1;text-transform:uppercase}.board-start-screen.start-offline-difficulty .ai-level-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.board-start-screen.start-offline-difficulty .ai-level-chip{display:grid;place-items:center;min-height:72px;padding:10px 12px;text-align:center}.board-start-screen.start-offline-difficulty .ai-level-chip span{color:#e0d3bc;font-size:12px;letter-spacing:.08em}.board-start-screen.start-online-lobby .mp-panel{grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);min-height:280px;padding:20px 22px;border:0;background:none;box-shadow:none;align-content:center;gap:18px}.mp-duel-strip{display:grid;grid-template-rows:1fr auto 1fr;gap:8px;align-items:stretch;min-height:220px;padding-right:18px;border-right:1px solid rgba(156,117,57,.2)}.mp-crest-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:0;border-left:2px solid rgba(111,183,204,.42);background:#0712166b}.mp-crest-card.enemy{border-left-color:#ac4c3a6b;background:#1808076b}.mp-crest-card img{width:52px;height:58px;object-fit:contain}.mp-crest-card span{min-width:0;color:#d8c8a9;font:800 12px system-ui,sans-serif;letter-spacing:.08em;overflow:hidden;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.mp-versus{display:grid;place-items:center;color:#b99455;font:900 12px system-ui,sans-serif;letter-spacing:.2em}.mp-console{display:grid;align-content:center;gap:14px}.board-start-screen.start-online-lobby .mp-fields{gap:12px}.board-start-screen.start-online-lobby .mp-input,.board-start-screen.start-online-lobby .mp-actions button,.board-start-screen.start-online-lobby .mp-session-code{min-height:var(--io-btn-lg);border-radius:0}.board-start-screen .start-actions>button,.board-start-screen .start-actions .bp,.board-start-screen.start-online-lobby .mp-actions button,.board-start-screen.start-online-lobby .mp-session-code{min-height:var(--io-btn-lg);padding:0 var(--io-btn-pad-lg);font-size:11px}.board-start-screen.start-offline-difficulty .start-actions,.board-start-screen.start-online-lobby .start-actions{width:min(100%,980px);justify-self:center}.board-start-screen .start-actions{margin-top:0;padding-top:10px;border-top:1px solid rgba(156,117,57,.22)}.board-start-screen.start-starter{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch}.board-start-screen.start-starter .start-header{padding-bottom:8px}.board-start-screen.start-starter .start-route-card{min-height:70px;padding:11px 15px}.starter-layout{min-height:0;display:grid;grid-template-columns:minmax(360px,.42fr) minmax(0,.58fr);gap:12px}.board-start-screen.start-starter .pack-grid{min-height:0;overflow:auto;grid-template-columns:1fr;grid-auto-rows:minmax(88px,auto);align-content:start;gap:9px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(160,126,70,.55) rgba(8,8,7,.35)}.board-start-screen.start-starter .pack-card{min-height:88px;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;align-items:center;padding:11px 12px;border-radius:0}.board-start-screen.start-starter .pack-head{grid-column:1;grid-row:1;gap:8px}.board-start-screen.start-starter .pack-name{font-size:clamp(14px,1.1vw,17px);line-height:1.05}.board-start-screen.start-starter .pack-badge,.board-start-screen.start-starter .pack-footer,.board-start-screen.start-starter .pack-unit-list{display:none}.board-start-screen.start-starter .pack-portraits{grid-column:2;grid-row:1 / 3;gap:5px;justify-content:flex-end}.board-start-screen.start-starter .pack-portraits .unit-portrait{width:38px;height:38px}.board-start-screen.start-starter .pack-traits{grid-column:1;grid-row:2;gap:4px}.board-start-screen.start-starter .pack-trait{padding:4px 6px;font-size:9px}.board-start-screen.start-starter .pack-plan{display:none}.starter-preview{min-height:0;display:grid;grid-template-rows:auto auto auto minmax(98px,auto) auto minmax(0,1fr);gap:9px;padding:18px 20px;border:1px solid rgba(126,94,54,.58);background:radial-gradient(circle at 50% 22%,rgba(105,177,196,.09),transparent 38%),linear-gradient(180deg,rgba(236,209,150,.045),transparent 34%,rgba(0,0,0,.35)),#03040494;box-shadow:inset 0 1px #ffedbe0f}.starter-preview.empty{place-content:center;text-align:center}.starter-preview-kicker{color:#c4a465;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.starter-preview-name{color:#eadabd;font:900 clamp(24px,2.4vw,34px) Georgia,"Times New Roman",serif;letter-spacing:.08em;line-height:.95;text-transform:uppercase}.starter-preview-summary,.starter-preview-plan{color:#a99a83;font-size:13px;line-height:1.4}.starter-preview-units{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.starter-unit{display:grid;width:82px;gap:6px;justify-items:center}.starter-unit .unit-portrait{width:68px;height:68px}.starter-unit span{max-width:100%;color:#c7b794;font-size:10px;font-weight:800;letter-spacing:.04em;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.starter-preview-traits{display:flex;flex-wrap:wrap;gap:6px}.starter-preview-traits span{padding:5px 8px;border:1px solid rgba(207,159,83,.26);color:#d4b16a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.board-start-screen{background:radial-gradient(circle at 50% 12%,rgba(197,151,75,.08),transparent 30%),linear-gradient(90deg,#082027d1,#060605eb 42%,#200705d1),#060605eb}.board-start-screen .start-header{border-bottom-color:#c1975024}.board-start-screen.start-menu .start-menu-grid{width:min(100%,1080px);align-self:center;height:min(100%,492px)}.board-start-screen .start-menu-card{border:0;background:radial-gradient(circle at 48% 24%,rgba(199,161,90,.11),transparent 36%),linear-gradient(180deg,rgba(255,239,199,.06),transparent 32%,rgba(0,0,0,.46)),#0607078a;box-shadow:inset 0 1px #fff0c812,inset 0 -1px #c49b5429}.board-start-screen .start-menu-card.online{background:radial-gradient(circle at 48% 24%,rgba(82,155,178,.13),transparent 36%),linear-gradient(180deg,rgba(173,225,239,.05),transparent 32%,rgba(0,0,0,.46)),#040c0e94}.board-start-screen .start-menu-card:hover:not(:disabled),.board-start-screen .start-menu-card:focus-visible{transform:translateY(-4px);background:radial-gradient(circle at 48% 24%,rgba(226,188,104,.18),transparent 38%),linear-gradient(180deg,rgba(255,239,199,.085),transparent 34%,rgba(0,0,0,.42)),#080807ad;box-shadow:0 18px 34px #00000061,inset 0 1px #fff0c81a,inset 0 -1px #e2bc683d}.board-start-screen .start-menu-card.online:hover:not(:disabled),.board-start-screen .start-menu-card.online:focus-visible{background:radial-gradient(circle at 48% 24%,rgba(111,183,204,.22),transparent 38%),linear-gradient(180deg,rgba(173,225,239,.08),transparent 34%,rgba(0,0,0,.42)),#040e11b8;box-shadow:0 18px 34px #00000061,inset 0 1px #c4ecf61a,inset 0 -1px #6fb7cc42}.board-start-screen .start-menu-card:active:not(:disabled){transform:translateY(-1px) scale(.996)}.board-start-screen .start-menu-card:after{top:0;right:0;bottom:0;left:0;border:0;border-top:1px solid rgba(226,188,104,.24);border-bottom:1px solid rgba(226,188,104,.14)}.board-start-screen .start-menu-card:hover:not(:disabled):after,.board-start-screen .start-menu-card:focus-visible:after{border-top-color:#eecc7a7a;border-bottom-color:#eecc7a47}.board-start-screen .start-menu-card.online:after{border-top-color:#6fb7cc47;border-bottom-color:#6fb7cc29}.board-start-screen .start-menu-card.online:hover:not(:disabled):after,.board-start-screen .start-menu-card.online:focus-visible:after{border-top-color:#94daeb8a;border-bottom-color:#94daeb4d}.start-menu-art:before{top:0;right:0;bottom:0;left:0;border:0;background:radial-gradient(circle at 50% 44%,rgba(230,197,126,.13),transparent 31%),linear-gradient(90deg,transparent,rgba(196,155,84,.09) 48%,transparent)}.start-menu-card.online .start-menu-art:before{background:radial-gradient(circle at 50% 44%,rgba(92,171,195,.15),transparent 31%),linear-gradient(90deg,transparent,rgba(111,183,204,.09) 48%,transparent)}.board-start-screen .start-menu-card:hover:not(:disabled) .start-menu-art:before,.board-start-screen .start-menu-card:focus-visible .start-menu-art:before{top:8px;right:0;bottom:8px;left:0;opacity:1;border-color:#e2bc6838}.board-start-screen .start-menu-card.online:hover:not(:disabled) .start-menu-art:before,.board-start-screen .start-menu-card.online:focus-visible .start-menu-art:before{border-color:#6fb7cc47}.board-start-screen .start-menu-card:hover:not(:disabled) .start-menu-seal img,.board-start-screen .start-menu-card:focus-visible .start-menu-seal img{filter:drop-shadow(0 12px 18px rgba(0,0,0,.56)) brightness(1.08);transform:translateY(-2px) scale(1.04)}.board-start-screen .start-menu-card:hover:not(:disabled) .start-menu-versus,.board-start-screen .start-menu-card:focus-visible .start-menu-versus{border-color:#e2bc6885;background:#090806eb;color:#e3c475;transform:scale(1.04)}.start-menu-action{align-self:end;width:fit-content;min-width:184px;min-height:var(--io-btn-md);padding:0 var(--io-btn-pad-md);display:inline-flex;align-items:center;justify-content:center;border-top:1px solid rgba(226,188,104,.2);color:#d9c292;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.start-menu-card.online .start-menu-action{border-top-color:#6fb7cc38;color:#c9e6ee}.board-start-screen .difficulty-card{width:min(100%,1000px);min-height:190px;padding:0;border:0;background:none;box-shadow:none}.enemy-dossier{min-height:150px;padding-left:0;background:radial-gradient(circle at 26% 50%,rgba(182,78,58,.08),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.22),transparent)}.board-start-screen.start-offline-difficulty .ai-level-chip{border-color:#a1793e57;background:linear-gradient(180deg,rgba(255,238,190,.045),transparent 44%),#05050461;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.board-start-screen.start-offline-difficulty .ai-level-chip.active{border-color:#6fb7ccc7;background:radial-gradient(circle at 50% 0%,rgba(111,183,204,.18),transparent 58%),#071316b3}.board-start-screen.start-offline-difficulty .ai-level-chip:hover:not(:disabled),.board-start-screen.start-offline-difficulty .ai-level-chip:focus-visible{transform:translateY(-2px);border-color:#e2bc68ad;background:radial-gradient(circle at 50% 0%,rgba(226,188,104,.12),transparent 58%),#0808069e;box-shadow:0 12px 24px #0000003d}.board-start-screen.start-starter.start-mode-solo,.board-start-screen.start-starter.start-mode-offline{grid-template-rows:auto minmax(0,1fr) var(--io-btn-md);gap:12px}.board-start-screen.start-starter.start-mode-online{grid-template-rows:auto auto minmax(0,1fr) auto}.board-start-screen.start-starter.start-mode-solo .starter-layout,.board-start-screen.start-starter.start-mode-offline .starter-layout{grid-row:2}.starter-layout{grid-template-columns:minmax(390px,.38fr) minmax(0,.62fr);gap:16px;min-height:0}.board-start-screen.start-starter .pack-grid{grid-auto-rows:minmax(76px,auto);gap:7px}.board-start-screen.start-starter .pack-card{min-height:76px;border:0;border-left:2px solid rgba(173,133,68,.36);background:linear-gradient(90deg,rgba(197,151,75,.08),transparent 56%),#00000047;box-shadow:inset 0 1px #ffedbe0a;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}.board-start-screen.start-starter .pack-card.sel{border-left-color:#6fb7ccf2;background:linear-gradient(90deg,rgba(111,183,204,.18),transparent 62%),#041013a8}.board-start-screen.start-starter .pack-card:hover:not(.sel),.board-start-screen.start-starter .pack-card:focus-visible:not(.sel){transform:translate(4px);border-left-color:#e2bc68c7;background:linear-gradient(90deg,rgba(226,188,104,.13),transparent 60%),#05050470;box-shadow:0 10px 22px #0003,inset 0 1px #ffedbe0f}.board-start-screen.start-starter .pack-card:active:not(.sel){transform:translate(2px)}.board-start-screen.start-starter .pack-portraits .unit-portrait{width:34px;height:34px}.starter-preview{padding:22px 24px;border:0;border-top:1px solid rgba(111,183,204,.26);border-bottom:1px solid rgba(126,94,54,.38);background:radial-gradient(circle at 33% 30%,rgba(111,183,204,.12),transparent 34%),radial-gradient(circle at 70% 65%,rgba(197,151,75,.08),transparent 36%),linear-gradient(180deg,rgba(255,239,199,.04),transparent 34%,rgba(0,0,0,.34)),#02030380;min-height:0;overflow:hidden}.starter-preview-units{gap:14px}.starter-unit{width:92px}.starter-unit .unit-portrait{width:82px;height:82px}.board-start-screen.start-starter .start-actions{border-top-color:#9c753929}.board-start-screen.start-starter .start-actions{display:grid;width:min(100%,520px);height:var(--io-btn-md);max-height:var(--io-btn-md);align-self:end;justify-self:end;grid-template-columns:96px minmax(220px,340px);justify-content:end;gap:8px;align-items:center;min-height:var(--io-btn-md);padding-top:8px}.board-start-screen.start-starter .start-begin{width:100%;height:var(--io-btn-md);max-height:var(--io-btn-md);min-height:var(--io-btn-md);padding:0 var(--io-btn-pad-md)!important;font-size:11px!important}.board-start-screen.start-starter .start-actions>button:first-child{height:var(--io-btn-md);max-height:var(--io-btn-md);min-height:var(--io-btn-md);padding-inline:var(--io-btn-pad-md)}.board-start-screen.start-starter .start-actions>button{align-self:center}.result-overlay.visible{display:grid;place-items:center}.result-overlay .end-screen,.ro-body{width:min(var(--screen-board-w),calc(100vw - 80px));border-radius:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}body[data-phase=start] .board-start-screen.start-starter .start-actions.split{display:grid;width:calc((100% - 16px)*.62);height:var(--io-btn-war);min-height:0;max-height:var(--io-btn-war);justify-self:end;align-self:end;justify-content:center;align-content:center;align-items:center;grid-template-columns:minmax(360px,560px);gap:0;padding-top:10px;overflow:visible}body[data-phase=start] .board-start-screen.start-starter .start-actions.single{display:grid;width:calc((100% - 16px)*.62);height:var(--io-btn-war);min-height:0;max-height:var(--io-btn-war);justify-self:end;align-self:end;justify-content:center;align-content:center;align-items:center;grid-template-columns:minmax(360px,560px);padding-top:10px;overflow:visible}body[data-phase=start] .board-start-screen.start-starter .start-actions.split>button{padding-block:0!important;align-self:center}body[data-phase=start] .board-start-screen.start-starter .start-actions.split>button:first-child{width:96px;min-width:96px;height:var(--io-btn-md)!important;min-height:var(--io-btn-md)!important;max-height:var(--io-btn-md)!important}body[data-phase=start] .board-start-screen.start-starter .start-begin{position:relative;width:min(560px,100%);height:var(--io-btn-war)!important;min-height:var(--io-btn-war)!important;max-height:var(--io-btn-war)!important;min-width:0;max-width:560px;padding:0 28px!important;overflow:hidden;border-color:#77d4e8eb;border-top-color:#bcf1f9d1;border-bottom-color:#1a4c56f5;color:#effcff;background:linear-gradient(180deg,#ebffff2e,#77d4e814 42%,#020c0f47 43%,#030c0ec7),linear-gradient(90deg,#4199af47,#091f24f5 24%,#112f34fa,#091f24f5 76%,#4199af47);box-shadow:0 5px #020c0ff2,0 18px 32px #00000070,0 0 28px #4ab2ce1f,inset 0 1px #f0ffff38,inset 0 -2px #0009,inset 0 0 0 1px #02080980;font-size:12px!important;letter-spacing:.13em;text-shadow:0 1px 0 #000,0 0 14px rgba(159,232,246,.3);transform:translateY(-2px)}body[data-phase=start] .board-start-screen.start-starter .start-begin:before,body[data-phase=start] .board-start-screen.start-starter .start-begin:after{content:"";position:absolute;pointer-events:none}body[data-phase=start] .board-start-screen.start-starter .start-begin:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10px 10px,rgba(238,217,156,.5) 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 10px) 10px,rgba(238,217,156,.5) 0 2px,transparent 3px),radial-gradient(circle at 10px calc(100% - 10px),rgba(20,7,4,.75) 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),rgba(20,7,4,.75) 0 2px,transparent 3px);opacity:.82}body[data-phase=start] .board-start-screen.start-starter .start-begin:after{top:0;bottom:0;left:-42%;width:32%;background:linear-gradient(90deg,transparent,rgba(236,255,255,.18),transparent);transform:skew(-18deg);transition:left .34s ease}body[data-phase=start] .board-start-screen.start-starter .start-begin .btn-ico,body[data-phase=start] .board-start-screen.start-starter .start-begin span{position:relative;z-index:1}body[data-phase=start] .board-start-screen.start-starter .start-begin:hover:not(:disabled),body[data-phase=start] .board-start-screen.start-starter .start-begin:focus-visible{border-color:#a1eaf8fa;background:linear-gradient(180deg,#f4ffff3d,#77d4e81f 42%,#020c0f4d 43%,#030d0fd1),linear-gradient(90deg,#4eb2cc57,#0a242afa 24%,#14383e,#0a242afa 76%,#4eb2cc57);box-shadow:0 6px #020c0ff2,0 22px 38px #00000080,0 0 34px #63cfea38,inset 0 1px #f8ffff47,inset 0 -2px #00000094,inset 0 0 0 1px #02080973;transform:translateY(-4px)}body[data-phase=start] .board-start-screen.start-starter .start-begin:hover:not(:disabled):after,body[data-phase=start] .board-start-screen.start-starter .start-begin:focus-visible:after{left:110%}body[data-phase=start] .board-start-screen.start-starter .start-begin:active:not(:disabled){border-top-color:#4c9fb2e6;border-bottom-color:#8be8fab8;box-shadow:0 1px #020c0ff2,0 8px 16px #0000007a,0 0 18px #63cfea29,inset 0 3px 10px #000000bd,inset 0 0 0 1px #0208098c;transform:translateY(2px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 1180px){:root{--screen-panel-h: clamp(304px, 38vh, 380px);--screen-side: 24px;--screen-board-top: 164px;--screen-play-board-top: 136px}.command-dock{height:86px}.command-actions{position:static;justify-content:center;margin-top:34px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:calc(100vw - 48px)}.board-vitals{top:86px;left:24px;right:24px}.deploy-grid{width:100%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.deploy-grid.command-selected{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-band{grid-column:2;grid-row:1 / span 2}.command-bay-layout{grid-template-columns:1fr}.command-readout,.command-improve,.command-orders,.command-actions-row,.command-unit-card,.command-fact-strip{grid-column:auto}.command-orders,.command-improve,.command-readout,.command-actions-row{grid-row:auto}body[data-phase=deploy],body[data-phase=battle]{--screen-board-top: var(--screen-play-board-top)}body[data-phase=battle] .command-dock{top:8px;height:86px}body[data-phase=battle] .command-actions{position:absolute;top:44px;left:50%;right:auto;justify-content:center;margin-top:0;transform:translate(-50%)}body[data-phase=battle] .board-vitals{top:12px;left:18px;right:18px}body[data-phase=battle] .board-tracks-row{width:calc(100vw - 36px);grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:8px}body[data-phase=deploy] .active-omens,body[data-phase=battle] .active-omens{top:auto;bottom:10px;width:calc(100vw - 36px)}}@media (max-width: 760px){html,body,#app{position:static;height:auto;overflow:auto}:root{--screen-panel-h: auto;--screen-side: 10px;--screen-board-top: 110px;--screen-play-board-top: 128px}#app{display:grid;grid-template-rows:auto auto auto auto}.hdr,.command-dock,.battlefield-frame,.panel{position:relative;inset:auto}.command-actions{margin-top:8px}.battlefield-frame{height:auto;padding:110px 10px 12px}body[data-phase=battle] .battlefield-frame{padding:128px 10px 12px}.battlefield-frame canvas,.board-status-row,.board-tracks-row{width:calc(100vw - 20px)}.board-vitals{top:12px;left:10px;right:10px}.board-status .hud-ico{width:28px;height:28px}.board-status .hhealth{font-size:22px}body[data-phase=battle] .command-actions{top:50px}body[data-phase=battle] .battle-speed-row{gap:4px}body[data-phase=battle] .battle-speed-row .top-action-btn,body[data-phase=battle] .battle-speed-row .speed-btn{min-width:38px;padding:0 7px}body[data-phase=battle] .board-vitals{top:12px;left:10px;right:10px}body[data-phase=battle] .board-tracks-row{width:calc(100vw - 20px)}body[data-phase=deploy] .active-omens,body[data-phase=battle] .active-omens{bottom:8px;width:calc(100vw - 20px);max-height:46px;padding:5px 7px}body[data-phase=deploy] .active-omens-label,body[data-phase=battle] .active-omens-label{display:none}.panel{height:auto;padding:12px}.deploy-grid{width:100%;grid-template-columns:1fr;height:auto}.deploy-grid.command-selected,.army-grid,.shop-grid{grid-template-columns:1fr}.command-fact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.command-bay .form-row{grid-template-columns:1fr}.shop-band{grid-column:auto;grid-row:auto}.unit-modal{width:min(100vw - 28px,560px)}.unit-modal-body{display:flex}.unit-modal-body .unit-command-section:nth-of-type(3){grid-column:auto;grid-row:auto}.unit-modal-facts,.unit-read-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-action-btn.danger{margin-left:0}}