:root{--c-banner-red: #b31d24;--c-fire-orange: #ff6b1a;--c-grass: #4d7a38;--c-iron: #8a939e;--c-pitch: #1a1817;--c-stone-dark: #6e6862;--c-stone-sand: #c8b598;--c-wood-oak: #5c3e21;--c-parchment: #e8dcc0;--c-parchment-ink: #2a2118;--c-panel-bg: rgba(26, 24, 23, .62);--c-panel-edge: rgba(200, 181, 152, .55);--c-panel-bg-strong: rgba(26, 24, 23, .88);--c-modal-bg: rgba(20, 18, 17, .92);--c-gold: #d9a441;--c-gold-bright: #f2c968;--c-shadow: rgba(0, 0, 0, .45);--c-slot-bg: rgba(46, 40, 34, .72);--c-slot-active: rgba(217, 164, 65, .28);--c-danger: #b31d24;--c-success: #4d7a38;--c-scrim: rgba(16, 13, 11, .45);--c-scrim-dark: rgba(10, 8, 7, .75);--c-faction-player: #2563eb;--c-faction-wolf: #dc2626;--c-faction-snake: #d97706;--c-faction-boar: #16a34a;--c-faction-raven: #7c3aed;--c-water: #38bdf8;--c-food: #f59e0b;--c-wood: #b45309;--c-selection-border: #60a5fa;--c-selection-bg: rgba(37, 99, 235, .2);--c-minimap-bg: #1c2419;--c-minimap-keep-player: #3b82f6;--c-minimap-keep-enemy: #dc2626;--c-minimap-fort-player: #60a5fa;--c-minimap-fort-enemy: #ef4444;--c-minimap-unit-player: #93c5fd;--c-minimap-unit-enemy: #f87171;--c-minimap-cam: #f2c968;--c-plate-top: #524a40;--c-plate-mid: #3c352e;--c-plate-bottom: #262220;--c-plate-edge: #14110e;--c-plate-light: rgba(233, 220, 187, .16);--c-plate-groove: rgba(0, 0, 0, .35);--c-parchment-top: #efe3c4;--c-parchment-bottom: #cdb98c;--c-parchment-edge: #6b552e;--c-parchment-shade: rgba(107, 85, 46, .35);--c-gold-edge: #8c6c2f;--c-gold-glow: rgba(242, 201, 104, .45);--c-wood-dark: #211a14;--c-wood-mid: #3a2b1e;--c-wood-light: #4f3a27;--c-iron-dark: #242424;--c-iron-mid: #4a4036;--c-iron-light: #6d6153;--c-paper-dark: #b9a77b;--c-paper-light: #e5d4a4;--c-paper-ink: #2b2115;--c-paper-ink-soft: #5a4830;--c-ui-gold: #d5a83a;--c-ui-gold-light: #f2c75b;--c-ui-green: #607b3e;--c-ui-red: #8d3c32;--c-ui-red-light: #b0544a;--c-ui-blue: #3f67a8;--c-ui-text: #eadcb8;--c-ui-text-dim: #bfae8d;--c-grain: rgba(0, 0, 0, .1);--c-grain-light: rgba(255, 236, 200, .04);--c-inner-shadow: rgba(0, 0, 0, .55);--c-gold-line: rgba(213, 168, 58, .55);--c-gold-soft: rgba(242, 199, 91, .16);--c-rivet: #8a7a62;--c-rivet-shade: #15110d;--c-vignette: rgba(12, 9, 6, .74);--c-fog: rgba(52, 44, 36, .3);--c-scrim-window: rgba(12, 10, 8, .56);--sh-bg: rgba(20, 18, 17, .96);--sh-fg: var(--c-ui-text);--sh-accent: var(--c-gold-bright);--sh-reward: var(--c-gold-bright);--sh-line: var(--c-gold-line);--sh-item-bg: var(--c-slot-bg);--sh-item-hover: var(--c-slot-active);--sh-scrim: var(--c-scrim-dark);--sh-shadow: var(--c-shadow);--sh-radius: 10px;--sh-z: 9000;--c-map-sea: #2f5a78;--c-map-sea-deep: #1c3549;--c-map-land: #6f7a45;--c-map-land-dark: #4e5832;--c-map-hill: rgba(40, 30, 16, .2);--c-map-forest: #33492a;--c-map-lake: #4f86a8;--c-map-shore: #b9a77b;--c-map-frame: #3a2b1e;--wood-grain: repeating-linear-gradient(90deg, var(--c-grain) 0 2px, transparent 2px 9px, var(--c-grain-light) 9px 10px, transparent 10px 23px), linear-gradient(180deg, var(--c-wood-mid), var(--c-wood-dark));--rivets: radial-gradient(circle, var(--c-rivet) 0 2px, var(--c-rivet-shade) 2.5px 3.5px, transparent 4px) left top / 12px 12px no-repeat, radial-gradient(circle, var(--c-rivet) 0 2px, var(--c-rivet-shade) 2.5px 3.5px, transparent 4px) right top / 12px 12px no-repeat, radial-gradient(circle, var(--c-rivet) 0 2px, var(--c-rivet-shade) 2.5px 3.5px, transparent 4px) left bottom / 12px 12px no-repeat, radial-gradient(circle, var(--c-rivet) 0 2px, var(--c-rivet-shade) 2.5px 3.5px, transparent 4px) right bottom / 12px 12px no-repeat;--frame-shadow: inset 0 0 0 1px var(--c-iron-light), inset 0 0 0 5px var(--c-wood-dark), inset 0 0 0 6px var(--c-gold-line), inset 0 0 36px var(--c-inner-shadow), 0 18px 40px var(--c-shadow);--font-display: "Georgia", "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;--dur-fast: .12s;--dur-open: .22s;--touch-min: 44px;--btn-h: 52px;--btn-h-hero: 64px;--icon-atlas: url(./sprite_atlas-Bm8DQw04.webp);--ui-scale: 1;--card-h: calc(132px * var(--ui-scale));--panel-chrome-h: calc(51px * var(--ui-scale) + 5px);--icon-xs: calc(14px * var(--ui-scale));--icon-sm: calc(20px * var(--ui-scale));--icon-md: calc(28px * var(--ui-scale));--icon-lg: calc(44px * var(--ui-scale));--icon-xl: calc(72px * var(--ui-scale));--font-title: "Trebuchet MS", "Georgia", serif;--font-body: "Trebuchet MS", system-ui, sans-serif;--pad-edge: 18px;--radius: 10px;--btn-min: 96px;--btn-min-secondary: 64px;--gap: 10px;--z-selection: 15;--z-hud: 10;--z-controls: 20;--z-menu: 40;--z-modal: 50;--z-dialog: 55;--z-confirm: 58;--z-toast: 60}@media (max-width: 1180px){:root{--ui-scale: .9}}@media (max-width: 900px){:root{--ui-scale: .8}}@media (max-width: 640px){:root{--ui-scale: .72}}@media (max-height: 560px){:root{--ui-scale: .74}}@media (min-width: 1800px){:root{--ui-scale: 1.12}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--c-pitch);font-family:var(--font-body);color:var(--c-parchment);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.screen{position:absolute;inset:0}.ui-layer{pointer-events:none;z-index:var(--z-hud)}.hud-top{position:absolute;top:calc(var(--pad-edge) * .5 + env(safe-area-inset-top));left:calc(var(--pad-edge) * .5 + env(safe-area-inset-left));right:calc(var(--pad-edge) * .5 + env(safe-area-inset-right));display:flex;gap:calc(var(--gap) * .8);align-items:stretch;justify-content:space-between;flex-wrap:wrap;pointer-events:none}.icon{display:inline-block;flex:0 0 auto;width:var(--icon-sm);height:var(--icon-sm);background-image:var(--icon-atlas);background-repeat:no-repeat;background-size:1200% 1000%;background-position:var(--icon-x, 0%) var(--icon-y, 0%);filter:drop-shadow(0 1px 1px var(--c-shadow))}.icon--xs{width:var(--icon-xs);height:var(--icon-xs)}.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon--md{width:var(--icon-md);height:var(--icon-md)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.icon--xl{width:var(--icon-xl);height:var(--icon-xl)}.plate{background:linear-gradient(180deg,var(--c-plate-light),transparent 42%),linear-gradient(180deg,var(--c-plate-top),var(--c-plate-mid) 55%,var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:5px;box-shadow:inset 0 1px 0 var(--c-plate-light),inset 0 -3px 8px var(--c-plate-groove),0 4px 14px var(--c-shadow)}.parchment{background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-parchment-edge);border-radius:4px;color:var(--c-parchment-ink);box-shadow:inset 0 0 12px var(--c-parchment-shade),0 4px 14px var(--c-shadow)}.daycard{pointer-events:auto;display:flex;align-items:center;gap:calc(8px * var(--ui-scale));padding:calc(5px * var(--ui-scale)) calc(12px * var(--ui-scale));min-width:calc(132px * var(--ui-scale));background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-parchment-edge);border-radius:4px;color:var(--c-parchment-ink);box-shadow:inset 0 0 12px var(--c-parchment-shade),0 4px 14px var(--c-shadow)}.daycard__icon{filter:drop-shadow(0 1px 2px var(--c-parchment-shade))}.daycard__text{display:flex;flex-direction:column;gap:2px;min-width:0}.daycard__day{font-family:var(--font-title);font-size:calc(17px * var(--ui-scale));font-weight:700;line-height:1.05;white-space:nowrap}.daycard__line{display:flex;gap:6px;align-items:baseline;font-size:calc(12px * var(--ui-scale));opacity:.85;white-space:nowrap}.daycard__time{font-variant-numeric:tabular-nums;font-weight:700}.daycard__track{height:calc(3px * var(--ui-scale));border-radius:2px;background:var(--c-parchment-shade);overflow:hidden}.daycard__fill{height:100%;width:0;background:var(--c-gold-edge);transition:width .25s linear}.res-row{display:flex;justify-content:center;min-width:0}.res-strip{pointer-events:auto;display:flex;align-items:stretch;flex-wrap:wrap;gap:calc(2px * var(--ui-scale));padding:calc(3px * var(--ui-scale));background:linear-gradient(180deg,var(--c-plate-light),transparent 42%),linear-gradient(180deg,var(--c-plate-top),var(--c-plate-mid) 55%,var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:5px;box-shadow:inset 0 1px 0 var(--c-plate-light),inset 0 -3px 8px var(--c-plate-groove),0 4px 14px var(--c-shadow);min-width:0}.res{display:flex;align-items:center;gap:calc(5px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) calc(9px * var(--ui-scale));border-radius:3px;background:var(--c-plate-groove);box-shadow:inset 0 1px 0 var(--c-plate-light);cursor:help;outline:none}.res:hover,.res:focus-visible{background:var(--c-slot-active)}.res+.res{border-left:1px solid var(--c-plate-edge)}.res__text{display:flex;flex-direction:column;line-height:1.05}.res__value{font-weight:700;font-size:calc(15px * var(--ui-scale));font-variant-numeric:tabular-nums;color:var(--c-parchment);white-space:nowrap}.res__caption{display:none;font-size:calc(9px * var(--ui-scale));letter-spacing:.02em;color:var(--c-stone-sand);white-space:nowrap}.res__delta{font-size:calc(11px * var(--ui-scale));font-weight:700;font-variant-numeric:tabular-nums;color:var(--c-stone-sand);white-space:nowrap}.res__delta--up{color:var(--c-success)}.res__delta--down,.res--danger .res__value,.stat--danger .res__value{color:var(--c-danger)}.res-tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-6px);width:min(420px,calc(100vw - 2 * var(--pad-edge)));padding:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));display:flex;flex-direction:column;gap:3px;background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-parchment-edge);border-radius:4px;color:var(--c-parchment-ink);box-shadow:inset 0 0 12px var(--c-parchment-shade),0 6px 18px var(--c-shadow);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:var(--z-controls)}.res-tip--show{opacity:1;transform:translate(-50%) translateY(0)}.res-tip__title{margin:0;font-family:var(--font-title);font-size:calc(14px * var(--ui-scale));font-weight:700}.res-tip__text{margin:0;font-size:calc(12px * var(--ui-scale));line-height:1.3}.res-tip__nums{margin:0;font-size:calc(11px * var(--ui-scale));font-weight:700;font-variant-numeric:tabular-nums;color:var(--c-parchment-edge)}.sys-cluster{pointer-events:auto;display:flex;align-items:center;gap:calc(4px * var(--ui-scale));padding:calc(3px * var(--ui-scale));background:linear-gradient(180deg,var(--c-plate-light),transparent 42%),linear-gradient(180deg,var(--c-plate-top),var(--c-plate-mid) 55%,var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:5px;box-shadow:inset 0 1px 0 var(--c-plate-light),inset 0 -3px 8px var(--c-plate-groove),0 4px 14px var(--c-shadow)}.ability-row{display:flex;align-items:center;gap:calc(6px * var(--ui-scale));flex-shrink:0;padding-right:calc(8px * var(--ui-scale));border-right:2px solid var(--c-plate-edge)}.ability-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:calc(58px * var(--ui-scale));min-height:calc(58px * var(--ui-scale));padding:calc(5px * var(--ui-scale));background:linear-gradient(180deg,var(--c-plate-top),var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:4px;color:var(--c-parchment);font-family:var(--font-body);font-size:calc(11px * var(--ui-scale));font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 var(--c-plate-light),0 3px 10px var(--c-shadow);transition:transform .08s ease,border-color .12s ease;flex-shrink:0;white-space:nowrap}.ability-btn:hover{border-color:var(--c-gold-edge)}.ability-btn:active{transform:scale(.96)}.ability-btn__badge{font-size:calc(10px * var(--ui-scale));font-variant-numeric:tabular-nums;color:var(--c-gold-bright)}.ability-btn:disabled,.ability-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.bottom-panel{position:absolute;left:calc(var(--pad-edge) * .5 + env(safe-area-inset-left));right:calc(var(--pad-edge) * .5 + 162px * var(--ui-scale) + env(safe-area-inset-right));bottom:calc(var(--pad-edge) * .4 + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:6px;pointer-events:auto;z-index:var(--z-controls)}.command-panel{height:calc(var(--panel-chrome-h) + var(--card-h))}.selected-units-bar{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px}.command-panel{display:flex;width:100%;align-items:stretch;gap:calc(6px * var(--ui-scale));padding:calc(6px * var(--ui-scale));max-width:100%;min-width:0;background:linear-gradient(180deg,var(--c-plate-light),transparent 30%),linear-gradient(180deg,var(--c-plate-top),var(--c-plate-mid) 45%,var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:6px;box-shadow:inset 0 1px 0 var(--c-plate-light),inset 0 -4px 10px var(--c-plate-groove),0 6px 22px var(--c-shadow)}.command-panel__crest{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(64px * var(--ui-scale));border:2px solid var(--c-plate-edge);border-radius:4px 4px 30% 30%/4px 4px 12% 12%;background:radial-gradient(circle at 50% 30%,var(--c-plate-top),var(--c-plate-bottom));box-shadow:inset 0 0 14px var(--c-plate-groove)}.command-panel__main{display:flex;flex:1 1 auto;flex-direction:column;gap:calc(5px * var(--ui-scale));min-width:0}.info-card{overflow:hidden;flex:0 1 calc(210px * var(--ui-scale));min-width:calc(150px * var(--ui-scale));max-width:calc(230px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale));background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-parchment-edge);border-radius:4px;color:var(--c-parchment-ink);box-shadow:inset 0 0 12px var(--c-parchment-shade)}.info-card__title{margin:0;font-family:var(--font-title);font-size:calc(15px * var(--ui-scale));font-weight:700}.info-card__text{margin:0;font-size:calc(12px * var(--ui-scale));line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.info-card__cost{margin-top:auto}.rotate-btn{display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale));margin-top:calc(6px * var(--ui-scale));padding:calc(5px * var(--ui-scale)) calc(8px * var(--ui-scale));font-family:var(--font-title);font-size:calc(12px * var(--ui-scale));color:var(--c-parchment-ink);background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-parchment-edge);border-radius:4px;cursor:pointer}.rotate-btn:hover,.rotate-btn:focus-visible{border-color:var(--c-gold);color:var(--c-gold-edge)}.rotate-btn[hidden]{display:none}.build-bar-wrap{position:relative;display:flex;flex:1 1 auto;min-height:0;min-width:0}.build-bar__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:max(34px,calc(30px * var(--ui-scale)));height:max(48px,calc(60px * var(--ui-scale)));padding:0;transform:translateY(-50%);background:linear-gradient(180deg,var(--c-plate-top),var(--c-plate-bottom));border:2px solid var(--c-gold-edge);border-radius:6px;box-shadow:0 0 12px var(--c-shadow),inset 0 1px 0 var(--c-plate-light);cursor:pointer}.build-bar__arrow[hidden]{display:none}.build-bar__arrow:hover,.build-bar__arrow:focus-visible{border-color:var(--c-gold-bright);box-shadow:0 0 12px var(--c-gold-glow),inset 0 1px 0 var(--c-plate-light)}.build-bar__arrow--prev{left:0}.build-bar__arrow--prev .icon{transform:scaleX(-1)}.build-bar__arrow--next{right:0}.build-bar{display:flex;flex:1 1 auto;min-height:0;align-items:stretch;gap:calc(5px * var(--ui-scale));max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.build-bar::-webkit-scrollbar{display:none}.build-bar__inner{display:flex;align-items:stretch;gap:calc(5px * var(--ui-scale))}.tool{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(3px * var(--ui-scale));width:calc(96px * var(--ui-scale));height:var(--card-h);padding:calc(6px * var(--ui-scale)) calc(4px * var(--ui-scale));background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-parchment-edge);border-radius:4px;color:var(--c-parchment-ink);font-family:var(--font-body);cursor:pointer;box-shadow:inset 0 0 10px var(--c-parchment-shade),0 2px 8px var(--c-shadow);transition:border-color .12s ease,transform .08s ease,box-shadow .12s ease;flex:0 0 auto}.tool:hover{border-color:var(--c-gold);box-shadow:inset 0 0 10px var(--c-parchment-shade),0 0 10px var(--c-gold-glow)}.tool:active{transform:scale(.96)}.tool--selected,.tool[aria-pressed=true]{border-color:var(--c-gold-bright);box-shadow:inset 0 0 10px var(--c-parchment-shade),0 0 12px var(--c-gold-glow)}.tool__name{font-size:calc(11px * var(--ui-scale));font-weight:700;text-align:center;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tool__count{font-size:calc(13px * var(--ui-scale));font-weight:700;color:var(--c-parchment-ink);font-variant-numeric:tabular-nums}.tool:disabled,.tool[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cost-row{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:calc(4px * var(--ui-scale));margin-top:auto}.cost-item{display:flex;align-items:center;gap:3px}.cost-item__num{font-size:calc(11px * var(--ui-scale));font-weight:700;font-variant-numeric:tabular-nums}.icon-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:calc(42px * var(--ui-scale));height:calc(42px * var(--ui-scale));background:linear-gradient(180deg,var(--c-plate-top),var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:4px;color:var(--c-parchment);cursor:pointer;box-shadow:inset 0 1px 0 var(--c-plate-light);z-index:var(--z-controls)}.icon-btn:hover{border-color:var(--c-gold-edge)}.icon-btn:active{transform:scale(.94)}.time-scale-group{display:flex;align-items:stretch;gap:calc(2px * var(--ui-scale));padding:calc(2px * var(--ui-scale));background:var(--c-plate-groove);border:2px solid var(--c-plate-edge);border-radius:4px;z-index:var(--z-controls)}.time-scale-btn{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:calc(38px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) calc(5px * var(--ui-scale));background:transparent;border:1px solid transparent;border-radius:3px;color:var(--c-parchment);font-family:var(--font-body);font-size:calc(10px * var(--ui-scale));font-weight:700;cursor:pointer}.time-scale-btn:hover{border-color:var(--c-gold-edge)}.time-scale-btn--active{background:var(--c-slot-active);border-color:var(--c-gold);color:var(--c-gold-bright)}.screen--menu{z-index:var(--z-menu);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:auto;overflow:hidden;background:radial-gradient(ellipse 55% 60% at 50% 50%,var(--c-fog),transparent 75%),radial-gradient(ellipse at 50% 45%,transparent 30%,var(--c-vignette) 100%)}.menu-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(500px,100%);max-height:100%;padding:20px 28px 16px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;background:var(--rivets),var(--wood-grain);border:3px solid var(--c-iron-dark);border-radius:4px;box-shadow:var(--frame-shadow);animation:ui-window-in var(--dur-open) ease-out backwards}.menu__crest{display:flex;justify-content:center;filter:drop-shadow(0 4px 10px var(--c-shadow))}.menu__crest .icon{width:88px;height:88px}.menu__title{margin:0;font-family:var(--font-display);font-weight:700;text-align:center;line-height:1.05;text-shadow:0 3px 0 var(--c-inner-shadow),0 0 22px var(--c-gold-soft)}.menu__title-line{display:block;font-size:clamp(20px,1rem + 1.2vw,32px);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ui-gold-light)}.menu__title-line--big{font-size:clamp(30px,1.2rem + 2vw,50px);letter-spacing:.02em;text-transform:none;color:var(--c-paper-light)}.menu__subtitle,.menu__divider{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(12px,.68rem + .25vw,15px);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--c-ui-text-dim)}.menu__divider{margin-top:6px;color:var(--c-ui-gold)}.menu__subtitle:before,.menu__subtitle:after,.menu__divider:before,.menu__divider:after{content:"";flex:1 1 0;height:1px;background:linear-gradient(90deg,transparent,var(--c-gold-line),transparent)}.menu__modes{display:flex;flex-direction:column;gap:10px}.menu__modes .ui-btn{justify-content:flex-start}.menu__modes .ui-btn__label{flex:1 1 auto;text-align:left}.menu__settings.ui-btn{align-self:center;min-height:var(--touch-min);padding:6px 18px;font-size:15px;color:var(--c-ui-text-dim);background:transparent;border-color:transparent;box-shadow:none}.menu__settings .ui-btn__icon{width:22px;height:22px}.menu-anim{animation:menu-item-in .24s ease-out backwards;animation-delay:calc(80ms + var(--i, 0) * 45ms)}.menu__crest.menu-anim{animation-name:menu-crest-in}.ui-btn--hero.menu-anim{animation-name:menu-hero-in}@keyframes menu-hero-in{0%{transform:translateY(8px) scale(.98)}}@keyframes menu-item-in{0%{opacity:0;transform:translateY(10px)}}@keyframes menu-crest-in{0%{opacity:0;transform:scale(.8)}}.menu__hint{margin:0;max-width:60ch;font-size:12px;line-height:1.5;text-align:center;color:var(--c-ui-text-dim);text-shadow:0 1px 2px var(--c-shadow)}.screen--modal{z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:auto;background:var(--c-scrim-window)}.modal-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 22px;max-width:480px;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;color:var(--c-ui-text);background:var(--rivets),var(--wood-grain);border:3px solid var(--c-iron-dark);border-radius:4px;box-shadow:var(--frame-shadow);text-align:center;animation:ui-window-in var(--dur-open) ease-out backwards}.modal__title{margin:0;font-family:var(--font-display);font-size:clamp(24px,1.1rem + 1.1vw,38px);font-weight:700;letter-spacing:.03em;color:var(--c-ui-gold-light);text-shadow:0 2px 0 var(--c-inner-shadow)}.modal-card--defeat .modal__title{color:var(--c-ui-red-light)}.modal__subtitle{margin:0;font-size:clamp(14px,.8rem + .25vw,17px);line-height:1.45;color:var(--c-ui-text-dim)}.stats-grid__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;text-align:left;background:var(--c-grain);border:1px solid var(--c-iron-mid);border-radius:3px}.modal-card__icon{width:64px;height:64px}.modal-card__title{margin:0;font-family:var(--font-title);font-size:clamp(24px,5vw,36px);font-weight:800;letter-spacing:.04em}.modal-card__title--victory{color:var(--c-gold-bright);text-shadow:0 0 18px var(--c-gold)}.modal-card__title--defeat{color:var(--c-danger);text-shadow:0 0 18px var(--c-danger)}.modal-card__desc{margin:0;font-size:14px;color:var(--c-stone-sand);line-height:1.4}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.stats-grid__item{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--c-slot-bg);border:1px solid var(--c-panel-edge);border-radius:var(--radius)}.stats-grid__label{font-size:11px;color:var(--c-stone-sand)}.stats-grid__val{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--c-parchment)}.offer-card{position:absolute;right:calc(var(--pad-edge) + env(safe-area-inset-right));top:calc(var(--pad-edge) + 150px);display:flex;flex-direction:column;gap:6px;width:calc(250px * var(--ui-scale));padding:calc(9px * var(--ui-scale)) calc(11px * var(--ui-scale));background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:2px solid var(--c-gold);border-radius:var(--radius);color:var(--c-parchment-ink);box-shadow:inset 0 0 12px var(--c-parchment-shade),0 6px 18px var(--c-shadow);pointer-events:auto;z-index:var(--z-controls)}.offer-card__title{margin:0;font-family:var(--font-title);font-size:calc(14px * var(--ui-scale))}.offer-card__text{margin:0;font-size:calc(11.5px * var(--ui-scale));line-height:1.3}.offer-card__actions{display:flex;gap:8px;justify-content:flex-end}.offer-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(34px * var(--ui-scale));height:calc(30px * var(--ui-scale));border:2px solid var(--c-parchment-edge);border-radius:4px;background:linear-gradient(180deg,var(--c-plate-top),var(--c-plate-bottom));cursor:pointer}.offer-btn--yes:hover,.offer-btn--yes:focus-visible{border-color:var(--c-success)}.offer-btn--no:hover,.offer-btn--no:focus-visible{border-color:var(--c-danger)}@media (max-width: 720px){.offer-card{width:calc(190px * var(--ui-scale));top:calc(var(--pad-edge) + 110px)}}.toast{position:absolute;left:50%;top:calc(var(--pad-edge) * .5 + 70px * var(--ui-scale) + env(safe-area-inset-top));transform:translate(-50%) translateY(-8px);padding:8px 16px;background:var(--c-panel-bg-strong);border:1px solid var(--c-danger);border-radius:var(--radius);color:var(--c-parchment);font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:var(--z-controls)}.toast--show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-height: 460px){:root{--btn-min: 72px;--btn-min-secondary: 52px;--pad-edge: 10px}.menu__title{font-size:clamp(22px,5vw,34px)}.btn-primary{min-height:64px;padding:10px 28px;font-size:18px}.modal-card{padding:18px 16px;gap:12px}}.menu-sound-btn{position:absolute;top:calc(var(--pad-edge) + env(safe-area-inset-top));right:calc(var(--pad-edge) + env(safe-area-inset-right))}.selection-box{position:absolute;border:1px dashed var(--c-selection-border);background:var(--c-selection-bg);pointer-events:none;z-index:var(--z-selection)}.faction-dot{width:calc(9px * var(--ui-scale));height:calc(9px * var(--ui-scale));border-radius:50%;border:1px solid var(--c-plate-edge);flex:0 0 auto}.faction-dot--player{background:var(--c-faction-player)}.faction-dot--wolf{background:var(--c-faction-wolf)}.faction-dot--snake{background:var(--c-faction-snake)}.faction-dot--boar{background:var(--c-faction-boar)}.faction-dot--raven{background:var(--c-faction-raven)}.kill-feed{position:absolute;top:calc(var(--pad-edge) * .5 + 62px * var(--ui-scale) + env(safe-area-inset-top));left:calc(var(--pad-edge) * .5 + env(safe-area-inset-left));display:flex;flex-direction:column;gap:calc(3px * var(--ui-scale));pointer-events:none}.kill-feed__item{display:flex;align-items:center;gap:calc(5px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) calc(8px * var(--ui-scale));background:var(--c-panel-bg-strong);border:1px solid var(--c-plate-edge);border-radius:3px;font-size:calc(11px * var(--ui-scale));opacity:1;transition:opacity .6s ease}.kill-feed__item--fade{opacity:0}.kill-feed__actor{display:flex;align-items:center;gap:4px}.kill-feed__icon--civilian{opacity:.7}.kill-feed__cause-text{color:var(--c-stone-sand)}.kill-feed__name--player{color:var(--c-faction-player)}.kill-feed__name--wolf{color:var(--c-faction-wolf)}.kill-feed__name--snake{color:var(--c-faction-snake)}.kill-feed__name--boar{color:var(--c-faction-boar)}.kill-feed__name--raven{color:var(--c-faction-raven)}.minimap-wrap{position:absolute;right:calc(var(--pad-edge) * .5 + env(safe-area-inset-right));bottom:calc(var(--pad-edge) * .5 + env(safe-area-inset-bottom));pointer-events:auto;z-index:var(--z-controls)}.minimap-frame{position:relative;width:calc(150px * var(--ui-scale));height:calc(150px * var(--ui-scale));padding:calc(8px * var(--ui-scale));background:linear-gradient(180deg,var(--c-plate-light),transparent 30%),linear-gradient(180deg,var(--c-plate-top),var(--c-plate-mid) 45%,var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:6px;box-shadow:inset 0 1px 0 var(--c-plate-light),inset 0 -4px 10px var(--c-plate-groove),0 6px 22px var(--c-shadow)}.minimap-canvas{width:100%;height:100%;display:block;border:1px solid var(--c-plate-edge);border-radius:3px;background:var(--c-minimap-bg);cursor:pointer}.minimap__compass{position:absolute;top:calc(-6px * var(--ui-scale));right:calc(-6px * var(--ui-scale));filter:drop-shadow(0 2px 3px var(--c-shadow))}.selected-units-bar{display:flex;align-items:center;gap:8px;background:var(--c-panel-bg-strong);border:1px solid var(--c-panel-edge);border-radius:var(--radius);padding:6px 14px;box-shadow:0 4px 12px var(--c-shadow)}.selected-units-bar__info{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--c-gold-bright)}.rts-cmd-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--c-slot-bg);border:1px solid var(--c-panel-edge);border-radius:var(--radius);color:var(--c-parchment);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;min-height:34px;transition:background .12s ease,border-color .12s ease}.rts-cmd-btn:hover{background:var(--c-slot-active);border-color:var(--c-gold)}.tabs-header{display:flex;align-items:stretch;gap:calc(4px * var(--ui-scale));flex-wrap:nowrap;min-width:0;overflow:hidden}@media (max-width: 1180px){.tab-btn:not(.tab-btn--active) .tab-btn__label{display:none}.tab-btn{padding:calc(5px * var(--ui-scale)) calc(9px * var(--ui-scale))}}.tab-btn{display:flex;align-items:center;gap:calc(6px * var(--ui-scale));padding:calc(5px * var(--ui-scale)) calc(12px * var(--ui-scale));background:linear-gradient(180deg,var(--c-plate-top),var(--c-plate-bottom));border:2px solid var(--c-plate-edge);border-radius:4px;color:var(--c-parchment);font-family:var(--font-title);font-size:calc(13px * var(--ui-scale));font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 var(--c-plate-light);transition:color .12s ease,border-color .12s ease}.tab-btn:hover{border-color:var(--c-gold-edge);color:var(--c-gold-bright)}.tab-btn--active{border-color:var(--c-gold);color:var(--c-gold-bright);background:linear-gradient(180deg,var(--c-slot-active),var(--c-plate-bottom))}.selected-units-bar__hint{font-size:11px;color:var(--c-stone-sand)}.rts-cmd-btn--attack{border-color:var(--c-gold);color:var(--c-gold-bright);font-weight:700}.rts-cmd-btn--attack:hover{background:var(--c-slot-active)}@media (max-width: 760px){.command-panel{flex-wrap:wrap;justify-content:center;height:calc(var(--panel-chrome-h) + var(--card-h) + 61px * var(--ui-scale))}.command-panel__crest{display:none}.command-panel__main{flex:1 1 100%}.info-card{flex:1 1 100%;width:auto;max-width:100%}.info-card__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-units-bar__hint,.tab-btn__label{display:none}.tab-btn{padding:calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale))}.minimap-wrap{display:none}.bottom-panel{right:calc(var(--pad-edge) * .5 + env(safe-area-inset-right))}.kill-feed{display:none}}@media (max-width: 460px){.ability-btn__label,.time-scale-btn__label{display:none}.tool{width:calc(84px * var(--ui-scale))}}@media (max-height: 460px){.command-panel{--card-h: calc(108px * var(--ui-scale))}.info-card__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.minimap-frame{width:calc(112px * var(--ui-scale));height:calc(112px * var(--ui-scale))}}.tutorial-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--z-menu)}.tutorial-layer[hidden]{display:none}.tutorial-card{position:absolute;top:calc(var(--pad-edge) + 104px + env(safe-area-inset-top));left:calc(var(--pad-edge) + env(safe-area-inset-left));width:min(400px,calc(100vw - 2 * var(--pad-edge)));max-height:calc(100vh - 300px);padding:12px 14px;background:linear-gradient(180deg,var(--c-panel-bg-strong),var(--c-panel-bg));border:1px solid var(--c-gold-edge);border-radius:var(--radius);box-shadow:0 0 0 1px var(--c-shadow),0 8px 24px var(--c-shadow);color:var(--c-parchment);pointer-events:auto;display:flex;flex-direction:column;gap:8px;transition:border-color .3s ease,box-shadow .3s ease}.tutorial-card--complete{border-color:var(--c-success);box-shadow:0 0 0 1px var(--c-success),0 8px 24px var(--c-shadow)}.tutorial-card__head{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tutorial-card__chapter{color:var(--c-gold-bright);flex:1}.tutorial-card__counter{color:var(--c-stone-sand)}.tutorial-fold{font-family:var(--font-body);font-size:11px;padding:3px 8px;border:1px solid var(--c-panel-edge);border-radius:var(--radius);background:var(--c-slot-bg);color:var(--c-parchment);cursor:pointer;text-transform:none;letter-spacing:0}.tutorial-card__bar{height:4px;border-radius:2px;background:var(--c-slot-bg);overflow:hidden}.tutorial-card__bar-fill{height:100%;width:var(--tutorial-progress, 0%);background:linear-gradient(90deg,var(--c-gold),var(--c-gold-bright));transition:width .4s ease}.tutorial-card__title-row{display:flex;align-items:center;gap:10px}.tutorial-card__icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--c-slot-bg);border:1px solid var(--c-gold-edge)}.tutorial-card__title{margin:0;flex:1;font-family:var(--font-title);font-size:19px;line-height:1.15;color:var(--c-gold-bright)}.tutorial-card__mini{font-size:11px;color:var(--c-stone-sand);text-transform:uppercase;letter-spacing:.06em}.tutorial-card--complete .tutorial-card__mini{color:var(--c-success)}.tutorial-card__content{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--c-gold-edge) transparent}.tutorial-card__content::-webkit-scrollbar{width:6px}.tutorial-card__content::-webkit-scrollbar-track{background:transparent}.tutorial-card__content::-webkit-scrollbar-thumb{background:var(--c-gold-edge);border-radius:3px}.tutorial-card__body p{margin:0 0 6px;font-size:13.5px;line-height:1.45;color:var(--c-parchment)}.tutorial-card__body p:last-child{margin-bottom:0}.tutorial-card__controls{display:flex;flex-wrap:wrap;gap:6px 10px}.tutorial-card__controls[hidden],.tutorial-goals[hidden],.tutorial-card button[hidden]{display:none}.tutorial-key{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--c-stone-sand)}.tutorial-key__cap{font-family:var(--font-body);font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid var(--c-panel-edge);border-bottom-width:2px;background:var(--c-slot-active);color:var(--c-parchment);white-space:nowrap}.tutorial-goals{list-style:none;margin:0;padding:8px 10px;display:flex;flex-direction:column;gap:5px;border-radius:var(--radius);background:var(--c-slot-bg);border:1px solid var(--c-panel-edge)}.tutorial-goal{display:flex;align-items:center;gap:8px;font-size:13px}.tutorial-goal__mark{flex:none;width:14px;height:14px;border-radius:3px;border:1px solid var(--c-gold-edge);position:relative}.tutorial-goal--done .tutorial-goal__mark{background:var(--c-success);border-color:var(--c-success)}.tutorial-goal--done .tutorial-goal__mark:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--c-parchment);border-width:0 2px 2px 0;transform:rotate(45deg)}.tutorial-goal__label{flex:1}.tutorial-goal--done .tutorial-goal__label{color:var(--c-stone-sand)}.tutorial-goal__value{font-variant-numeric:tabular-nums;color:var(--c-gold-bright)}.tutorial-card__done{display:none;margin:0;font-size:13px;font-weight:600;color:var(--c-success)}.tutorial-card--complete .tutorial-card__done{display:block}.tutorial-card__actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.tutorial-btn{font-family:var(--font-body);font-size:13px;min-height:34px;padding:7px 16px;border-radius:var(--radius);border:1px solid var(--c-gold);background:var(--c-slot-active);color:var(--c-gold-bright);cursor:pointer}.tutorial-btn:hover{background:var(--c-slot-bg)}.tutorial-btn--action{align-self:flex-start;border-color:var(--c-gold-bright)}.tutorial-btn--ghost{border-color:var(--c-panel-edge);background:transparent;color:var(--c-parchment)}.tutorial-skip{margin-right:auto;font-family:var(--font-body);font-size:12px;padding:6px 4px;border:none;background:transparent;color:var(--c-stone-sand);cursor:pointer;text-decoration:underline}.tutorial-card--collapsed{gap:4px;padding:8px 12px}.tutorial-card--collapsed .tutorial-card__content,.tutorial-card--collapsed .tutorial-card__actions,.tutorial-card--collapsed .tutorial-card__icon{display:none}.tutorial-card--collapsed .tutorial-card__title{font-size:15px}.hud--cue{animation:tutorial-cue-pulse 1.1s ease-in-out infinite;border-radius:var(--radius)}@media (max-width: 900px),(max-height: 560px){.tutorial-card{top:calc(var(--pad-edge) + 88px + env(safe-area-inset-top));width:min(340px,calc(100vw - 2 * var(--pad-edge)));max-height:calc(100vh - 250px);padding:9px 11px;gap:6px}.tutorial-card__title{font-size:16px}.tutorial-card__icon{width:32px;height:32px}.tutorial-card__body p,.tutorial-goal{font-size:12px}}@keyframes tutorial-cue-pulse{0%,to{box-shadow:0 0 0 2px var(--c-gold),0 0 6px 1px var(--c-gold)}50%{box-shadow:0 0 0 2px var(--c-gold-bright),0 0 14px 4px var(--c-gold-bright)}}.tab-btn--cue{animation:tutorial-cue-pulse 1.1s ease-in-out infinite;border-color:var(--c-gold-bright);color:var(--c-gold-bright)}.bottom-panel--cue{outline:2px solid var(--c-gold);outline-offset:3px;border-radius:var(--radius)}.tool--cue{animation:tutorial-cue-pulse 1.1s ease-in-out infinite;border-color:var(--c-gold-bright)}.modal-card--upgrade{max-width:460px;border-color:var(--c-gold)}.keep-upgrade__body{display:flex;flex-direction:column;gap:6px;margin:6px 0}.keep-upgrade__line{margin:0;font-size:14px;color:var(--c-parchment)}.keep-upgrade__cost{margin:4px 0 10px;font-size:14px;font-family:var(--font-title);color:var(--c-gold-bright)}.keep-upgrade__actions{display:flex;gap:12px;justify-content:center}.pause-banner{position:absolute;top:calc(var(--pad-edge) + 150px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--c-panel-bg-strong);border:1px solid var(--c-gold);border-radius:var(--radius);color:var(--c-gold-bright);font-size:13px;font-family:var(--font-title);box-shadow:0 2px 10px var(--c-shadow);pointer-events:none;z-index:var(--z-toast);animation:pause-blink 1.4s ease-in-out infinite}.pause-banner__icon{display:inline-flex;width:16px;height:16px}.pause-banner__icon svg{width:100%;height:100%}@keyframes pause-blink{0%,to{opacity:1}50%{opacity:.55}}@media (max-width: 600px){.pause-banner{top:calc(var(--pad-edge) + 132px + env(safe-area-inset-top));font-size:11px;padding:6px 10px}}@media (max-width: 1400px){.hud-top{align-items:flex-start;flex-wrap:nowrap}.res-row{flex:1 1 0}.res-strip{flex-wrap:nowrap}}@media (max-width: 1100px) and (min-height: 461px){.selected-units-bar__hint{display:none}.rts-cmd-btn,.selected-units-bar__info{white-space:nowrap}.toast{top:calc(var(--pad-edge) * .5 + 130px * var(--ui-scale) + env(safe-area-inset-top))}.hud-top{flex-wrap:wrap}.res-row{order:3;flex:1 0 100%}.res-strip{flex-wrap:wrap}}@media (min-width: 1500px){.res__caption{display:block}}.build-hint{position:absolute;left:50%;bottom:calc(var(--pad-edge) + 210px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(6px);display:flex;align-items:center;gap:8px;max-width:min(92vw,620px);padding:7px 14px;background:var(--c-panel-bg-strong);border:1px solid var(--c-success);border-radius:var(--radius);color:var(--c-parchment);font-size:13px;font-family:var(--font-title);line-height:1.25;text-align:center;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:var(--z-controls)}.build-hint--show{opacity:1;transform:translate(-50%) translateY(0)}.build-hint--bad{border-color:var(--c-danger);color:var(--c-stone-sand)}@media (max-height: 620px){.build-hint{bottom:calc(var(--pad-edge) + 168px + env(safe-area-inset-bottom));font-size:12px}}.build-hint--anchored{bottom:auto;top:var(--bh-y, 60%)}.placement-confirm{position:absolute;left:clamp(108px,var(--pc-x, 50%),calc(100% - 108px));top:max(calc(66px + env(safe-area-inset-top)),var(--pc-y, 60%));transform:translate(-50%,-100%);display:flex;align-items:center;gap:14px;z-index:var(--z-controls);touch-action:none;pointer-events:auto}.placement-confirm[hidden]{display:none}.placement-confirm__btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px var(--c-shadow);-webkit-tap-highlight-color:transparent}.placement-confirm__btn--ok{background:linear-gradient(180deg,var(--c-success),#365a29);border:3px solid var(--c-gold-bright);color:var(--c-parchment)}.placement-confirm__btn--cancel{background:linear-gradient(180deg,var(--c-danger),#7a1418);border:3px solid var(--c-panel-edge);color:var(--c-parchment)}.placement-confirm__btn--rotate{background:linear-gradient(180deg,var(--c-parchment-top),var(--c-parchment-bottom));border:3px solid var(--c-parchment-edge);color:var(--c-parchment-ink)}.placement-confirm__btn--rotate[hidden]{display:none}.placement-confirm__btn:active{transform:scale(.94)}.placement-confirm__btn--disabled,.placement-confirm__btn:disabled{filter:grayscale(.7);opacity:.55;cursor:not-allowed}@media (max-height: 460px){.placement-confirm{gap:12px}}.diplo-card{border-color:var(--c-panel-edge);width:calc(210px * var(--ui-scale));justify-content:flex-start;overflow:hidden;scrollbar-width:none}.diplo-card::-webkit-scrollbar{display:none}.diplo-card__head{display:flex;align-items:center;gap:calc(4px * var(--ui-scale));width:100%}.diplo-card__name{flex:1 1 auto;text-align:left;font-size:calc(12px * var(--ui-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diplo-card__relation{flex:0 0 auto;font-size:calc(12px * var(--ui-scale))}.diplo-card__creed{width:100%;text-align:left;font-size:calc(10px * var(--ui-scale));line-height:1.2;opacity:.85;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.diplo-card__effects{display:flex;flex-direction:column;align-items:stretch;gap:calc(2px * var(--ui-scale));width:100%;margin-top:calc(2px * var(--ui-scale))}.diplo-chip{padding:calc(1px * var(--ui-scale)) calc(5px * var(--ui-scale));font-size:calc(10px * var(--ui-scale));line-height:1.25;text-align:left;color:var(--c-parchment-ink);background:var(--c-parchment-shade);border-left:2px solid var(--c-gold);border-radius:2px}.diplo-card__stats{width:100%;text-align:left;font-size:calc(10px * var(--ui-scale));line-height:1.3;white-space:pre-line;opacity:.92}.diplo-card--self{border-color:var(--c-gold);cursor:default}.diplo-card--war{border-color:var(--c-danger);box-shadow:0 0 10px var(--c-danger)}.diplo-card--wolf .tool__name{color:var(--c-faction-wolf)}.diplo-card--snake .tool__name{color:var(--c-faction-snake)}.diplo-card--boar .tool__name{color:var(--c-faction-boar)}.diplo-card--raven .tool__name{color:var(--c-faction-raven)}.diplo-empty{margin:0;padding:10px 14px;font-size:13px;color:var(--c-stone-sand)}.envoy__title--wolf{color:var(--c-faction-wolf)}.envoy__title--snake{color:var(--c-faction-snake)}.envoy__title--boar{color:var(--c-faction-boar)}.envoy__title--raven{color:var(--c-faction-raven)}.modal-card--envoy{max-width:560px;border-color:var(--c-gold);gap:12px}.envoy__body{display:flex;flex-direction:column;gap:10px;width:100%}.envoy__status{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-family:var(--font-title);font-size:15px}.envoy__status--war .envoy__status-text{color:var(--c-danger)}.envoy__status--peace .envoy__status-text{color:var(--c-success)}.envoy__note{margin:0;font-size:12px;line-height:1.4;color:var(--c-stone-sand);text-align:center}.envoy__facts{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--c-slot-bg);border:1px solid var(--c-panel-edge);border-radius:var(--radius)}.envoy__fact{margin:0;font-size:13px;line-height:1.35;color:var(--c-parchment)}.envoy__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.envoy__actions .btn-primary:disabled{opacity:.45}.market-sell-row{border-right:1px solid var(--c-plate-edge);padding-right:calc(6px * var(--ui-scale))}.market-sell-btn:disabled{opacity:.45}.market-card--mine{border-color:var(--c-gold)}.market-card__seller{font-size:calc(9px * var(--ui-scale));letter-spacing:0}.market-card--wolf .tool__name{color:var(--c-faction-wolf)}.market-card--snake .tool__name{color:var(--c-faction-snake)}.market-card--boar .tool__name{color:var(--c-faction-boar)}.market-card--raven .tool__name{color:var(--c-faction-raven)}.market-card--player .tool__name{color:var(--c-faction-player)}.btn-primary--war{border-color:var(--c-danger);color:var(--c-danger);background:transparent}.modal-card--envoy .btn-primary,.modal-card--herald .btn-primary{min-height:44px;padding:8px 22px;font-size:16px}.modal-card--herald{max-width:470px;border-color:var(--c-banner-red)}.herald__body{display:flex;flex-direction:column;gap:6px}.herald__line{margin:0;font-size:14px;line-height:1.45;color:var(--c-parchment)}.herald__actions{display:flex;gap:12px;justify-content:center}.tool .cost-row{flex-wrap:wrap;gap:0 calc(3px * var(--ui-scale));max-width:100%}.tool .cost-item{gap:1px}.tool .cost-item>:not(.cost-item__num){width:calc(12px * var(--ui-scale));height:calc(12px * var(--ui-scale));flex:0 0 auto}.tool .cost-item__num{font-size:calc(10px * var(--ui-scale));letter-spacing:-.2px}.story-banner{position:absolute;top:calc(var(--pad-edge) * .5 + env(safe-area-inset-top) + 68px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 18px;background:var(--c-panel-bg-strong);border:1px solid var(--c-panel-edge);border-radius:10px;color:var(--c-parchment);pointer-events:none;text-align:center}.story-banner--warning{border-color:var(--c-gold)}.story-banner--siege{border-color:var(--c-danger)}.story-banner__title{font-weight:700;font-size:13px}.story-banner__line{font-size:12px;color:var(--c-stone-sand)}.ui-btn,.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:var(--btn-h);padding:8px 20px;font-family:var(--font-display);font-size:clamp(16px,.85rem + .3vw,20px);font-weight:700;letter-spacing:.04em;line-height:1.15;color:var(--c-ui-text);background:linear-gradient(180deg,var(--c-grain-light),transparent 45%,var(--c-grain)),linear-gradient(180deg,var(--c-wood-light),var(--c-wood-mid) 55%,var(--c-wood-dark));border:2px solid var(--c-iron-mid);border-radius:4px;box-shadow:inset 0 1px 0 var(--c-plate-light),inset 0 -2px 0 var(--c-inner-shadow),0 3px 0 var(--c-iron-dark),0 6px 12px var(--c-shadow);cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.ui-btn:after{content:"";position:absolute;inset:2px;background:var(--rivets);background-size:9px 9px;opacity:.8;pointer-events:none}.ui-btn__icon{width:26px;height:26px}.ui-btn__meta{padding:2px 8px;font-family:var(--font-body);font-size:.7em;font-weight:600;letter-spacing:0;color:var(--c-ui-text-dim);border:1px solid var(--c-gold-line);border-radius:2px;white-space:nowrap}@media (hover: hover){.ui-btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){border-color:var(--c-ui-gold);color:var(--c-ui-gold-light)}}.ui-btn:focus-visible,.btn-primary:focus-visible,.ui-icon-btn:focus-visible,.map-tile:focus-visible,.campaign-node:focus-visible,.ui-toggle:focus-visible{outline:2px solid var(--c-ui-gold-light);outline-offset:2px}.ui-btn:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 6px var(--c-inner-shadow),0 0 0 var(--c-iron-dark)}.ui-btn[aria-pressed=true]{border-color:var(--c-ui-gold-light);box-shadow:inset 0 0 0 1px var(--c-ui-gold),inset 0 0 14px var(--c-gold-soft),0 3px 0 var(--c-iron-dark)}.ui-btn:disabled,.btn-primary:disabled{cursor:default;color:var(--c-ui-text-dim);filter:grayscale(1);opacity:.55;box-shadow:none}.ui-btn--primary,.btn-primary{color:var(--c-ui-gold-light);border-color:var(--c-ui-gold);background:radial-gradient(ellipse at 50% 0%,var(--c-gold-soft),transparent 70%),linear-gradient(180deg,var(--c-wood-light),var(--c-wood-mid) 55%,var(--c-wood-dark))}.ui-btn--hero{min-height:var(--btn-h-hero);padding:10px 28px;font-size:clamp(22px,1rem + .9vw,30px);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ui-gold-light);text-shadow:0 2px 0 var(--c-inner-shadow);border:3px solid var(--c-ui-gold);background:radial-gradient(ellipse at 50% 0%,var(--c-gold-soft),transparent 75%),linear-gradient(180deg,var(--c-grain-light),transparent 45%,var(--c-grain)),linear-gradient(180deg,var(--c-wood-light),var(--c-wood-mid) 55%,var(--c-wood-dark));box-shadow:inset 0 0 0 2px var(--c-wood-dark),inset 0 0 0 3px var(--c-gold-line),inset 0 0 18px var(--c-gold-soft),0 5px 0 var(--c-iron-dark),0 10px 22px var(--c-shadow)}.ui-btn--hero .ui-btn__icon{width:34px;height:34px}.ui-btn--hero:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 2px var(--c-wood-dark),inset 0 3px 10px var(--c-inner-shadow),0 1px 0 var(--c-iron-dark)}.btn-primary--ghost{color:var(--c-ui-text);border-color:var(--c-iron-mid);background:linear-gradient(180deg,var(--c-grain-light),transparent 45%,var(--c-grain)),linear-gradient(180deg,var(--c-wood-light),var(--c-wood-mid) 55%,var(--c-wood-dark))}.ui-btn--danger,.btn-primary--war{color:var(--c-paper-light);border-color:var(--c-ui-red);background:linear-gradient(180deg,var(--c-grain-light),transparent 45%,var(--c-grain)),linear-gradient(180deg,var(--c-ui-red),var(--c-wood-dark))}@media (hover: hover){.ui-btn--danger:hover:not(:disabled),.btn-primary--war:hover:not(:disabled){border-color:var(--c-ui-red-light);color:var(--c-paper-light)}}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:6px;background:linear-gradient(180deg,var(--c-iron-mid),var(--c-iron-dark));border:2px solid var(--c-iron-dark);border-radius:3px;box-shadow:inset 0 1px 0 var(--c-plate-light),0 2px 0 var(--c-wood-dark);cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease}@media (hover: hover){.ui-icon-btn:hover{border-color:var(--c-ui-gold)}}.ui-icon-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 5px var(--c-inner-shadow)}.ui-screen{display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:auto;background:var(--c-scrim-window)}.ui-screen--menu{z-index:var(--z-menu);background:radial-gradient(ellipse 60% 60% at 50% 50%,var(--c-fog),transparent 75%),radial-gradient(ellipse at 50% 45%,var(--c-scrim),var(--c-vignette) 100%)}.ui-screen--modal{z-index:var(--z-modal)}.ui-screen--dialog{z-index:var(--z-dialog)}.ui-screen--confirm{z-index:var(--z-confirm)}.ui-window{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;color:var(--c-ui-text);background:var(--wood-grain);border:3px solid var(--c-iron-dark);border-radius:4px;box-shadow:var(--frame-shadow)}.ui-window--sm{max-width:440px}.ui-window--md{max-width:640px}.ui-window--lg{max-width:1080px;height:min(100%,760px)}.ui-screen[data-state=opening] .ui-window{animation:ui-window-in var(--dur-open) ease-out backwards}@keyframes ui-window-in{0%{opacity:0;transform:translateY(14px)}}.ui-window__header{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;background:var(--rivets),linear-gradient(180deg,var(--c-iron-mid),var(--c-iron-dark));border-bottom:2px solid var(--c-ui-gold);box-shadow:inset 0 1px 0 var(--c-plate-light),0 2px 0 var(--c-wood-dark)}.ui-window__crest.icon{width:40px;height:40px}.ui-window__heading{flex:1 1 auto;min-width:0}.ui-window__title{margin:0;font-family:var(--font-display);font-size:clamp(22px,1.1rem + 1vw,34px);font-weight:700;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ui-gold-light);text-shadow:0 2px 0 var(--c-inner-shadow)}.ui-window__subtitle{margin:2px 0 0;font-size:clamp(13px,.75rem + .2vw,15px);line-height:1.35;color:var(--c-ui-text-dim)}.ui-window__close{flex:none;background:transparent;border-color:transparent;box-shadow:none}.ui-window__body{flex:1 1 auto;min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.ui-window__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:10px 16px 14px;background:linear-gradient(180deg,var(--c-grain),transparent),var(--c-wood-dark);border-top:1px solid var(--c-gold-line)}.ui-window__footer:empty{display:none}.ui-window__footer .ui-btn{flex:1 1 160px}.ui-window__body,.map-select__list,.map-select__detail,.campaign__map,.campaign__detail,.modal-card{scrollbar-width:thin;scrollbar-color:var(--c-ui-gold) transparent}.ui-stack{display:flex;flex-direction:column;gap:10px}.ui-lang{display:flex;flex-wrap:wrap;gap:10px}.ui-lang__btn{flex:1 1 120px;min-width:0}.ui-section+.ui-section{margin-top:18px}.ui-section__title{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:6px;font-family:var(--font-display);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ui-gold-light);border-bottom:1px solid var(--c-gold-line)}.ui-section__body{display:flex;flex-direction:column;gap:8px}.ui-section__text{margin:0;font-size:14px;line-height:1.5;color:var(--c-ui-text-dim)}.ui-slider,.ui-toggle{display:grid;align-items:center;gap:12px;width:100%;min-height:52px;padding:4px 12px;font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--c-ui-text);background:var(--c-grain);border:1px solid var(--c-iron-mid);border-radius:3px}.ui-slider{grid-template-columns:minmax(92px,auto) minmax(90px,1fr) 4.5ch}.ui-slider__label{display:flex;align-items:center;gap:8px}.ui-slider__value,.ui-toggle__state{text-align:right;font-variant-numeric:tabular-nums;color:var(--c-ui-gold-light)}.ui-slider__input{-webkit-appearance:none;appearance:none;width:100%;height:var(--touch-min);margin:0;background:transparent;cursor:pointer;touch-action:none}.ui-slider__input::-webkit-slider-runnable-track{height:12px;border:1px solid var(--c-iron-dark);border-radius:2px;background:linear-gradient(90deg,var(--c-ui-gold) 0 var(--fill, 50%),var(--c-wood-dark) var(--fill, 50%) 100%);box-shadow:inset 0 1px 3px var(--c-inner-shadow)}.ui-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:30px;margin-top:-10px;border:2px solid var(--c-iron-dark);border-radius:3px;background:linear-gradient(180deg,var(--c-iron-light),var(--c-iron-mid));box-shadow:inset 0 0 0 1px var(--c-gold-line),0 2px 4px var(--c-shadow)}.ui-slider__input::-moz-range-track{height:12px;border:1px solid var(--c-iron-dark);border-radius:2px;background:var(--c-wood-dark)}.ui-slider__input::-moz-range-progress{height:12px;background:var(--c-ui-gold)}.ui-slider__input::-moz-range-thumb{width:22px;height:28px;border:2px solid var(--c-iron-dark);border-radius:3px;background:linear-gradient(180deg,var(--c-iron-light),var(--c-iron-mid))}.ui-toggle{grid-template-columns:1fr auto 4.5ch;text-align:left;cursor:pointer;touch-action:manipulation}.ui-toggle__lever{position:relative;width:52px;height:26px;border:2px solid var(--c-iron-dark);border-radius:13px;background:var(--c-wood-dark);box-shadow:inset 0 1px 3px var(--c-inner-shadow)}.ui-toggle__lever:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,var(--c-iron-light),var(--c-iron-mid));transition:transform var(--dur-fast) ease}.ui-toggle[aria-checked=true] .ui-toggle__lever{background:var(--c-ui-green)}.ui-toggle[aria-checked=true] .ui-toggle__lever:after{transform:translate(26px);background:linear-gradient(180deg,var(--c-ui-gold-light),var(--c-ui-gold))}.ui-toggle[aria-checked=false] .ui-toggle__state{color:var(--c-ui-text-dim)}.ConfirmDialog .ui-window__header{border-bottom-color:var(--c-ui-red)}.ui-confirm__text{margin:0;font-size:clamp(15px,.85rem + .25vw,18px);line-height:1.5;text-align:center;color:var(--c-ui-text)}.map-select{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;height:100%;min-height:0}.map-select__list{display:flex;flex-direction:column;gap:8px;min-height:0;padding:2px 6px 2px 2px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.map-tile{display:flex;flex:none;align-items:center;gap:10px;min-height:56px;padding:8px 12px;font:inherit;text-align:left;color:var(--c-ui-text);background:linear-gradient(180deg,var(--c-iron-mid),var(--c-iron-dark));border:2px solid var(--c-iron-dark);border-left:4px solid var(--c-wood-light);border-radius:3px;box-shadow:inset 0 1px 0 var(--c-plate-light);cursor:pointer;touch-action:manipulation;transition:border-color var(--dur-fast) ease,transform var(--dur-fast) ease}@media (hover: hover){.map-tile:hover{border-color:var(--c-gold-line)}}.map-tile:active{transform:translateY(2px)}.map-tile[aria-selected=true]{border-color:var(--c-ui-gold);border-left-color:var(--c-ui-gold-light);background:radial-gradient(ellipse at 0% 50%,var(--c-gold-soft),transparent 70%),linear-gradient(180deg,var(--c-wood-light),var(--c-wood-dark));box-shadow:inset 0 0 0 1px var(--c-gold-line),inset 0 0 14px var(--c-gold-soft)}.map-tile__text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.map-tile__name{overflow:hidden;font-family:var(--font-display);font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.map-tile[aria-selected=true] .map-tile__name{color:var(--c-ui-gold-light)}.map-tile__meta{font-size:12px;color:var(--c-ui-text-dim)}.map-select__detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"preview info";align-items:start;gap:16px;min-height:0}.map-preview{grid-area:preview;justify-self:center;width:100%;max-width:460px;aspect-ratio:1;padding:8px;background:var(--rivets),linear-gradient(180deg,var(--c-iron-mid),var(--c-iron-dark));border:2px solid var(--c-iron-dark);border-radius:3px;box-shadow:inset 0 0 0 1px var(--c-gold-line),0 6px 16px var(--c-shadow)}.map-preview__canvas{display:block;width:100%;height:100%}.map-pager{display:none;grid-area:pager;align-items:center;justify-content:center;gap:16px}.map-pager__btn{min-width:56px;min-height:48px}.map-pager__btn--prev .icon{transform:scaleX(-1)}.map-pager__count{min-width:6ch;font-family:var(--font-display);font-size:17px;font-variant-numeric:tabular-nums;text-align:center;color:var(--c-ui-gold-light)}.map-info{grid-area:info;padding:14px 16px}.map-info__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px}.map-info__name{margin:0;font-family:var(--font-display);font-size:clamp(20px,1rem + .6vw,28px);color:var(--c-paper-ink)}.map-info__tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--c-paper-light);background:var(--c-ui-green);border-radius:2px}.map-info__tag[hidden]{display:none}.map-info__facts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.map-fact{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-size:13px;font-weight:700;color:var(--c-paper-ink);background:var(--c-parchment-shade);border:1px solid var(--c-parchment-edge);border-radius:2px}.map-info__text{margin:0 0 8px;font-size:clamp(14px,.8rem + .2vw,17px);line-height:1.45;color:var(--c-paper-ink)}.map-info__note{margin:0;font-size:12px;font-style:italic;color:var(--c-paper-ink-soft)}.campaign{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:16px;height:100%;min-height:0}.campaign__map{--seal: 58px;--gap-x: 8px;--gap-y: 30px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;gap:var(--gap-y) var(--gap-x);min-height:0;padding:24px 12px;overflow-y:auto;touch-action:pan-y;background:radial-gradient(ellipse at 50% 40%,var(--c-paper-light),var(--c-paper-dark));border:3px solid var(--c-iron-dark);border-radius:3px;box-shadow:inset 0 0 0 1px var(--c-gold-line),inset 0 0 44px var(--c-parchment-shade)}.campaign-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:4px 0;font:inherit;color:var(--c-paper-ink);background:none;border:0;cursor:pointer;touch-action:manipulation}.campaign-node:before{content:"";position:absolute;z-index:-1;top:calc(4px + var(--seal) / 2);border-top:3px dashed var(--c-paper-ink-soft)}.campaign-node--link-right:before{left:50%;width:calc(100% + var(--gap-x))}.campaign-node--link-left:before{right:50%;width:calc(100% + var(--gap-x))}.campaign-node--link-down:before{left:50%;width:calc(50% + var(--gap-x) / 2);height:calc(100% + var(--gap-y));border:3px dashed var(--c-paper-ink-soft);border-left:0;border-radius:0 28px 28px 0}.campaign-node--done:before{border-color:var(--c-ui-red)}.campaign-node__seal{position:relative;display:flex;align-items:center;justify-content:center;width:var(--seal);height:var(--seal);border:3px solid var(--c-iron-dark);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--c-ui-red-light),var(--c-ui-red) 60%,var(--c-wood-dark));box-shadow:inset 0 0 0 2px var(--c-gold-line),0 3px 0 var(--c-wood-dark),0 5px 10px var(--c-shadow);transition:transform var(--dur-fast) ease}.campaign-node--defense .campaign-node__seal{background:radial-gradient(circle at 35% 30%,var(--c-ui-blue),var(--c-wood-dark) 95%)}.campaign-node--mixed .campaign-node__seal{background:radial-gradient(circle at 35% 30%,var(--c-ui-green),var(--c-wood-dark) 95%)}.campaign-node--locked .campaign-node__seal{background:radial-gradient(circle at 35% 30%,var(--c-iron-light),var(--c-iron-mid) 60%,var(--c-iron-dark));box-shadow:0 3px 0 var(--c-wood-dark)}.campaign-node__icon{margin-top:-14px}.campaign-node__num{position:absolute;bottom:5px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--c-paper-light);text-shadow:0 1px 0 var(--c-inner-shadow)}.campaign-node__star{position:absolute;top:-7px;right:-7px;width:24px;height:24px}.campaign-node__label{display:-webkit-box;max-width:100%;overflow:hidden;font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.2;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical}.campaign-node--locked .campaign-node__label{color:var(--c-paper-ink-soft)}@media (hover: hover){.campaign-node:hover .campaign-node__seal{transform:scale(1.06)}}.campaign-node:active .campaign-node__seal{transform:scale(.95)}.campaign-node[aria-pressed=true] .campaign-node__seal{transform:scale(1.12);border-color:var(--c-ui-gold);box-shadow:0 0 0 3px var(--c-ui-gold-light),0 0 16px var(--c-gold-glow),0 3px 0 var(--c-wood-dark)}.campaign-node[aria-pressed=true] .campaign-node__label{text-decoration:underline 2px var(--c-ui-red);text-underline-offset:3px}.campaign__detail{min-height:0;padding:16px 18px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.campaign__kicker{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-paper-ink-soft)}.campaign__title{margin:6px 0 8px;font-family:var(--font-display);font-size:clamp(20px,1rem + .7vw,28px);color:var(--c-paper-ink)}.campaign__intro{margin:0 0 10px;font-size:clamp(14px,.8rem + .2vw,17px);line-height:1.45}.campaign__brief{margin:0 0 10px;padding-left:18px;font-size:14px;line-height:1.4}.campaign__brief li::marker{color:var(--c-ui-red)}.campaign__done{display:flex;align-items:center;gap:6px;margin:0;font-weight:700;color:var(--c-ui-green)}@media (max-width: 899px){.map-select__detail{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "info"}.map-preview{max-width:300px}.campaign{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto}.campaign__map,.campaign__detail{overflow:visible}}@media (max-width: 699px),(orientation: portrait) and (max-width: 899px){.map-select{grid-template-columns:minmax(0,1fr)}.map-select__list{display:none}.map-select__detail{grid-template-areas:"preview" "pager" "info";overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.map-pager{display:flex}.map-preview{max-width:min(300px,72vw)}}@media (max-width: 599px){.menu-panel{gap:10px;padding:16px 18px 12px}.menu__crest .icon{width:64px;height:64px}.menu__hint{display:none}.ui-window__body{padding:12px}.ui-window__footer{padding:10px 12px 12px}.campaign__map{--seal: 48px;--gap-x: 2px;--gap-y: 20px;padding:16px 4px}.campaign-node__label{display:none}}@media (max-height: 560px){.ui-screen,.screen--modal{padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}.ui-window--lg{height:100%}.ui-window__header{gap:8px;padding:5px 8px 5px 10px}.ui-window__crest.icon{width:28px;height:28px}.ui-window__title{font-size:20px}.ui-window__subtitle{display:none}.ui-window__body{padding:8px 12px}.ui-window__footer{padding:6px 12px}.ui-btn,.btn-primary{min-height:var(--touch-min);padding:4px 14px}.ui-btn--hero{min-height:52px}.ui-slider,.ui-toggle{min-height:var(--touch-min)}.campaign{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);height:100%}.campaign__map{--seal: 42px;--gap-y: 16px;padding:10px 4px;overflow-y:auto}.campaign__detail{overflow-y:auto}.campaign-node__label{display:none}.map-select{grid-template-columns:minmax(170px,230px) minmax(0,1fr)}.map-select__detail{grid-template-columns:minmax(120px,40%) minmax(0,1fr);grid-template-areas:"preview info";height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.map-tile{min-height:var(--touch-min);padding:4px 10px}.screen--menu{gap:6px}.menu-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:8px 16px;width:min(860px,100%);padding:10px 18px}.menu__crest{grid-row:1 / span 2;align-self:center}.menu__crest .icon{width:56px;height:56px}.menu__title,.menu__subtitle{grid-column:2;text-align:left}.menu__subtitle:before{display:none}.menu-panel>.ui-btn--hero,.menu__divider,.menu__modes,.menu__footer,.menu__settings.ui-btn{grid-column:1 / -1}.menu__footer{padding-top:0}.menu-panel{gap:6px 16px;padding:8px 18px}.menu__divider{display:none}.menu-panel>.ui-btn--hero{min-height:46px}.menu__divider{margin-top:0}.tool__name{-webkit-line-clamp:1;flex-shrink:0}.menu__modes{flex-direction:row}.menu__modes .ui-btn{flex:1 1 0;justify-content:center;padding:4px 6px;gap:6px;min-width:0}.menu__modes .ui-btn__label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__modes .ui-btn__meta,.menu__hint{display:none}}@media (prefers-reduced-motion: reduce){.menu-panel,.menu-anim,.modal-card,.ui-screen[data-state=opening] .ui-window{animation-duration:1ms;animation-delay:0s}}:root{--banner-h: 0px;--c-iap-cta: #b8860b;--c-iap-cta-light: #f5c451;--c-iap-buy-top: #e8a83a;--c-iap-buy-bottom: #a8611a;--c-iap-buy-ink: #1e140a;--c-iap-badge: #b31d24;--c-iap-badge-ink: #fff3dc;--c-iap-premium-edge: #f2c75b;--c-iap-premium-glow: rgba(242, 199, 91, .35);--c-iap-art-glow: rgba(242, 201, 104, .32);--c-iap-art-bg: rgba(12, 9, 6, .55);--c-iap-ok: #9cc46a;--c-iap-warn: #f0a35b;--dur-offer-in: .22s}body.has-ad-banner{--banner-h: 90px}body.has-ad-banner #app{bottom:var(--banner-h)}@media (max-width: 560px){body.has-ad-banner{--banner-h: 60px}}.ad-shield{position:fixed;inset:0;z-index:2147483000;pointer-events:auto;background:transparent}.ad-shield[hidden],.mock-ad-banner[hidden]{display:none}.ad-shield--mock{display:flex;align-items:center;justify-content:center;background:var(--c-scrim-window);color:var(--c-parchment);font-family:var(--font-title);font-size:22px;letter-spacing:.08em}.mock-ad-banner{position:fixed;left:0;right:0;bottom:0;height:var(--banner-h);z-index:2147482000;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--c-iap-art-bg) 0 12px,var(--c-panel-bg-strong) 12px 24px);border-top:2px solid var(--c-iap-cta-light);color:var(--c-parchment);font-family:var(--font-title);font-size:13px;pointer-events:auto}.ad-tag{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:1px 6px 1px 4px;border:1px solid var(--c-iap-cta-light);border-radius:9px;background:var(--c-iap-badge);color:var(--c-iap-badge-ink);font-size:calc(10px * var(--ui-scale));font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;white-space:nowrap}.ad-tag[hidden]{display:none}.ability-btn--convoy{position:relative;min-width:calc(76px * var(--ui-scale));border-color:var(--c-iap-premium-edge);background:radial-gradient(circle at 50% 30%,var(--c-iap-art-glow),transparent 70%),linear-gradient(180deg,var(--c-plate-top),var(--c-plate-bottom));color:var(--c-gold-bright)}.ability-btn--convoy .ability-btn__label{font-family:var(--font-title);font-size:calc(13px * var(--ui-scale))}.ability-btn__count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--c-iap-cta-light);border-radius:10px;background:var(--c-iap-badge);color:var(--c-iap-badge-ink);font-size:11px;font-weight:800;line-height:16px;text-align:center}.ability-btn__count[hidden]{display:none}.ability-btn--convoy-ready{animation:convoy-btn-pulse 1.8s ease-in-out infinite}.ability-btn--convoy-ready .ability-btn__icon{animation:convoy-icon-bob 1.8s ease-in-out infinite}@keyframes convoy-btn-pulse{0%,to{box-shadow:inset 0 1px 0 var(--c-plate-light),0 0 0 0 var(--c-iap-premium-glow)}50%{box-shadow:inset 0 1px 0 var(--c-plate-light),0 0 16px 4px var(--c-iap-premium-glow)}}@keyframes convoy-icon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ability-btn--active{border-color:var(--c-gold-bright);box-shadow:inset 0 0 12px var(--c-iap-premium-glow)}.convoy-card{position:relative}.convoy-card--ad{padding-top:calc(20px * var(--ui-scale));border-color:var(--c-iap-premium-edge)}.convoy-card__tag{position:absolute;top:3px;left:3px;right:3px;border-radius:3px}.convoy-card__ad{display:inline-flex;align-items:center;gap:3px;margin-top:auto;padding:1px 6px;border-radius:9px;background:var(--c-parchment-shade);color:var(--c-parchment-ink);font-size:calc(13px * var(--ui-scale));font-weight:800}@media (prefers-reduced-motion: reduce){.ability-btn--convoy-ready,.ability-btn--convoy-ready .ability-btn__icon{animation:none}}.convoy-card__state{font-size:calc(10px * var(--ui-scale));color:var(--c-parchment-ink)}.reward-offer{display:flex;flex-direction:column;align-items:stretch;gap:4px}.reward-offer[hidden]{display:none}.reward-offer__note{margin:0;font-size:12px;text-align:center;color:var(--c-stone-sand)}.reward-offer--ready .reward-offer__note{color:var(--c-iap-ok)}.iap-cta{position:relative;color:var(--c-iap-buy-ink);border-color:var(--c-iap-cta-light);background:linear-gradient(180deg,var(--c-iap-buy-top),var(--c-iap-buy-bottom));animation:iap-cta-pulse 2.4s ease-in-out infinite}.iap-cta .ui-btn__label{color:var(--c-iap-buy-ink);text-shadow:none;font-weight:700}.iap-cta__badge{position:absolute;top:-10px;right:-8px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--c-iap-badge-ink);background:var(--c-iap-badge);border:1px solid var(--c-iap-cta-light);border-radius:999px;white-space:nowrap}@keyframes iap-cta-pulse{0%,to{box-shadow:0 0 0 0 var(--c-iap-premium-glow),0 3px 0 var(--c-iron-dark)}50%{box-shadow:0 0 18px 4px var(--c-iap-premium-glow),0 3px 0 var(--c-iron-dark)}}.iap-shop{display:flex;flex-direction:column;gap:12px}.iap-supply{display:flex;flex-direction:column;gap:10px}.iap-supply__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.iap-supply__note{font-size:14px;color:var(--c-ui-text-dim)}.iap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.iap-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;color:var(--c-ui-text);background:linear-gradient(180deg,var(--c-wood-light),var(--c-wood-dark));border:2px solid var(--c-iron-mid);border-radius:6px;box-shadow:inset 0 1px 0 var(--c-plate-light),0 4px 12px var(--c-shadow)}.iap-card--starter{border-color:var(--c-ui-gold)}.iap-card--premium{border-color:var(--c-iap-premium-edge);background:radial-gradient(ellipse at 50% 0%,var(--c-iap-premium-glow),transparent 65%),linear-gradient(180deg,var(--c-wood-light),var(--c-wood-dark));box-shadow:0 0 16px var(--c-iap-premium-glow),inset 0 0 0 1px var(--c-gold-line)}.iap-card--highlight{outline:3px solid var(--c-iap-cta-light);outline-offset:2px}.iap-card--owned{opacity:.85}.iap-card__art{position:relative;display:flex;align-items:center;justify-content:center;min-height:112px;border-radius:4px;background:radial-gradient(circle at 50% 55%,var(--c-iap-art-glow),transparent 62%),var(--c-iap-art-bg);border:1px solid var(--c-gold-line);overflow:hidden}.iap-art__main.icon,.iap-art__main{width:96px;height:96px;filter:drop-shadow(0 4px 6px var(--c-shadow))}.iap-art__extras{position:absolute;right:6px;bottom:6px;display:flex;gap:2px}.iap-art__extra.icon,.iap-art__extra{width:34px;height:34px;filter:drop-shadow(0 2px 3px var(--c-shadow))}.iap-card__badge{position:absolute;top:6px;left:6px;padding:4px 10px;font-size:15px;font-weight:800;color:var(--c-iap-badge-ink);background:var(--c-iap-badge);border:1px solid var(--c-iap-cta-light);border-radius:4px;box-shadow:0 2px 6px var(--c-shadow)}.iap-card__badge--tag{font-size:12px;background:var(--c-iron-dark)}.iap-card__title{margin:0;font-family:var(--font-display);font-size:19px;color:var(--c-ui-gold-light)}.iap-card__desc{margin:0;font-size:13px;line-height:1.35;color:var(--c-ui-text-dim)}.iap-card__lines{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;flex:1}.iap-card__line{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.3}.iap-card__line-icon.icon,.iap-card__line-icon{flex-shrink:0;width:20px;height:20px}.iap-buy{min-height:48px;width:100%;padding:8px 12px;font-family:var(--font-title);font-size:17px;font-weight:800;color:var(--c-iap-buy-ink);background:linear-gradient(180deg,var(--c-iap-buy-top),var(--c-iap-buy-bottom));border:2px solid var(--c-iap-cta-light);border-radius:6px;box-shadow:0 3px 0 var(--c-iron-dark),0 0 12px var(--c-iap-premium-glow);cursor:pointer}.iap-buy:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--c-iron-dark)}.iap-buy:disabled{cursor:default;filter:grayscale(.6);opacity:.7}.iap-owned{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;font-weight:700;color:var(--c-iap-ok)}.iap-msg{margin:0;font-size:14px;text-align:center}.iap-msg--ok{color:var(--c-iap-ok)}.iap-msg--warn{color:var(--c-iap-warn)}.iap-offer-screen{position:absolute;inset:0;z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--c-scrim-window);pointer-events:auto}.iap-offer{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:14px;background:var(--rivets),var(--wood-grain);border:3px solid var(--c-iron-dark);border-radius:6px;box-shadow:var(--frame-shadow);animation:iap-offer-in var(--dur-offer-in) ease-out backwards}.iap-offer--premium{border-color:var(--c-iap-premium-edge);box-shadow:var(--frame-shadow),0 0 28px var(--c-iap-premium-glow)}.iap-offer .iap-card__art{min-height:150px}.iap-offer .iap-art__main{width:128px;height:128px}.iap-offer__close{position:absolute;top:6px;right:6px;z-index:1}.iap-offer__kicker{margin:0 44px 0 0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ui-gold-light)}.iap-offer__links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px}.iap-link{min-height:44px;padding:6px 8px;font-size:15px;color:var(--c-ui-text);background:none;border:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@keyframes iap-offer-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width: 420px){.iap-grid{grid-template-columns:1fr}.iap-card__title{font-size:17px}}@media (prefers-reduced-motion: reduce){.iap-cta,.iap-offer{animation:none}}.menu__footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding-top:4px}.menu__shop.iap-cta{min-height:var(--touch-min);padding:6px 20px 6px 14px;font-size:16px}.menu__shop.iap-cta .ui-btn__icon{width:26px;height:26px}.menu__footer .iap-cta__badge{top:-9px;right:-10px}@media (max-height: 820px) and (min-height: 561px){.menu-panel{gap:9px;padding:14px 26px 12px}.menu__crest .icon{width:60px;height:60px}.menu__modes{gap:8px}.menu__modes .ui-btn{min-height:46px}.menu__divider{margin-top:2px}.menu__footer{padding-top:2px}}.demo-overlay{position:fixed;inset:0;pointer-events:none;z-index:var(--z-toast)}.demo-caption{position:absolute;left:50%;top:18%;transform:translate(-50%);opacity:0;max-width:86vw;font-family:var(--font-display);font-size:56px;font-weight:700;letter-spacing:.02em;line-height:1.15;text-align:center;white-space:nowrap;color:var(--c-parchment);text-shadow:0 3px 0 var(--c-parchment-ink),0 0 26px var(--c-scrim-dark),0 0 8px var(--c-shadow)}.demo-overlay--vertical .demo-caption{top:20%;width:90vw;font-size:44px;white-space:normal}.ad-countdown{position:fixed;top:calc(env(safe-area-inset-top,0px) + 124px);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;border-radius:10px;background:#140e08e0;border:1px solid rgba(214,170,90,.75);box-shadow:0 4px 14px #00000080;color:var(--c-parchment);font-family:var(--font-title);font-size:18px;pointer-events:none;white-space:nowrap}.ad-countdown[hidden]{display:none}@media (max-height: 460px){:root{--card-h: 76px;--panel-chrome-h: 46px}.command-panel{padding:3px;gap:4px}.command-panel__crest{display:none}.info-card{min-width:0;flex:0 0 auto;align-self:center;padding:0;background:none;border:0;box-shadow:none;justify-content:center}.info-card__title,.info-card__text,.info-card__cost{display:none}.info-card:not(:has(.rotate-btn:not([hidden]))){display:none}.tabs-header .tab-btn{min-height:28px;padding-top:2px;padding-bottom:2px}.tool{width:92px;gap:1px;padding:3px}.tool__name{-webkit-line-clamp:2;font-size:9.5px;line-height:1.1}.tool .cost-row{gap:3px}.tool .cost-item__num{font-size:10px}.tool .cost-item .icon{width:11px;height:11px}.tool__icon.icon{width:24px;height:24px}.ability-btn{min-width:50px;min-height:0;padding:3px}.bottom-panel{right:calc(var(--pad-edge) * .5 + 112px + env(safe-area-inset-right));bottom:calc(4px + env(safe-area-inset-bottom))}.minimap-frame{width:104px;height:104px;padding:5px}.selected-units-bar{right:auto;max-width:100%;gap:6px;padding:3px 8px;margin-bottom:4px}.selected-units-bar__info{font-size:11px;white-space:nowrap}.selected-units-bar__hint{display:none}.bottom-panel:has(.tool--selected) .selected-units-bar{display:none!important}.rts-cmd-btn{min-height:30px;padding:2px 9px;font-size:11px;white-space:nowrap}.ad-countdown{top:calc(50px + env(safe-area-inset-top));font-size:14px;padding:5px 12px}.toast{top:calc(50px + env(safe-area-inset-top));bottom:auto;max-width:min(70vw,520px);padding:5px 12px;font-size:12px;text-align:center}}body.touch-ui .ability-btn__badge{display:none}@media (max-height: 460px){.command-panel{overflow:hidden;transition:height .24s ease}.build-bar-wrap,.info-card{transition:opacity .2s ease}.bottom-panel--collapsed{right:auto}.bottom-panel--collapsed .command-panel{height:38px;width:auto}.bottom-panel--collapsed .build-bar-wrap,.bottom-panel--collapsed .info-card{opacity:0;pointer-events:none}.bottom-panel--collapsed .build-bar-wrap{display:none}.bottom-panel:not(.bottom-panel--collapsed) .build-bar-wrap{animation:panel-cards-in .24s ease both}.bottom-panel--collapsed .tab-btn__label{display:none}.bottom-panel--collapsed .tab-btn--active{border-color:var(--c-plate-edge);box-shadow:none}.hud-top{flex-wrap:nowrap;align-items:flex-start}.res-row{order:0;flex:1 1 0}.res-strip{flex-wrap:nowrap}.res{padding:2px 3px;gap:2px}.res .icon{width:14px;height:14px}.res__value{font-size:11px}.res__delta{font-size:9px}}@keyframes panel-cards-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}