*{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}.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}.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))}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.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}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.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}.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: 980px){.deploy-grid{grid-template-columns:1fr}}@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-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-begin{min-width:280px;padding:10px 28px!important;font-size:13px!important;letter-spacing:.08em}@media (max-width: 980px){.pack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.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{filter:saturate(.68) brightness(.8) contrast(1.03)}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}.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;top:74px;right:18px;bottom:18px;left:18px;z-index:3;display:none;align-items:end;pointer-events:none}.start-overlay.visible{display:flex}.board-start-screen{width:100%;display:grid;gap:16px;padding:18px 20px 20px;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 .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));gap:14px}.board-start-screen .pack-card{min-height:0;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:0}.board-start-screen .start-actions{margin-top:0;padding-top:2px;justify-content:flex-end}body[data-phase=start] .panel{display:none}@media (max-width: 1180px){.start-overlay{top:74px;right:14px;bottom:14px;left:14px}.board-start-screen .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.start-overlay{top:96px;right:10px;bottom:10px;left: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:stretch}}.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-status-player{justify-content:flex-start}.board-status-enemy{justify-content:flex-end}.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-crown .emblem{width:28px;height:34px}.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}@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}.command-actions:empty{display:none}.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}}