*{box-sizing:border-box}:root{--app-height:100vh;--app-width:100vw;--app-sat:0px;--app-sab:0px;--app-sal:0px;--app-sar:0px;--sat:max(env(safe-area-inset-top,0px), var(--app-sat,0px));--sab:max(env(safe-area-inset-bottom,0px), var(--app-sab,0px));--sal:max(env(safe-area-inset-left,0px), var(--app-sal,0px));--sar:max(env(safe-area-inset-right,0px), var(--app-sar,0px))}@supports (height:100svh){:root{--app-height:100svh}}@supports (height:100dvh){:root{--app-height:100dvh}}html,body,#root{overscroll-behavior:none;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}html{height:var(--app-height);max-height:var(--app-height);background:#07080a;position:fixed;inset:0}body{width:100%;height:var(--app-height);max-height:var(--app-height);color:#f8f0d5;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;background:#07080a;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}#root{width:100%;height:var(--app-height);max-height:var(--app-height);position:fixed;inset:0;overflow:hidden}button{font:inherit}.app{width:100%;height:var(--app-height);min-height:0;max-height:var(--app-height);-webkit-tap-highlight-color:transparent;background:linear-gradient(#101515eb,#060708),#07080a;position:fixed;inset:0;overflow:hidden}.stage-shell{background:#07080a;width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.stage canvas{filter:brightness(1.32)contrast(1.06)saturate(1.1);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;display:block;width:100%!important;height:100%!important}.game-vignette{z-index:2;pointer-events:none;background:linear-gradient(#05060857 0%,#05060814 26%,#05060805 62%,#05060861 100%),radial-gradient(circle at 50% 48%,#0000 58%,#0000001f 100%);position:absolute;inset:0}.evolution-hud{z-index:4;top:calc(18px + var(--sat));right:calc(18px + var(--sar));left:calc(18px + var(--sal));pointer-events:none;grid-template-columns:minmax(250px,.86fr) minmax(300px,.9fr) minmax(350px,1.24fr);gap:12px;display:grid;position:absolute}.hud-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090ab8;border:1px solid #e8d8ae38;border-radius:6px;align-items:center;gap:12px;min-height:72px;padding:10px 12px;display:flex;box-shadow:0 18px 48px #00000057}.hud-panel--tribe{justify-self:start;min-width:min(430px,100%)}.hud-panel--economy{justify-content:space-between}.hud-panel--bases{grid-template-columns:1fr 1fr;min-width:min(520px,100%);display:grid}.asset-icon{color:#ffd86d;letter-spacing:.04em;object-fit:contain;text-transform:uppercase;background:radial-gradient(circle at 50% 38%,#ffd86d29,#0000 64%),#07090a94;border:1px solid #ffd86d42;border-radius:5px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-weight:950;line-height:1;display:inline-grid}.asset-icon.is-placeholder{box-shadow:inset 0 0 0 1px #ffffff0a}.button-icon{width:24px;height:24px}.hud-icon{width:24px;height:24px;margin:0 auto 5px}.base-icon{width:22px;height:22px}.result-icon,.upgrade-icon,.summary-icon,.stat-icon,.region-brief-icon{width:32px;height:32px}.difficulty-icon{width:24px;height:24px}.tribe-mark{filter:brightness(1.24)saturate(1.12)contrast(1.1);width:52px;height:52px;image-rendering:pixelated;object-fit:contain;background:radial-gradient(circle at 50% 42%,#ffd86d33,#0000 58%),linear-gradient(#352b17db,#0a0c0aeb);border:1px solid #ffd9747a;border-radius:5px;padding:3px;box-shadow:inset 0 0 0 1px #fff5c214,0 8px 20px #0006}.tribe-mark--face-right,.unit-portrait--face-right{transform-origin:50%;transform:scaleX(-1)}.hud-kicker,.hud-metric>span{color:#a8bf8d;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:950;line-height:1.1;display:block}.hud-panel strong{color:#fff3c2;margin-top:3px;font-size:20px;line-height:1;display:block}.hud-panel small{color:#d3d0b4;margin-top:5px;font-size:12px;font-weight:750;line-height:1.1;display:block}.hud-metric{text-align:center;min-width:58px}.hud-metric strong{color:#f8f0d5;font-size:22px}.hud-metric--gold strong{color:#ffd86d}.base-meter{gap:8px;min-width:0;display:grid}.base-label{align-items:center;gap:6px;min-width:0;display:flex}.base-short{display:none}.base-meter>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.base-meter strong{color:#f8f0d5;font-size:16px}.base-meter small{color:#a8bf8d;margin-top:-2px;font-size:10px;font-weight:900;line-height:1}.base-bar{background:#f8f0d51a;border:1px solid #f8f0d533;height:11px;display:block;position:relative;overflow:hidden}.base-bar:before{width:var(--value);content:"";position:absolute;inset:0}.base-meter--player .base-bar:before{background:linear-gradient(90deg,#6e9f58,#c7e189)}.base-meter--enemy .base-bar:before{background:linear-gradient(90deg,#bd5e4a,#eaa06b)}.battle-feed{z-index:5;top:calc(128px + var(--sat));pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090ac2;border:1px solid #e8d8ae2e;border-radius:5px;width:min(560px,100vw - 320px);min-height:48px;padding:8px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #00000047}.battle-feed span{color:#a8bf8d;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:950;line-height:1}.battle-feed strong{color:#f8f0d5;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;overflow:hidden}.pause-button{z-index:6;top:calc(128px + var(--sat));right:calc(18px + var(--sar));color:#f8f0d5;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090ac2;border:1px solid #e8d8ae3d;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:92px;height:42px;font-weight:950;display:inline-flex;position:absolute}.command-dock{z-index:8;right:calc(18px + var(--sar));bottom:calc(18px + var(--sab));left:calc(18px + var(--sal));pointer-events:none;grid-template-columns:minmax(0,1fr) minmax(196px,260px);gap:8px;display:grid;position:absolute}.unit-row{pointer-events:auto;grid-template-columns:repeat(9,minmax(88px,1fr));gap:8px;min-width:0;display:grid}.unit-card,.evolve-card{appearance:none;color:#f8f0d5;cursor:pointer;pointer-events:auto;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1b2219d6,#090b0bdb),#080a0ad1;border:1px solid #e8d8ae2e;border-radius:6px;min-width:0;min-height:112px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 16px 42px #00000052}.unit-card{--unit-card-art-opacity:.96;--unit-card-sprite-responsive-scale:var(--unit-card-sprite-scale);background:linear-gradient(#080a0a4d,#080a0a0a 28%,#080a0a47 58%,#080a0ae6),linear-gradient(90deg,#080a0a70,#080a0a14 50%,#080a0a52),radial-gradient(circle at 50% 18%,#ffd86d47,#0000 46%),linear-gradient(#1b2219d6,#090b0bdb),#080a0ad1;grid-template-rows:auto 1fr auto auto;padding:7px 7px 8px;display:grid}.unit-card:before{z-index:0;filter:brightness(1.18)saturate(1.08)contrast(1.04);opacity:var(--unit-card-art-opacity);content:"";pointer-events:none;background:radial-gradient(circle at 50% 24%,#ffd86d38,#0000 46%),radial-gradient(circle at 50% 62%,#67824629,#0000 42%);position:absolute;inset:1px}.unit-card:after{height:var(--cooldown);content:"";pointer-events:none;z-index:1;background:#0506088f;position:absolute;bottom:0;left:0;right:0}.unit-role{display:none}.card-hotkey{color:#ffd86d;background:#07090a85;border:1px solid #ffd86d80;place-items:center;width:26px;height:26px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:950;line-height:1;display:inline-grid}.unit-card>.card-hotkey{text-shadow:0 1px 2px #000000e6,0 0 8px #ffd86d38;background:#07090a9e;border-color:#ffd86d5c;place-items:center;width:22px;height:22px;font-size:12px;box-shadow:inset 0 1px #ffffff14}.unit-card strong{color:#fff3c2;text-align:center;text-shadow:0 2px 8px #000000b8,0 0 10px #ffd86d1f;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;align-self:end;max-width:100%;margin-top:55px;font-size:14px;line-height:1;display:-webkit-box;overflow:hidden}.unit-card>.unit-meta{color:#d7e0b8;text-align:right;text-shadow:0 1px 4px #0009;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#07090aa8;border:1px solid #a8bf8d3d;border-radius:3px;max-width:calc(100% - 38px);margin-top:0;padding:3px 5px;font-size:10px;font-weight:950;line-height:1;display:block;position:absolute;top:7px;right:7px;overflow:hidden}.unit-card>.unit-card-sprite{z-index:1;position:absolute}.unit-card-sprite{width:var(--unit-card-sprite-frame-width);height:var(--unit-card-sprite-frame-height);background-image:var(--unit-card-sprite-image);filter:brightness(1.14)saturate(1.06)contrast(1.04)drop-shadow(0 8px 13px #00000094)drop-shadow(0 0 12px #ffd86d24);image-rendering:auto;opacity:var(--unit-card-art-opacity);pointer-events:none;transform:translateX(-50%) scale(var(--unit-card-sprite-responsive-scale));transform-origin:top;animation:unit-card-sprite-step .82s steps(var(--unit-card-sprite-cycle-frames)) infinite;will-change:background-position;background-position:0 0;background-repeat:no-repeat;background-size:auto;top:8px;left:50%}@keyframes unit-card-sprite-step{0%{background-position-x:0}to{background-position-x:var(--unit-card-sprite-offset)}}.unit-stats{background:#0608088f;border:1px solid #e8d8ae1f;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:3px 4px;width:100%;margin-top:5px;padding:4px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 6px 12px #0000002e}.unit-stat{color:#f3dfab;text-shadow:0 1px 3px #000000d1,0 0 7px #ffd86d1a;background:#04060675;border:1px solid #e8d8ae14;border-radius:3px;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:16px;padding:2px 3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:9px;font-weight:950;line-height:1;display:inline-flex}.unit-stat-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000c7)drop-shadow(0 0 4px #ffd86d1a);flex:none;width:10px;height:10px}.unit-stat-value{font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;min-width:2ch;overflow:visible}.unit-stat--hp .unit-stat-icon{filter:hue-rotate(340deg)saturate(1.18)drop-shadow(0 1px 2px #000000c7)}.unit-stat--arm .unit-stat-icon,.unit-stat--spd .unit-stat-icon{opacity:.92}@media (width>=821px) and (width<=1120px){.unit-stats{gap:2px 3px;padding:3px}.unit-stat{flex-direction:column;gap:1px;min-height:25px;padding:2px 1px;font-size:8.5px}.unit-stat-icon{width:8px;height:8px}.unit-stat-value{text-align:center;min-width:0}}.unit-card.is-ready{border-color:#ffd86d61}.unit-card.is-poor{border-color:#d05b4457}.unit-card.is-poor .unit-meta,.unit-card.is-locked .unit-meta{color:#ffb199;background:#280f0cad;border-color:#d05b4452}.unit-card.is-locked{--unit-card-art-opacity:.68;background:linear-gradient(#0c0a098a,#0c0a092e 46%,#0c0a09b8 68%,#0c0a09e0),linear-gradient(90deg,#0c0a09ad,#0c0a0957 52%,#0c0a0924),radial-gradient(circle at 50% 20%,#ffd86d1f,#0000 48%),linear-gradient(#211c18d1,#080909e0),#080909db}.unit-card>*{z-index:2;position:relative}.unit-card:disabled,.evolve-card:disabled{cursor:default}.evolve-card:disabled{--evolve-card-art-opacity:.7;opacity:.82;pointer-events:none;background:linear-gradient(#0a0b0a80,#0a0b0a29 38%,#0a0b0acc 46%,#0a0b0af0),linear-gradient(90deg,#0a0b0ac2,#0a0b0a57 52%,#0a0b0a1f),radial-gradient(circle at 50% 18%,#ffd86d1f,#0000 50%),linear-gradient(135deg,#262a23e0,#0c0d0beb),#080a0ae0;border-color:#e8d8ae2e}.evolve-card:disabled:before{filter:brightness(1.16)saturate(.96)contrast(1.02)drop-shadow(0 4px 10px #00000075)drop-shadow(0 0 10px #ffd86d14)}.evolve-card:disabled .evolve-body strong{color:#fff3c2eb}.evolve-card:disabled .evolve-body small{color:#d7e0b8e0}.unit-card:not(:disabled):hover,.evolve-card:not(:disabled):hover,.pause-button:hover,.system-actions button:hover,.difficulty-card:not(:disabled):hover{border-color:#ffd86d8f}.unit-card:not(:disabled):active,.evolve-card:not(:disabled):active,.pause-button:active,.system-actions button:active{transform:translateY(1px)}.evolve-card{--evolve-card-bg-position:center top 4px;--evolve-card-bg-size:auto 124px;--evolve-card-art-opacity:.94;background:linear-gradient(#080a0a66,#080a0a14 38%,#080a0acc 46%,#080a0af0),linear-gradient(90deg,#080a0abd,#080a0a4d 52%,#080a0a14),radial-gradient(circle at 50% 18%,#ffd86d3d,#0000 48%),linear-gradient(135deg,#2b3a26e0,#0c0d0be6),#080a0adb;border-color:#84ab605c;grid-template-rows:auto 1fr;align-items:start;gap:8px;padding:8px 12px 10px;display:grid}.evolve-card.is-ready{background:linear-gradient(#18160c7a,#1210091f 38%,#110d08cc 46%,#0d0b07f0),linear-gradient(90deg,#16120ac2,#15120852 52%,#15120814),radial-gradient(circle at 50% 18%,#ffd86d52,#0000 50%),linear-gradient(135deg,#495827eb,#22170ce6),#080a0adb;border-color:#ffd86d94}.evolve-card:before{background:var(--evolve-card-bg) var(--evolve-card-bg-position) / var(--evolve-card-bg-size) no-repeat;filter:brightness(1.38)saturate(1.16)contrast(1.05)drop-shadow(0 6px 14px #0000007a)drop-shadow(0 0 16px #ffd86d2e);opacity:var(--evolve-card-art-opacity);content:"";pointer-events:none;position:absolute;inset:2px 2px 22px}.evolve-card>*{z-index:1;position:relative}.evolve-card>.card-hotkey{text-shadow:0 1px 2px #000000e6,0 0 8px #ffd86d38;background:0 0;border:0;justify-self:start;place-items:start;width:auto;height:auto}.evolve-body{text-align:center;align-self:end;gap:4px;min-width:0;margin-top:70px;display:grid}.evolve-body strong{color:#fff3c2;text-align:center;text-shadow:0 2px 8px #000000b8,0 0 10px #ffd86d1f;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.02;display:-webkit-box;overflow:hidden}.evolve-body small{color:#d7e0b8;letter-spacing:.06em;text-shadow:0 1px 4px #0009;text-transform:uppercase;font-size:11.5px;font-weight:950}.system-overlay{z-index:8;padding:calc(28px + var(--sat)) calc(28px + var(--sar)) calc(28px + var(--sab)) calc(28px + var(--sal));background:linear-gradient(90deg, #040505c2, #04050538 54%, #040505ad), linear-gradient(180deg, #04050585, #04050529), var(--primitive-title-background) center / cover;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.system-overlay--paused,.system-overlay--victory,.system-overlay--defeat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#040505e0,#0405058a),#04050585}.system-overlay--result{background:linear-gradient(90deg, #030404d1, #0304043d 48%, #030404c7), linear-gradient(180deg, #03040470, #0304042e 44%, #030404bd), var(--result-background) center / cover, #040505e6;-webkit-backdrop-filter:none;backdrop-filter:none}.system-panel{width:min(660px,100vw - 36px);max-height:calc(var(--app-height) - 56px - var(--sat) - var(--sab));background:linear-gradient(135deg,#191e18f2,#080a0ae6),#080a0ae0;border:1px solid #e8d8ae38;border-radius:8px;padding:clamp(22px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000075,inset 0 1px #ffffff0f}.system-panel--featured-unit:before,.system-panel--featured-unit:after{content:"";pointer-events:none;position:absolute;inset:0}.system-panel--featured-unit:before{z-index:0;opacity:.9;filter:saturate(1.15)brightness(1.08)contrast(1.04);transform-origin:bottom;background:radial-gradient(circle at 56% 45%,#ffd86d33,#0000 30%),radial-gradient(circle at 55% 70%,#537b4333,#0000 44%)}.system-panel--featured-unit:after{z-index:2;background:linear-gradient(#0a0c0b0a,#0a0c0b94 62%),linear-gradient(90deg,#0a0c0b3d,#0a0c0b03 34%,#0a0c0b3d)}.system-overlay--loading .system-panel--featured-unit:before{opacity:.82;background:radial-gradient(circle at 55% 46%,#ffd86d29,#0000 32%),radial-gradient(circle at 55% 70%,#537b432b,#0000 44%)}.system-overlay--loading .system-panel--featured-unit:after{background:linear-gradient(#0a0c0b14,#0a0c0bb3 68%),linear-gradient(90deg,#0a0c0b4d,#0a0c0b14 42%,#0a0c0b5c)}.system-panel>*{z-index:3;position:relative}.system-panel>.system-featured-sprite{z-index:1;position:absolute}.system-featured-sprite{width:var(--featured-sprite-frame-width);height:var(--featured-sprite-frame-height);background-image:var(--featured-sprite-image);filter:saturate(1.16)brightness(1.1)contrast(1.06)drop-shadow(0 16px 26px #0000006b);image-rendering:auto;opacity:.96;pointer-events:none;transform:translate(-4%, -38%) scale(var(--featured-sprite-display-scale));transform-origin:50%;animation:featured-sprite-step .86s steps(var(--featured-sprite-cycle-frames)) infinite;will-change:background-position;background-position:0 0;background-repeat:no-repeat;background-size:auto;top:45%;left:55%}.system-overlay--loading .system-featured-sprite{opacity:.84;transform:translate(-4%, -38%) scale(var(--featured-sprite-display-scale))}@keyframes featured-sprite-step{0%{background-position-x:0}to{background-position-x:var(--featured-sprite-offset)}}@media (prefers-reduced-motion:reduce){.unit-card-sprite,.system-featured-sprite{animation:none}}.system-overlay--result .system-panel{width:min(760px,100vw - 36px)}.result-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.result-stat{color:#a8bf8d;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#23291cb8,#070909c7),#080a0ab8;border:1px solid #e8d8ae29;border-radius:6px;gap:6px;min-width:0;padding:12px;font-size:10px;font-weight:950;display:grid}.result-summary strong{color:#ffd86d;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1;overflow:hidden}.result-summary small{color:#a8bf8d;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:950;line-height:1.1;overflow:hidden}.roster-carousel{min-height:100px;margin-bottom:18px;padding-top:42px;display:block;position:relative}.roster-viewport{min-width:0;padding:10px 0 12px;position:relative;overflow:hidden}.roster-viewport:before,.roster-viewport:after{z-index:2;content:"";pointer-events:none;width:34px;position:absolute;top:0;bottom:0}.roster-viewport:before{background:linear-gradient(90deg,#12202bf0,#0000);left:0}.roster-viewport:after{background:linear-gradient(270deg,#12202bf0,#0000);right:0}.roster-strip{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:end;gap:9px;min-height:74px;padding:4px 38px 8px;display:flex;overflow:auto hidden}.roster-strip:focus-visible{outline-offset:2px;outline:2px solid #ffd86dbf}.roster-strip::-webkit-scrollbar{width:0;height:0;display:none}.roster-unit{appearance:none;cursor:pointer;scroll-snap-align:center;opacity:.56;background:radial-gradient(circle at 50% 28%,#ffd86d26,#0000 58%),#121611b8;border:1px solid #ffd86d38;border-radius:6px;flex:0 0 58px;place-items:center;width:58px;height:58px;transition:border-color .14s,transform .14s,filter .14s,opacity .14s,box-shadow .14s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -18px 30px #ffd86d14,0 14px 18px #00000047}.roster-unit:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#b2babf5c,#373e432e),#1e242242;transition:opacity .14s;position:absolute;inset:0}.roster-unit.is-active{opacity:1;filter:brightness(1.16)saturate(1.08);border-color:#ffd86db8;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff29,inset 0 -18px 32px #ffd86d29,0 18px 24px #00000057}.roster-unit.is-active:after{opacity:.08}.roster-unit:not(.is-active){filter:grayscale(.65)brightness(.76);transform:scale(.86)}.roster-unit:focus-visible{outline-offset:2px;outline:2px solid #ffd86db8}.roster-unit-icon{object-fit:contain;filter:brightness(1.16)saturate(1.1)contrast(1.06);width:44px;height:44px;image-rendering:pixelated;display:block}.roster-unit-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.language-switcher{z-index:6;background:#0507078a;border:1px solid #e8d8ae2e;border-radius:6px;gap:3px;padding:4px;display:inline-flex;position:absolute;top:clamp(12px,2.5vw,18px);right:clamp(12px,2.5vw,18px);box-shadow:inset 0 1px #ffffff12}.language-switcher button{color:#a8bf8d;cursor:pointer;letter-spacing:.06em;background:0 0;border:1px solid #0000;border-radius:4px;min-width:42px;height:28px;padding:0 8px;font-size:10px;font-weight:950;line-height:1}.language-switcher button:hover,.language-switcher button:focus-visible{color:#f8f0d5;border-color:#ffd86d59;outline:none}.language-switcher button.is-active{color:#ffd86d;background:#ffd86d2e;border-color:#ffd86d8f}.system-titlebar{justify-content:space-between;align-items:center;gap:12px;max-width:520px;display:flex}.system-titlebar span{color:#ffd86d;letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:950}.system-titlebar small{color:#a8bf8d;letter-spacing:.12em;text-transform:uppercase;flex:none;font-size:11px;font-weight:950}.system-panel h2{color:#f8f0d5;letter-spacing:0;text-transform:uppercase;margin:8px 0 10px;font-size:clamp(40px,8vw,78px);line-height:.94}.system-panel p{color:#d3d0b4;max-width:34rem;margin:0;font-size:17px;line-height:1.5}.system-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:520px;margin-top:22px;display:grid}.system-stat{color:#a8bf8d;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0b;border:1px solid #e8d8ae29;border-radius:6px;align-items:center;gap:9px;min-width:0;padding:10px;font-size:10px;font-weight:950;display:flex}.system-stat-copy{gap:4px;min-width:0;display:grid}.system-stats strong{color:#ffd86d;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1;overflow:hidden}.system-stats small{color:#a8bf8d;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:950;line-height:1.1;overflow:hidden}.system-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.system-actions button{color:#161109;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#d7ad50;border:1px solid #ffd86d99;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-width:132px;height:44px;font-weight:950;display:inline-flex}.system-actions button:disabled{color:#f8f0d56b;cursor:default;background:#ffffff0d;border-color:#e8d8ae24}.campaign-overlay{z-index:8;padding:calc(22px + var(--sat)) calc(22px + var(--sar)) calc(22px + var(--sab)) calc(22px + var(--sal));background:linear-gradient(90deg, #050606e6, #05060657 56%, #050606db), linear-gradient(180deg, #06080947, #060809d1), var(--primitive-map-background) center / cover;display:grid;position:absolute;inset:0;overflow:hidden}.campaign-board{width:min(1440px,100%);height:calc(var(--app-height) - 44px - var(--sat) - var(--sab));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0ac7;border:1px solid #e8d8ae38;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:0;margin:0 auto;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000075,inset 0 1px #ffffff0f}.campaign-header{grid-template-columns:minmax(220px,1fr) minmax(360px,auto) auto;align-items:center;gap:10px;display:grid}.campaign-title{min-width:0}.campaign-header h2{color:#fff3c2;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:3px 0 0;font-size:clamp(28px,3.9vw,46px);line-height:.9;overflow:hidden}.campaign-status-rail{grid-template-columns:repeat(3,minmax(112px,1fr));gap:7px;min-width:0;display:grid}.campaign-summary{text-align:left;background:#050707ad;border:1px solid #e8d8ae2e;border-radius:6px;align-items:center;gap:8px;min-width:0;min-height:46px;padding:7px 9px;display:flex}.campaign-summary-copy{gap:3px;min-width:0;display:grid}.campaign-summary strong{color:#ffd86d;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1;display:block;overflow:hidden}.campaign-summary small{color:#a8bf8d;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8.5px;font-weight:950;line-height:1.1;display:block;overflow:hidden}.campaign-actions{align-items:stretch;gap:6px;display:flex}.secondary-action{appearance:none;color:#f8f0d5;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#050707ad;border:1px solid #e8d8ae38;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:126px;height:100%;min-height:46px;padding:0 12px;font-weight:950;display:inline-flex}.upgrade-action{display:inline-flex}.secondary-action:hover{border-color:#ffd86d85}.secondary-action:disabled{color:#f8f0d561;cursor:default;border-color:#e8d8ae1a}.campaign-layout{grid-template-columns:minmax(620px,1fr) 280px;gap:16px;min-height:0;display:grid;position:relative}.region-map-frame{isolation:isolate;background:linear-gradient(#060808f0,#060808e0);border:1px solid #e8d8ae29;border-radius:8px;min-height:0;padding:18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -120px 180px #00000047}.region-map{width:100%;height:100%;min-height:0;position:relative}.region-map-canvas{background:linear-gradient(90deg, #04060675, transparent 42%, #0406065c), linear-gradient(180deg, #0406061a, #04060670), var(--primitive-map-background) center / cover;border-radius:6px;width:100%;height:100%;min-height:100%;position:relative;box-shadow:inset 0 0 0 1px #ffd86d14}.map-drag-tutorial{display:none}.region-map-frame:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#ffd86d1f,#0000 22%),radial-gradient(circle at 81% 22%,#cf47232e,#0000 18%),radial-gradient(circle at 18% 41%,#5f8d7429,#0000 16%);border:1px solid #ffd86d24;border-radius:6px;position:absolute;inset:18px}.region-card{isolation:isolate;appearance:none;color:#f8f0d5;cursor:pointer;text-align:left;transform-origin:bottom;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#171d17e6,#070909db),#080a0ab3;border:1px solid #e8d8ae33;border-radius:7px;grid-template-columns:auto 1fr;align-items:start;gap:8px;width:min(210px,24%);min-width:168px;min-height:88px;padding:9px;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;display:grid;position:absolute;overflow:hidden;box-shadow:0 14px 34px #00000052,inset 0 1px #ffffff0d}.region-art{z-index:-1;opacity:.42;filter:brightness(1.16)saturate(1.08)contrast(1.08);background-position:50%;background-size:cover;position:absolute;inset:0}.region-building{z-index:0;filter:brightness(1.08)saturate(1.08)contrast(1.04)drop-shadow(0 8px 8px #0000008a);opacity:.92;pointer-events:none;background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:62%;height:82%;position:absolute;bottom:1px;right:3px}.region-card:hover .region-building,.region-card.is-selected .region-building{opacity:1;filter:brightness(1.18)saturate(1.12)contrast(1.08)drop-shadow(0 10px 10px #00000094)}.region-card>:not(.region-art,.region-building){z-index:1;position:relative}.region-card:first-child{top:26%;left:43%}.region-card:nth-child(2){top:38%;left:10%}.region-card:nth-child(3){top:66%;left:19%}.region-card:nth-child(4){top:18%;left:18%}.region-card:nth-child(5){top:43%;right:10%}.region-card:nth-child(6){bottom:10%;left:47%}.region-card:nth-child(7){top:17%;right:11%}.region-card:nth-child(8){bottom:14%;right:13%}.region-card:hover,.region-card.is-selected{z-index:4;background:linear-gradient(#2a3726f0,#0e0f0deb),#080a0ad9;border-color:#ffd86da3;transform:translateY(-4px)scale(1.04);box-shadow:0 18px 42px #0000006b,0 0 0 2px #ffd86d4d,inset 0 1px #ffffff14}.region-card.is-selected{z-index:8;border-color:#ffd86ddb;transform:translateY(-10px)scale(1.3)}.region-card.is-complete{border-color:#84b86680}.region-pin{color:#ffd86d;background:#07090aa3;border:1px solid #ffd86d8f;place-items:center;width:28px;height:28px;font-weight:950;display:inline-grid}.region-copy{gap:5px;min-width:0;display:grid}.region-copy strong{color:#fff3c2;font-size:15px;line-height:1.05}.region-copy small{color:#d3d0b4;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.1;overflow:hidden}.region-meta{color:#a8bf8d;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-self:end;gap:8px;font-size:10px;font-weight:950;display:flex}.region-meta em{color:#ffd86d;font-style:normal}.region-progress{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.region-progress span{background:#f8f0d514;border:1px solid #f8f0d51f;height:4px}.region-progress span.is-filled{background:#ffd86d;border-color:#ffd86d75}.campaign-side{grid-template-rows:minmax(0,1fr);align-content:stretch;align-items:stretch;gap:12px;min-width:0;min-height:0;display:grid}.campaign-action-sheet{display:none}.campaign-action-thumb{filter:brightness(1.14)saturate(1.08);background-color:#080a0a9e;background-position:50%;background-size:cover;border:1px solid #ffd86d33;border-radius:6px;width:58px;min-height:58px}.campaign-action-copy{gap:4px;min-width:0;display:grid}.campaign-action-copy .hud-kicker{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.campaign-action-copy strong{color:#fff3c2;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.05;overflow:hidden}.campaign-action-copy small{color:#d3d0b4;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:850;line-height:1.15;overflow:hidden}.region-brief,.upgrade-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090ac2;border:1px solid #e8d8ae2e;border-radius:8px;min-width:0;max-width:100%;box-shadow:0 18px 44px #00000047}.region-brief-close{display:none}.region-brief{grid-template-rows:auto auto minmax(0,1fr) auto auto;align-self:stretch;min-height:0;padding:16px;display:grid;overflow:hidden}.region-brief-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.region-brief-icon{object-fit:cover;width:52px;height:52px}.region-brief-art{background:#0b0d0a;border-color:#ffd86d9e;border-radius:8px;padding:0;box-shadow:inset 0 0 0 1px #fff3c21f,0 10px 22px #0000005c}.region-brief h3{color:#fff3c2;margin:6px 0 4px;font-size:30px;line-height:1}.region-brief-head strong{color:#ffd86d;font-size:14px;line-height:1.1;display:block}.region-brief p{color:#d3d0b4;margin:12px 0;font-size:14px;font-weight:650;line-height:1.4}.difficulty-grid{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;margin:12px 0;display:grid;overflow:auto}.difficulty-grid::-webkit-scrollbar{display:none}.difficulty-card{appearance:none;color:#f8f0d5;cursor:pointer;text-align:left;background:linear-gradient(#181e18d6,#080a0ae6),#080a0acc;border:1px solid #e8d8ae29;border-radius:6px;gap:5px;min-width:0;min-height:72px;padding:8px;display:grid}.difficulty-card-head{align-items:center;gap:6px;min-width:0;display:flex}.difficulty-label{color:#a8bf8d;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:950;line-height:1;overflow:hidden}.difficulty-card strong{color:#ffd86d;font-size:18px;line-height:1}.difficulty-card small{color:#d3d0b4;text-transform:uppercase;font-size:10px;font-weight:850;line-height:1.1}.difficulty-card-meta{flex-wrap:wrap;align-self:end;gap:4px;margin-top:2px;display:flex}.difficulty-card-meta span{color:#f8f0d5c7;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#05070757;border:1px solid #a8bf8d33;border-radius:999px;align-items:center;min-width:0;padding:3px 6px;font-size:8.5px;font-weight:900;line-height:1;display:inline-flex}.difficulty-card.is-selected{background:linear-gradient(#2d331deb,#0c0d0af0),#080a0adb;border-color:#ffd86da3;box-shadow:inset 0 0 0 1px #ffd86dd1,inset 0 -18px 34px #ffd86d14,0 0 0 1px #ffd86d42}.difficulty-card.is-complete{border-color:#84b8668a}.difficulty-card.is-complete.is-selected{border-color:#ffd86dd1}.difficulty-card.is-locked{cursor:default;opacity:.48;border-color:#e8d8ae14}@media (width>=821px){.campaign-side .region-brief{height:100%}.campaign-side .difficulty-grid{grid-template-rows:repeat(4,80px);grid-template-columns:minmax(0,1fr);align-content:start;gap:7px;min-height:0}.campaign-side .difficulty-card{grid-template-rows:auto auto;grid-template-columns:auto minmax(64px,.7fr) minmax(0,1fr);align-items:center;gap:5px 8px;height:80px;min-height:80px;padding:8px}.campaign-side .difficulty-card-head{grid-row:1/-1;gap:5px}.campaign-side .difficulty-icon{width:20px;height:20px}.campaign-side .difficulty-label{font-size:8.5px}.campaign-side .difficulty-card strong{font-size:18px}.campaign-side .difficulty-card small{font-size:9px}.campaign-side .difficulty-card-meta{grid-area:1/3/-1;justify-content:flex-end;align-self:center;gap:4px}.campaign-side .difficulty-card-meta span{text-overflow:ellipsis;max-width:76px;padding:3px 5px;font-size:7px;overflow:hidden}.campaign-side .region-brief>.map-start{align-self:end}}.map-start{color:#161109;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#d7ad50;border:1px solid #ffd86dad;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-weight:950;line-height:1;display:inline-flex}.map-start:disabled{color:#f8f0d575;cursor:default;background:#ffffff0f;border-color:#e8d8ae29}.upgrade-panel{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden}.upgrade-heading strong{color:#fff3c2;margin-top:4px;font-size:22px;line-height:1.1;display:block}.upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;display:grid}.upgrade-card{appearance:none;color:#f8f0d5;cursor:pointer;text-align:left;background:radial-gradient(circle at 11% 100%,#ffd86d24,#0000 28%),linear-gradient(#131915f0,#050808f5),#080a0ae6;border:1px solid #daaf3757;border-radius:8px;grid-template-columns:62px minmax(0,1fr) minmax(82px,auto) 18px;align-items:center;gap:14px;min-height:86px;padding:12px 14px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.upgrade-card:hover:not(:disabled){border-color:#ffd86d9e;transform:translateY(-1px);box-shadow:0 16px 34px #00000047,inset 0 0 0 1px #ffd86d14}.upgrade-card:active:not(:disabled){transform:translateY(0)scale(.99)}.upgrade-card-head{background:radial-gradient(circle at 50% 80%,#ffd86d2e,#0000 46%),#050707bd;border:1px solid #ffd86d61;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 10px 26px #00000047}.upgrade-card-head .upgrade-icon{width:38px;height:38px;box-shadow:none;background:0 0;border:0}.upgrade-card-copy{align-content:center;justify-items:start;gap:5px;min-width:0;display:grid}.upgrade-card-label{color:#ffd86d;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#ffd86d14;border:1px solid #ffd86d42;border-radius:4px;min-width:0;max-width:100%;padding:2px 6px;font-size:10px;font-weight:950;overflow:hidden}.upgrade-card strong{color:#fff3c2;font-size:18px;line-height:1.08}.upgrade-card small{color:#d3d0b4;font-size:14px;font-weight:760;line-height:1.25}.upgrade-card-action{justify-items:stretch;gap:4px;display:grid}.upgrade-card-state{color:#ffd86d;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffd86d12;border:1px solid #ffd86d29;border-radius:5px;place-items:center;min-height:27px;padding:4px 9px;font-size:13px;font-weight:950;display:grid}.upgrade-card-cost{color:#171006;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(#e6bd55,#c9972a);border:1px solid #ffd86db3;border-radius:5px;place-items:center;min-height:32px;padding:6px 12px;font-size:15px;font-weight:950;display:grid}.upgrade-card-chevron{color:#ffd86d6b;justify-self:end;font-size:36px;font-weight:500;line-height:1}.upgrade-card.is-ready{border-color:#ffd86d80}.upgrade-card.is-ready .upgrade-card-state{color:#ffd86d}.upgrade-card.is-maxed{border-color:#84b8666b}.upgrade-card.is-maxed .upgrade-card-state{color:#a8bf8d}.upgrade-card.is-maxed .upgrade-card-cost{color:#a8bf8d;background:#84b86624;border-color:#84b8665c}.upgrade-card.is-locked .upgrade-card-state{color:#f8f0d58a}.upgrade-card.is-locked .upgrade-card-cost{color:#f8f0d594;background:#ffffff0f;border-color:#e8d8ae2e}.upgrade-card:disabled{cursor:default;opacity:.72}.upgrade-modal-backdrop{z-index:40;padding:calc(18px + var(--sat)) calc(18px + var(--sar)) calc(18px + var(--sab)) calc(18px + var(--sal));background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.upgrade-modal{background:linear-gradient(#141a12f5,#050707f7),#07090af5;border:1px solid #e8d8ae4d;border-radius:8px;width:min(720px,100%);min-height:0;max-height:min(680px,100% - 18px);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #0000009e,inset 0 1px #ffffff14}.upgrade-modal-close{z-index:2;appearance:none;color:#f8f0d5;cursor:pointer;background:#050707bd;border:1px solid #e8d8ae47;border-radius:6px;place-items:center;width:38px;height:38px;display:inline-grid;position:absolute;top:14px;right:14px}.upgrade-modal-close:hover{border-color:#ffd86d8f}.upgrade-panel--modal{min-height:0;max-height:inherit;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:18px;display:grid;overflow:hidden}.upgrade-panel--modal .upgrade-heading{align-content:center;min-height:42px;padding-right:62px;display:grid}.upgrade-panel--modal .upgrade-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#ffd86d94 #ffd86d1a;scrollbar-width:thin;min-height:0;padding-right:6px;overflow-y:auto}.upgrade-panel--modal .upgrade-grid::-webkit-scrollbar{width:8px}.upgrade-panel--modal .upgrade-grid::-webkit-scrollbar-track{background:#ffd86d1a;border-radius:999px}.upgrade-panel--modal .upgrade-grid::-webkit-scrollbar-thumb{background:#ffd86d9e;border:2px solid #07090ae6;border-radius:999px}.system-actions button+button{color:#f8f0d5;background:#ffffff0a}.error{z-index:9;top:calc(16px + var(--sat));left:calc(16px + var(--sal));color:#fff;background:#7d1f1f;border:1px solid #ffbea06b;margin:0;padding:10px 12px;font-weight:800;position:absolute}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.unit-card:focus-visible,.evolve-card:focus-visible,.pause-button:focus-visible,.system-actions button:focus-visible,.region-card:focus-visible,.difficulty-card:focus-visible,.map-start:focus-visible,.upgrade-card:focus-visible,.upgrade-modal-close:focus-visible,.secondary-action:focus-visible{outline-offset:2px;outline:2px solid #ffd86d}@media (width<=1100px){.evolution-hud{grid-template-columns:minmax(250px,1fr) minmax(350px,1.2fr)}.hud-panel--economy{grid-area:2/1/auto/-1;justify-content:flex-start;gap:18px;width:fit-content}.hud-panel--bases{justify-self:end}.battle-feed{top:calc(158px + var(--sat));left:calc(18px + var(--sal));width:min(560px,100vw - 128px);transform:none}.pause-button{top:calc(158px + var(--sat))}.command-dock{grid-template-columns:1fr}.evolve-card{min-height:72px}.campaign-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;position:relative}.campaign-header{grid-template-columns:minmax(160px,.7fr) minmax(330px,1fr) auto}.campaign-header h2{font-size:clamp(24px,3.4vw,34px)}.campaign-status-rail{grid-template-columns:repeat(3,minmax(98px,1fr))}.secondary-action{min-width:44px}.campaign-side{z-index:8;pointer-events:none;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);max-width:640px;position:absolute;top:12px;left:12px;right:12px}.region-map{min-height:460px}.campaign-side .region-brief{pointer-events:auto}}@media (width<=820px){.stage-shell{min-height:0}.game-vignette{background:linear-gradient(#05060824 0%,#05060805 20%,#05060800 58%,#0506082e 100%),radial-gradient(circle,#0000 68%,#0000000a 100%)}.stage canvas{filter:brightness(1.5)contrast(1.08)saturate(1.16)}.evolution-hud{top:calc(8px + var(--sat));right:calc(8px + var(--sar));left:calc(8px + var(--sal));grid-template-columns:minmax(0,1fr);grid-template-areas:"bases""economy";gap:4px}.hud-panel{background:#07090a9e;border-radius:5px;gap:6px;min-height:46px;padding:6px 8px}.hud-panel--tribe{grid-area:tribe;display:none}.hud-panel--bases{grid-area:bases}.hud-panel--economy{grid-area:economy}.hud-panel--tribe,.hud-panel--bases,.hud-panel--economy{justify-self:stretch;width:100%;min-width:0}.hud-panel--tribe .hud-kicker{display:none}.hud-panel--tribe small{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hud-panel--economy{grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:48px;padding:7px 9px;display:grid;overflow:hidden}.hud-panel--economy .hud-metric:nth-child(4),.hud-panel--economy .hud-metric:nth-child(5),.hud-panel--economy .hud-metric:nth-child(6){display:none}.tribe-mark{width:30px;height:30px}.hud-panel strong,.hud-metric strong{font-size:16px}.base-meter strong{font-size:13px}.base-meter{gap:3px}.base-meter>div{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px;display:grid}.base-label{display:none}.base-short{color:#a8bf8d;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:950;line-height:1;display:inline}.base-meter small,.base-icon{display:none}.base-bar{height:9px}.hud-metric{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 6px;display:grid}.hud-icon{grid-row:1/3;width:24px;height:24px;margin:0}.hud-metric>span{letter-spacing:.06em;font-size:8px}.hud-metric strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.battle-feed{top:calc(118px + var(--sat));right:calc(58px + var(--sar));left:calc(8px + var(--sal));align-content:center;gap:3px;width:auto;min-height:50px;padding:7px 10px;transform:none}.battle-feed span{letter-spacing:.1em;font-size:9px}.battle-feed strong{text-overflow:clip;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.18;display:-webkit-box;overflow:hidden}.pause-button{top:calc(118px + var(--sat));right:calc(8px + var(--sar));gap:0;width:46px;min-width:46px;height:50px;padding:0}.pause-button>span:not(.asset-icon){display:none}.pause-button .button-icon{width:22px;height:22px}.command-dock{right:calc(8px + var(--sar));bottom:calc(8px + var(--sab));left:calc(8px + var(--sal));grid-template-columns:minmax(0,1fr) 122px;align-items:end;gap:6px}.unit-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-gutter:stable;touch-action:pan-x;-webkit-overflow-scrolling:touch;min-height:74px;padding:0 2px 7px;scroll-padding-inline:2px;display:flex;overflow:auto hidden}.unit-row::-webkit-scrollbar{height:4px}.unit-row::-webkit-scrollbar-track{background:#07090a6b;border-radius:999px}.unit-row::-webkit-scrollbar-thumb{background:#ffd86d75;border-radius:999px}.unit-card{--unit-card-art-opacity:.98;--unit-card-sprite-responsive-scale:calc(var(--unit-card-sprite-scale) * .78);scroll-snap-align:start;flex:0 0 96px;min-height:90px;padding:5px}.unit-role,.unit-stats{display:none}.unit-card>.card-hotkey{font-size:10px}.unit-card strong{text-align:center;align-self:end;max-width:100%;min-height:22px;margin-top:56px;font-size:11.5px;line-height:1.05}.unit-card>.unit-meta{background:#07090aa3;border:1px solid #a8bf8d3d;margin-top:0;padding:2px 3px;font-size:8.5px;line-height:1;position:absolute;top:5px;right:5px}.evolve-card{--evolve-card-bg-position:center top 2px;--evolve-card-bg-size:auto 78px;--evolve-card-art-opacity:.94;text-align:center;gap:3px;min-height:90px;padding:6px 7px}.evolve-card>.card-hotkey{display:none}.evolve-body{gap:2px;margin-top:50px}.evolve-body strong{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.2px;line-height:1.05;display:-webkit-box;overflow:hidden}.evolve-body small{font-size:9px}.system-overlay{padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(12px + var(--sab)) calc(12px + var(--sal));align-items:center;overflow:hidden}.system-panel{width:min(520px,100%);max-height:calc(var(--app-height) - 24px - var(--sat) - var(--sab));margin-block:0}.system-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.system-actions button{width:100%;min-width:0;padding-inline:8px}.system-titlebar{max-width:none}.system-panel h2{font-size:clamp(36px,12vw,58px)}.system-stats{max-width:none}.result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-overlay{padding:calc(8px + var(--sat)) calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal))}.campaign-board{height:calc(var(--app-height) - 16px - var(--sat) - var(--sab));gap:8px;min-height:0;padding:8px 8px 70px}.campaign-header{grid-template-columns:128px minmax(0,1fr) 86px;align-items:center;gap:6px}.campaign-status-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.campaign-actions{grid-template-columns:repeat(2,minmax(0,40px));justify-content:stretch;gap:5px;display:grid}.secondary-action{width:100%;min-width:0;min-height:40px;padding:0}.secondary-action>span{display:none}.campaign-header h2{font-size:clamp(20px,4.2vw,26px)}.campaign-summary{gap:5px;min-height:38px;padding:5px}.campaign-layout{grid-template-rows:96px minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.campaign-summary{text-align:left;justify-content:center;gap:5px;min-width:0;min-height:40px;padding:6px}.campaign-summary .summary-icon{width:20px;height:20px}.campaign-summary strong{font-size:15px}.campaign-summary small{display:none}.campaign-side{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:8px;min-height:0;overflow:hidden}.region-brief>.map-start{display:none}.campaign-action-sheet{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1d2719f0,#080a0af5),#080a0aeb;border:1px solid #ffd86d47;border-radius:7px;grid-template-columns:clamp(38px,10vw,44px) minmax(0,1fr) minmax(82px,26vw);align-items:center;gap:clamp(5px,1.7vw,7px);min-height:clamp(56px,13.6vw,64px);padding:clamp(5px,1.6vw,7px);display:grid;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 18px 44px #0006,inset 0 1px #ffffff0f}.campaign-action-thumb{width:clamp(38px,10vw,44px);min-height:clamp(38px,10vw,44px)}.campaign-action-copy{gap:2px}.campaign-action-copy strong{font-size:clamp(13px,3.7vw,16px)}.campaign-action-copy small{font-size:clamp(8px,2.4vw,9px)}.campaign-action-sheet .map-start{min-width:0;height:clamp(40px,10vw,46px);padding-inline:clamp(6px,2vw,10px)}.region-map-frame{height:96px;min-height:0;padding:10px;display:flex;overflow-x:auto}.region-map-frame:before{display:none}.region-card{flex:0 0 176px;width:auto;min-height:clamp(68px,18vw,76px);position:relative;inset:auto!important}.upgrade-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex;overflow-x:auto}.upgrade-card{scroll-snap-align:start;flex:0 0 168px;min-height:84px}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-brief{align-self:stretch;height:100%;max-height:100%;padding:10px}.region-brief h3{font-size:21px}.region-brief p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:8px 0}.difficulty-card{min-height:clamp(48px,13vw,64px);padding:5px}.difficulty-icon{width:20px;height:20px}.difficulty-label{font-size:8px}.difficulty-card strong{font-size:15px}.difficulty-card small{display:none}.upgrade-panel{gap:7px;padding:10px}}@media (width<=560px){.hud-panel--bases{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-panel--economy{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:54px;padding:8px 10px;display:grid}.hud-metric{min-width:0;min-height:36px}.hud-kicker,.hud-metric>span{letter-spacing:.06em;font-size:8.5px}.hud-metric>span{letter-spacing:.04em;font-size:7.5px}.hud-metric strong{font-size:18px}.battle-feed{top:calc(104px + var(--sat));right:calc(54px + var(--sar))}.battle-feed strong{font-size:12px}.pause-button{top:calc(104px + var(--sat))}.command-dock{grid-template-columns:minmax(0,1fr) 100px}.unit-card{flex-basis:70px;min-height:70px}.unit-card strong{max-width:100%}.unit-stats{display:none}.evolve-body strong{font-size:10.5px}.system-panel{padding:14px}.system-featured-sprite{opacity:.72;top:38%;left:62%;transform:translate(-8%,-42%)scale(1.42)}.system-overlay--loading .system-featured-sprite{transform:translate(-8%,-42%)scale(1.42)}.system-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}.system-stat{letter-spacing:.08em;justify-content:center;gap:6px;padding:8px;font-size:8px}.system-stat .stat-icon{width:24px;height:24px}.system-stats strong{font-size:16px}.system-stats small{display:none}.system-titlebar{align-items:flex-start}.system-titlebar span,.system-titlebar small{letter-spacing:.12em;font-size:9px}.system-panel h2{margin-top:8px;font-size:clamp(36px,16vw,56px)}.system-panel p{font-size:14px;line-height:1.32}.system-actions{gap:8px;margin-top:16px}.system-actions button{min-width:min(100%,132px);height:42px;padding-inline:12px;font-size:13px}.result-summary{gap:6px}.result-stat{padding:9px;font-size:8px}.result-summary strong{font-size:16px}.campaign-action-sheet{grid-template-columns:clamp(38px,10vw,42px) minmax(0,1fr) minmax(78px,24vw)}.campaign-action-sheet .map-start{grid-column:auto;min-width:0;height:clamp(40px,10vw,44px);padding-inline:6px}.roster-carousel{min-height:80px;margin-bottom:12px;padding-top:36px}.roster-strip{gap:6px;min-height:70px;padding:2px 28px 5px}.roster-unit{flex-basis:48px;width:48px;height:48px}.roster-unit-icon{width:38px;height:38px}}@media (width>=561px) and (width<=1100px){.campaign-side{z-index:10;pointer-events:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;max-width:none;display:grid;position:absolute;inset:0}.campaign-side>.upgrade-panel{display:none}.campaign-side .region-brief{pointer-events:auto;border-radius:12px;place-self:center;width:min(680px,100% - 48px);max-height:min(72vh,620px);padding:58px 24px 24px;transition:opacity .16s,transform .16s;position:relative;overflow:auto}.campaign-side .region-brief.is-mobile-hidden{opacity:0;pointer-events:none;transform:translateY(18px)scale(.98)}.campaign-side .region-brief.is-mobile-open{opacity:1;transform:translateY(0)scale(1)}.campaign-side .region-brief-close{appearance:none;cursor:pointer;background:#050707c2;border:1px solid #e8d8ae3d;border-radius:8px;place-items:center;width:40px;height:40px;display:inline-grid;position:absolute;top:14px;right:14px}.campaign-side .region-brief-close .button-icon{width:22px;height:22px}.campaign-side .difficulty-grid{grid-template-rows:repeat(2,minmax(92px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.campaign-side .difficulty-card{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:none;align-items:stretch;gap:4px;min-height:92px;padding:8px}.campaign-side .difficulty-card-head{grid-row:auto;gap:5px}.campaign-side .difficulty-icon{width:20px;height:20px}.campaign-side .difficulty-label{font-size:8.5px}.campaign-side .difficulty-card strong{font-size:20px}.campaign-side .difficulty-card small{font-size:9px}.campaign-side .difficulty-card-meta{grid-area:auto;justify-content:flex-start;align-self:end;gap:4px}.campaign-side .difficulty-card-meta span{max-width:none;padding:2px 5px;font-size:7.5px}}@media (width<=820px) and (height<=720px){.evolution-hud{top:calc(6px + var(--sat));right:calc(6px + var(--sar));left:calc(6px + var(--sal));gap:3px}.hud-panel{min-height:40px;padding:5px 6px}.tribe-mark{width:26px;height:26px}.hud-panel strong,.hud-metric strong,.base-meter strong{font-size:13px}.hud-panel small,.hud-kicker,.hud-metric>span{font-size:7.5px}.hud-metric{flex-basis:60px}.hud-icon{width:16px;height:16px}.battle-feed{top:calc(98px + var(--sat));min-height:30px;padding:4px 7px}.battle-feed strong{font-size:11px}.pause-button{top:calc(98px + var(--sat));width:38px;min-width:38px;height:30px}.pause-button .button-icon{width:20px;height:20px}.command-dock{right:calc(6px + var(--sar));bottom:calc(6px + var(--sab));left:calc(6px + var(--sal));grid-template-columns:minmax(0,1fr) 106px;gap:5px}.unit-row{min-height:68px;padding-bottom:6px}.unit-card{--unit-card-art-opacity:.96;--unit-card-sprite-responsive-scale:calc(var(--unit-card-sprite-scale) * .68);flex-basis:84px;min-height:78px}.unit-card strong{min-height:19px;margin-top:48px;font-size:10px}.unit-card>.unit-meta{font-size:7.5px}.evolve-card{--evolve-card-bg-size:auto 66px;--evolve-card-art-opacity:.9;min-height:78px;padding:5px}.evolve-body strong{font-size:10px}.evolve-body small{font-size:7.5px}.system-overlay{padding:calc(8px + var(--sat)) calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal))}.system-panel{max-height:calc(var(--app-height) - 16px - var(--sat) - var(--sab));padding:12px}.roster-carousel{min-height:66px;margin-bottom:8px;padding-top:30px}.roster-strip{gap:5px;min-height:66px;padding:2px 24px 4px}.roster-unit{flex-basis:42px;width:42px;height:42px}.roster-unit-icon{width:34px;height:34px}.system-panel h2{margin:6px 0 8px;font-size:clamp(30px,12vw,46px)}.system-panel p{font-size:13px;line-height:1.25}.system-stats{gap:5px;margin-top:10px}.system-stat{padding:6px}.system-actions{gap:7px;margin-top:12px}.system-actions button{height:38px;font-size:12px}.campaign-overlay{padding:calc(4px + var(--sat)) calc(4px + var(--sar)) calc(4px + var(--sab)) calc(4px + var(--sal))}.campaign-board{height:calc(var(--app-height) - 8px - var(--sat) - var(--sab));gap:6px;padding:6px 6px 58px}.campaign-header{grid-template-columns:minmax(0,1fr) 78px;gap:5px}.campaign-title{display:none}.campaign-summary{gap:3px;min-height:34px;padding:4px}.campaign-summary .summary-icon{display:none}.campaign-summary strong{font-size:12px}.secondary-action{min-height:34px}.campaign-layout{grid-template-rows:84px minmax(0,1fr);gap:6px}.region-map-frame{height:84px;padding:8px}.region-card{flex-basis:160px;min-height:66px;padding:7px}.region-card.is-selected{transform:translateY(-4px)scale(1.08)}.region-pin{width:24px;height:24px}.region-copy strong{font-size:13px}.region-copy small,.region-meta{font-size:9px}.campaign-side{gap:6px}.campaign-action-sheet{border-radius:8px;grid-template-columns:clamp(38px,10vw,42px) minmax(0,1fr) minmax(82px,25vw);gap:5px;min-height:clamp(56px,13.4vw,62px);margin-top:0;padding:6px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:inset 0 1px #ffffff0d,0 10px 26px #00000038}.campaign-action-thumb{width:clamp(38px,10vw,42px);min-height:clamp(38px,10vw,42px)}.campaign-action-copy strong{font-size:clamp(13px,3.6vw,15px)}.campaign-action-copy small{display:none}.campaign-action-sheet .map-start{min-width:0;height:clamp(40px,9.8vw,44px);padding-inline:6px}.region-brief{padding:8px 8px 72px;position:relative}.region-brief-head{gap:8px}.region-brief-icon{width:42px;height:42px}.region-brief h3{font-size:18px}.region-brief p{display:none}.difficulty-grid{gap:3px;margin:6px 0}.difficulty-card{min-height:clamp(42px,11vw,54px);padding:4px}.difficulty-icon{width:18px;height:18px}.difficulty-card strong{font-size:13px}.upgrade-panel{gap:6px;padding:8px}.upgrade-heading strong{display:none}.upgrade-grid{padding-bottom:3px}.upgrade-card{flex-basis:150px;min-height:72px;padding:7px}.upgrade-card small{display:none}}@media (orientation:landscape) and (height<=520px){.campaign-overlay{padding:calc(6px + var(--sat)) calc(6px + var(--sar)) calc(6px + var(--sab)) calc(6px + var(--sal))}.campaign-board{height:calc(var(--app-height) - 12px - var(--sat) - var(--sab));gap:6px;padding:6px 6px 54px}.campaign-header{grid-template-columns:minmax(126px,.7fr) minmax(0,1fr) 82px;gap:5px}.campaign-header h2{font-size:clamp(20px,3.4vw,28px)}.campaign-actions{grid-template-columns:repeat(2,minmax(0,38px));gap:5px;display:grid}.secondary-action{min-width:0;min-height:38px;padding:0}.secondary-action>span{display:none}.campaign-layout{grid-template-rows:82px minmax(0,1fr);gap:6px}.evolution-hud{top:calc(6px + var(--sat));right:calc(6px + var(--sar));left:calc(6px + var(--sal));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07090ac2;border:1px solid #e8d8ae2e;border-radius:6px;grid-template-columns:minmax(150px,1.25fr) minmax(64px,.62fr) minmax(78px,.72fr) minmax(64px,.62fr) minmax(150px,1.25fr);grid-template-areas:"player gold income spoils rival";align-items:center;gap:3px;padding:3px 6px;box-shadow:0 16px 38px #00000047}.hud-panel{gap:5px;min-height:40px;padding:5px 6px}.hud-panel--tribe{display:none}.hud-panel--bases,.hud-panel--economy{width:100%;min-width:0;min-height:28px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-self:stretch;padding:0;display:contents}.hud-panel--bases .base-meter--player{grid-area:player}.hud-panel--bases .base-meter--enemy{grid-area:rival}.hud-panel--economy .hud-metric:first-child{grid-area:gold}.hud-panel--economy .hud-metric:nth-child(2){grid-area:income}.hud-panel--economy .hud-metric:nth-child(3){grid-area:spoils}.hud-panel--economy .hud-metric{min-width:0;padding-inline:8px}.hud-panel--bases{gap:8px}.hud-panel--bases .base-meter{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.hud-panel--bases .base-meter>div{grid-area:1/1;justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.hud-panel--bases .base-meter small{grid-area:1/2}.hud-panel--bases .base-label{gap:4px}.hud-panel--bases .base-icon{width:18px;height:18px}.hud-panel--bases .hud-kicker,.hud-panel--bases .base-meter small{white-space:nowrap;font-size:7px}.hud-panel--bases .base-meter strong{white-space:nowrap;font-size:12px}.hud-panel--bases .base-bar{grid-area:2/1/auto/-1;height:7px}.hud-panel--economy{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-height:28px;display:contents;overflow:hidden}.hud-panel--economy .hud-metric:nth-child(4),.hud-panel--economy .hud-metric:nth-child(5),.hud-panel--economy .hud-metric:nth-child(6){display:none}.hud-panel strong,.hud-metric strong,.base-meter strong{font-size:13px}.hud-panel small,.hud-kicker,.hud-metric>span{font-size:7.5px}.hud-metric{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 4px;display:grid}.hud-icon{grid-row:1/3;width:16px;height:16px;margin:0}.battle-feed{top:calc(52px + var(--sat));right:calc(48px + var(--sar));left:calc(6px + var(--sal));width:auto;min-height:30px;padding:4px 7px}.battle-feed strong{font-size:11px}.pause-button{top:calc(52px + var(--sat));right:calc(6px + var(--sar));gap:0;width:38px;min-width:38px;height:30px;padding:0}.pause-button>span:not(.asset-icon){display:none}.pause-button .button-icon{width:18px;height:18px}.command-dock{right:calc(6px + var(--sar));bottom:calc(6px + var(--sab));left:calc(6px + var(--sal));grid-template-columns:minmax(0,1fr) 106px;align-items:stretch;gap:5px;height:88px}.unit-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x;gap:5px;height:88px;min-height:82px;padding:0 2px 4px;display:flex;overflow:auto hidden}.unit-card{--unit-card-sprite-responsive-scale:calc(var(--unit-card-sprite-scale) * .68);flex:0 0 82px;min-height:88px;padding:4px}.unit-role,.unit-stats{display:none}.unit-card strong{z-index:2;background:linear-gradient(#080a0a00,#080a0adb);min-height:17px;margin:0;padding-top:2px;font-size:9px;line-height:1;position:absolute;bottom:2px;left:3px;right:3px}.unit-card>.unit-meta{padding:2px 3px;font-size:7.5px;top:5px;right:5px}.unit-card>.unit-card-sprite{top:2px}.evolve-card{--evolve-card-bg-position:center top 2px;--evolve-card-bg-size:auto 58px;min-height:88px;padding:4px}.evolve-card:before{filter:brightness(1.18)saturate(1.08)contrast(1.02);opacity:.8;inset:2px 2px 29px}.evolve-body{white-space:nowrap;justify-content:center;align-items:center;gap:3px;margin-top:0;display:flex;position:absolute;bottom:4px;left:3px;right:3px}.evolve-body strong{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7.5px;line-height:1}.evolve-body small{white-space:nowrap;flex:none;font-size:7.5px;line-height:1}.system-overlay{padding:calc(8px + var(--sat)) calc(12px + var(--sar)) calc(8px + var(--sab)) calc(12px + var(--sal))}.system-panel{width:min(660px,100%);max-height:calc(var(--app-height) - 16px - var(--sat) - var(--sab));padding:12px}.roster-carousel{min-height:66px;margin-bottom:8px;padding-top:30px}.roster-strip{gap:5px;min-height:66px;padding:2px 24px 4px}.roster-unit{flex-basis:42px;width:42px;height:42px}.roster-unit-icon{width:34px;height:34px}.system-panel h2{margin:6px 0 8px;font-size:clamp(30px,8vw,46px)}.system-panel p{font-size:13px;line-height:1.25}.system-stats{gap:5px;margin-top:10px}.system-stat{padding:6px}.system-actions{gap:7px;margin-top:12px}.system-actions button{height:38px;font-size:12px}}@media (width<=430px) and (height<=760px){.battle-feed{top:calc(98px + var(--sat));min-height:42px;padding:5px 8px}.battle-feed strong{font-size:12px;line-height:1.12}.pause-button{top:calc(98px + var(--sat));width:40px;min-width:40px;height:42px}.command-dock{right:calc(6px + var(--sar));bottom:calc(6px + var(--sab));left:calc(6px + var(--sal));grid-template-columns:minmax(0,1fr) 96px;gap:5px}.unit-row{height:94px;min-height:82px;padding-bottom:6px}.unit-card{--unit-card-art-opacity:.96;--unit-card-sprite-responsive-scale:calc(var(--unit-card-sprite-scale) * .68);flex-basis:76px;height:88px;min-height:82px;padding:5px}.unit-card strong{min-height:19px;margin-top:48px;font-size:10px;line-height:1.05}.unit-card>.unit-meta{font-size:7.5px;top:5px;right:5px}.evolve-card{--evolve-card-bg-size:auto 68px;height:88px;min-height:82px;padding:5px}.evolve-body{margin-top:46px}.evolve-body strong{font-size:10px;line-height:1.05}.evolve-body small{font-size:7.5px}}.upgrade-panel--modal{gap:12px;padding:18px}.upgrade-panel--modal .upgrade-heading strong,.upgrade-panel--modal .upgrade-card small{display:block}.upgrade-panel--modal .upgrade-heading{padding-right:44px}.upgrade-panel--modal .upgrade-grid{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden auto}.upgrade-panel--modal .upgrade-card{flex:initial;scroll-snap-align:initial;min-height:86px}@media (width<=820px){.upgrade-modal-backdrop{padding:calc(10px + var(--sat)) calc(10px + var(--sar)) calc(10px + var(--sab)) calc(10px + var(--sal))}.upgrade-modal{width:min(560px,100%);height:calc(100% - 12px);max-height:calc(100% - 12px)}.upgrade-panel--modal{height:100%;padding:14px}.upgrade-panel--modal .upgrade-grid{grid-template-columns:1fr}.upgrade-panel--modal .upgrade-card{grid-template-columns:54px minmax(0,1fr) minmax(76px,auto) 16px;gap:10px;min-height:82px;padding:10px}.upgrade-panel--modal .upgrade-card-head{width:48px;height:48px}.upgrade-panel--modal .upgrade-card-head .upgrade-icon{width:34px;height:34px}.upgrade-panel--modal .upgrade-card strong{font-size:16px}.upgrade-panel--modal .upgrade-card small{font-size:12px}.upgrade-panel--modal .upgrade-card-state{min-height:25px;padding-inline:7px;font-size:11px}.upgrade-panel--modal .upgrade-card-cost{min-height:30px;padding-inline:8px;font-size:13px}}@media (width<=560px){.campaign-header{grid-template-columns:42px minmax(0,1fr) 78px;gap:5px}.campaign-actions{grid-template-columns:repeat(2,minmax(0,37px));gap:5px}.upgrade-modal-close{width:38px;height:38px;top:14px;right:14px}.upgrade-panel--modal{padding:14px}.upgrade-panel--modal .upgrade-heading{min-height:42px;padding-right:58px}.upgrade-panel--modal .upgrade-heading strong{font-size:20px}.upgrade-panel--modal .upgrade-card{grid-template-columns:46px minmax(0,1fr) minmax(66px,auto) 10px;gap:8px;min-height:76px;padding:8px}.upgrade-panel--modal .upgrade-card-head{border-radius:7px;width:42px;height:42px}.upgrade-panel--modal .upgrade-card-head .upgrade-icon{width:30px;height:30px}.upgrade-panel--modal .upgrade-card-label{padding-inline:5px;font-size:9px}.upgrade-panel--modal .upgrade-card strong{font-size:15px}.upgrade-panel--modal .upgrade-card small{font-size:11px}.upgrade-panel--modal .upgrade-card-cost{min-height:28px;padding-inline:6px;font-size:12px}.upgrade-panel--modal .upgrade-card-chevron{font-size:24px}.campaign-overlay{padding:calc(4px + var(--sat)) calc(4px + var(--sar)) calc(4px + var(--sab)) calc(4px + var(--sal));overflow:hidden}.campaign-board{height:calc(var(--app-height) - 8px - var(--sat) - var(--sab));padding:6px 6px var(--sab);border-radius:6px;grid-template-rows:auto minmax(0,1fr);gap:6px;overflow:hidden}.campaign-header{grid-template-columns:minmax(0,1fr) 80px;align-items:stretch;min-height:36px}.campaign-title{display:none}.campaign-status-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.campaign-summary{text-align:left;justify-content:flex-start;gap:5px;min-height:36px;padding:4px 6px}.campaign-summary .summary-icon{flex:0 0 22px;width:22px;height:22px;display:inline-grid}.campaign-summary small{display:none}.campaign-summary-copy{place-items:start}.campaign-summary strong{max-width:100%;font-size:12.5px}.campaign-actions{grid-template-columns:repeat(2,minmax(0,37px));gap:5px;display:grid}.secondary-action{width:100%;min-width:0;min-height:36px;padding:0}.secondary-action>span{display:none}.campaign-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px;height:100%;min-height:0;overflow:hidden}.region-map-frame{height:100%;min-height:0;padding:8px;overflow:hidden}.region-map{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;cursor:grab;justify-content:flex-start;align-items:flex-start;height:100%;min-height:0;padding:0;display:flex;overflow:auto}.region-map.is-dragging-map{cursor:grabbing}.region-map::-webkit-scrollbar{display:none}.region-map-canvas{--map-safe-x:150px;--map-card-w:172px;background-position:50%;flex:none;width:max(220vw,940px);min-width:940px;min-height:100%}.map-drag-tutorial{z-index:12;color:#f8f0d5;pointer-events:auto;background:linear-gradient(#111410f0,#060808e6),#07090ae6;border:1px solid #ffd86d5c;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:10px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 18px 38px #00000075,inset 0 1px #ffffff12}.map-drag-tutorial-icon{background:#00000047;border:1px solid #ffd86d47;border-radius:7px;width:34px;height:34px;padding:6px;box-shadow:0 0 18px #ffd86d2e}.map-drag-tutorial-copy{gap:3px;min-width:0;display:grid}.map-drag-tutorial-copy strong{overflow-wrap:anywhere;color:#ffe59a;letter-spacing:.04em;font-size:13px;font-weight:950;line-height:1.1}.map-drag-tutorial-copy small{overflow-wrap:anywhere;color:#f8f0d5b8;font-size:11px;font-weight:800;line-height:1.35}.map-drag-tutorial-dismiss{appearance:none;color:#211608;cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:linear-gradient(#f5cf68,#b98127);border:1px solid #ffd86d61;border-radius:6px;min-width:64px;min-height:40px;padding:0 12px;font-size:12px;font-weight:950}.map-drag-tutorial-dismiss:hover,.map-drag-tutorial-dismiss:focus-visible{border-color:#ffefb0b8;outline:none;box-shadow:0 0 0 2px #ffd86d38}.region-map-frame:before{display:block;inset:8px}.region-card{width:var(--map-card-w);scroll-snap-align:start;flex:none;gap:6px;min-width:0;min-height:70px;padding:7px;position:absolute;inset:auto}.region-card:first-child{top:46%!important;left:calc(var(--map-safe-x) + 36%)!important}.region-card:nth-child(2){top:33%!important;left:var(--map-safe-x)!important}.region-card:nth-child(3){top:64%!important;left:calc(var(--map-safe-x) + 4%)!important}.region-card:nth-child(4){top:21%!important;left:calc(var(--map-safe-x) + 14%)!important}.region-card:nth-child(5){top:41%!important;right:72px!important}.region-card:nth-child(6){top:79%!important;left:calc(var(--map-safe-x) + 27%)!important}.region-card:nth-child(7){top:21%!important;right:96px!important}.region-card:nth-child(8){top:79%!important;right:72px!important}.region-pin{width:24px;height:24px;font-size:13px}.region-copy{gap:3px}.region-copy strong{font-size:14px}.region-copy small{font-size:10.5px}.region-meta{gap:4px;font-size:8.5px}.region-meta em,.region-progress{display:none}.campaign-side{z-index:7;right:5px;bottom:var(--sab);pointer-events:none;grid-template-rows:minmax(0,1fr);align-content:end;align-items:end;gap:0;min-height:0;position:absolute;left:5px;overflow:hidden}.campaign-side>.upgrade-panel,.brief-stats{display:none!important}.region-brief{pointer-events:auto;border-radius:12px 12px 6px 6px;grid-template-rows:auto auto auto;align-content:start;align-self:end;gap:7px;width:100%;height:auto;min-height:0;max-height:min(50vh,400px);padding:14px 9px 72px;transition:opacity .16s,transform .16s;display:grid;position:relative;overflow:auto}.region-brief.is-mobile-hidden{opacity:0;pointer-events:none;transform:translateY(18px)}.region-brief.is-mobile-open{opacity:1;transform:translateY(0)}.region-brief-close{appearance:none;cursor:pointer;background:#050707b8;border:1px solid #e8d8ae38;border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid;position:absolute;top:8px;right:8px}.region-brief-close .button-icon{width:20px;height:20px}.region-brief-head{grid-template-columns:38px minmax(0,1fr);gap:8px;padding-right:34px}.region-brief-icon{width:38px;height:38px}.region-brief .hud-kicker{font-size:8px}.region-brief h3{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.region-brief-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.region-brief p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.2;display:block;overflow:hidden}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;max-height:clamp(128px,25vh,168px);margin:0}.difficulty-card{gap:5px;min-height:clamp(64px,12.5vh,82px);padding:7px}.difficulty-card-head{gap:3px}.difficulty-icon{display:none}.difficulty-label{font-size:8px}.difficulty-card strong{font-size:17px}.difficulty-card small{color:#f8f0d5bd;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;display:block;overflow:hidden}.region-brief>.map-start{display:none}.difficulty-card-meta{gap:3px}.difficulty-card-meta span{padding:3px 5px;font-size:7.5px}.campaign-action-sheet{border-radius:8px;grid-template-columns:clamp(38px,10vw,42px) minmax(0,1fr) minmax(82px,25vw);gap:5px;min-height:clamp(56px,13.4vw,62px);margin-top:0;padding:6px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:inset 0 1px #ffffff0d,0 10px 26px #00000038}.campaign-action-thumb{width:clamp(38px,10vw,42px);min-height:clamp(38px,10vw,42px)}.campaign-action-copy strong{font-size:clamp(13px,3.6vw,15px)}.campaign-action-copy small{display:none}.campaign-action-sheet .map-start{min-width:0;height:clamp(40px,9.8vw,44px);padding-inline:6px}}