:root{--game-safe-top:env(safe-area-inset-top,0px);--game-safe-right:env(safe-area-inset-right,0px);--game-safe-bottom:env(safe-area-inset-bottom,0px);--game-safe-left:env(safe-area-inset-left,0px);--game-surface-ratio:16/9;--game-frame-edge:clamp(8px,0.8vw,16px);--game-hud-top-compact:58px;--game-hud-bottom-compact:68px;--game-target-min:44px;--z-game-background:0;--z-game-world:10;--z-game-frame:20;--z-game-hud:30;--z-game-overlay:100;--z-game-modal:140;--z-game-toast:160;--hud-surface:rgba(8,10,13,.94);--hud-surface-soft:rgba(17,18,20,.88);--hud-edge:#6f5227;--hud-edge-bright:#d6aa4d;--hud-text:#f0dfb8;--hud-muted:#b9aa89;--resource-food:#d8ad3e;--resource-wood:#b7783e;--resource-iron:#a9b5c4;--resource-gold:#f1c84e;--resource-population:#e6dcc6;--faction-empire:#d6aa4d;--faction-alliance:#4b8bb8;--faction-hostile:#b64f45;--rarity-common:#a7a7a7;--rarity-uncommon:#58a76d;--rarity-rare:#4f82cc;--rarity-epic:#9c66cf;--rarity-legendary:#d99a35;--motion-fast:120ms;--motion-normal:180ms;--motion-slow:280ms}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-normal:0ms;--motion-slow:0ms}}.game-viewport{position:fixed;inset:0;display:grid;place-items:stretch;box-sizing:border-box;overflow:hidden;isolation:isolate;padding:var(--game-safe-top) var(--game-safe-right) var(--game-safe-bottom) var(--game-safe-left);background:#05070a}.game-background-layer{position:absolute;inset:0;z-index:var(--z-game-background);pointer-events:none;background:radial-gradient(circle at 50% 25%,rgba(120,88,39,.14),transparent 42%),linear-gradient(135deg,#05070a,#0d0e0f 48%,#040506)}.game-surface{position:relative;z-index:var(--z-game-world);inline-size:100%;block-size:100%;max-block-size:none;aspect-ratio:auto;overflow:hidden;background:#0a0c0e;box-shadow:none}.hud-stage:not(:has(.city-ground)) .game-surface{background:linear-gradient(180deg,rgba(3,2,2,.06),rgba(5,2,2,.2)),radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(0,0,0,.2) 100%),url(/assets/ui/interior-page-ground.webp) 50% /cover no-repeat}.game-hud-layer,.game-world-layer{position:absolute;inset:0}.game-world-layer{z-index:var(--z-game-world);min-inline-size:0;min-block-size:0;overflow:hidden}.game-hud-layer{z-index:var(--z-game-frame);pointer-events:none}.game-hud-layer a,.game-hud-layer button{pointer-events:auto}.game-overlay-root{position:fixed;inset:0;z-index:var(--z-game-overlay);pointer-events:none}.game-overlay-root>*{pointer-events:auto}.game-overlay-root>.coach-layer,.game-overlay-root>.vfx-layer{pointer-events:none}.hud-viewport{position:absolute;inset:var(--hud-vp-top) var(--hud-vp-right) var(--hud-vp-bottom) var(--hud-vp-left);z-index:1;display:flex;min-inline-size:0;min-block-size:0;overflow:hidden;padding:clamp(14px,2.2vh,32px) clamp(8px,1vw,20px) clamp(18px,2.6vh,38px)}.hud-sheet{inline-size:100%;max-block-size:100%;min-block-size:min(420px,100%);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;scrollbar-gutter:stable}.hud-sheet>*{flex:0 0 auto}.hud-stage:has(.city-ground) .hud-viewport,.hud-stage:has(.prince-hall) .hud-viewport,.hud-stage:has(.prince-missions-page) .hud-viewport{inset:0;padding:0}.hud-sheet:has(>.city-ground),.hud-sheet:has(>.prince-hall),.hud-sheet:has(>.prince-missions-page){block-size:100%;min-block-size:0;overflow:hidden;scrollbar-gutter:auto}.city-ground{background:#20271d}.city-ground,.city-world{position:relative;inline-size:100%;block-size:100%;overflow:hidden}.city-field-art{z-index:0;object-fit:cover;object-position:center 52%;filter:saturate(1.06) contrast(1.025) brightness(1.025)}.city-world:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(6,9,6,.08),transparent 18% 78%,rgba(5,7,5,.12)),radial-gradient(110% 92% at 50% 48%,transparent 70%,rgba(3,5,3,.18) 100%)}.city-plot-layer{z-index:3;position:absolute;inset:0;z-index:1}.city-building-dock{display:none}.visual-map{position:relative;inline-size:100%;block-size:100%;min-block-size:360px;overflow:hidden;background:radial-gradient(circle at 28% 32%,rgba(116,143,75,.8),transparent 18%),radial-gradient(circle at 70% 65%,rgba(98,126,65,.7),transparent 22%),linear-gradient(135deg,#667a49,#394b31 55%,#26372d)}.visual-map-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(hsla(0,0%,100%,.22) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.22) 1px,transparent 0);background-size:48px 48px}.visual-map-castle{position:absolute;display:grid;justify-items:center;color:var(--hud-edge-bright);font-size:clamp(28px,4vw,62px);filter:drop-shadow(0 5px 6px rgba(0,0,0,.65))}.visual-map-castle span{padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;font-size:11px}.visual-map-castle--home{left:38%;top:42%}.visual-map-castle--ally{left:66%;top:27%;color:var(--faction-alliance)}.visual-map-castle--enemy{left:76%;top:70%;color:var(--faction-hostile)}.visual-minimap{position:absolute;right:18px;bottom:18px;width:min(190px,28%);aspect-ratio:16/10;border:2px solid var(--hud-edge-bright);background:rgba(8,12,8,.82)}.visual-minimap i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--faction-empire)}.visual-minimap i:first-child{left:28%;top:30%}.visual-minimap i:nth-child(2){left:68%;top:56%;background:var(--faction-alliance)}.visual-minimap i:nth-child(3){left:78%;top:22%;background:var(--faction-hostile)}