:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--theme-ui-text);background:var(--theme-ui-background);font-synthesis:none}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;color:inherit}.game-shell{position:relative;background:radial-gradient(circle at 50% 20%,var(--theme-water-dark),var(--theme-ui-background));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.damage-number-layer{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.damage-number{position:absolute;left:0;top:0;display:none;pointer-events:none;color:var(--theme-effects-flash);font:800 13px/1 system-ui,sans-serif;letter-spacing:-.03em;text-shadow:0 1px 2px var(--theme-ui-background),0 0 5px rgb(var(--theme-status-warningLight-rgb) / .42);will-change:transform,opacity}.damage-number.critical{color:var(--theme-status-goldLight);font-size:16px;text-shadow:0 1px 2px var(--theme-ui-background),0 0 7px rgb(var(--theme-effects-skin-rgb) / .62)}.damage-number.inspection{padding:4px 7px;border:1px solid rgb(var(--theme-water-foam-rgb) / .42);border-radius:7px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-background-rgb) / .86);font-size:11px;letter-spacing:0;text-shadow:none}.start-menu{position:absolute;z-index:40;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:28px;overflow-y:auto;text-align:center;background:radial-gradient(circle at 50% 20%,rgb(var(--theme-landscape-grassDark-rgb) / .98),var(--theme-ui-deep) 72%);transition:opacity .25s ease,visibility .25s ease}.start-menu.hidden{opacity:0;visibility:hidden;pointer-events:none}.game-intro{position:absolute;z-index:24;inset:0;display:grid;place-items:center;overflow:hidden;color:var(--theme-ui-text);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.game-intro.visible{opacity:1;visibility:visible}.game-intro.finishing{opacity:0}.intro-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--theme-ui-deep-rgb) / .42),transparent 30%,transparent 66%,rgb(var(--theme-ui-deep-rgb) / .48))}.intro-briefing{position:relative;display:grid;justify-items:center;width:min(620px,calc(100% - 120px));transform:translateY(-4px)}.intro-briefing>small{color:var(--theme-status-goldLight);font-size:9px;font-weight:800;letter-spacing:.24em;opacity:0;transform:translateY(5px);transition:.35s ease}.intro-briefing h2{margin:5px 0 0;font:700 clamp(28px,5vw,52px)/1 Georgia,serif;text-shadow:0 5px 26px rgb(var(--theme-ui-shadow-rgb) / .7);opacity:0;transform:translateY(8px) scale(.98);transition:.42s ease}.intro-objectives{display:flex;gap:8px;margin-top:14px;opacity:0;transform:translateY(7px);transition:.34s ease}.intro-objectives span{padding:6px 10px;border:1px solid rgb(var(--theme-water-foam-rgb) / .28);border-radius:20px;color:var(--theme-landscape-mist);background:rgb(var(--theme-ui-background-rgb) / .74);font-size:10px;box-shadow:0 7px 20px rgb(var(--theme-ui-shadow-rgb) / .24)}.intro-objectives span:before{content:"◇";margin-right:6px;color:var(--theme-status-positiveLight)}.intro-resources{display:flex;gap:10px;align-items:center;margin-top:12px;padding:7px 12px;border-radius:9px;background:rgb(var(--theme-ui-background-rgb) / .78);opacity:0;transform:scale(.94);transition:.3s ease}.intro-resources b{color:var(--theme-status-goldLight)}.intro-resources span{color:var(--theme-status-positiveLight);font-size:10px}.intro-skip{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-width:112px;min-height:44px;border:1px solid rgb(var(--theme-water-foam-rgb) / .3);border-radius:10px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-background-rgb) / .78);cursor:pointer;pointer-events:auto}.game-shell.intro-mission-ready .intro-briefing>small,.game-shell.intro-mission-ready .intro-briefing h2{opacity:1;transform:none}.game-shell.intro-objectives-ready .intro-objectives,.game-shell.intro-resources-ready .intro-resources{opacity:1;transform:none}.game-shell.intro-active .resource-group{opacity:0;transform:translateY(-9px);transition:opacity .28s ease,transform .28s ease}.game-shell.intro-resources-ready .resource-group{opacity:1;transform:none}.game-shell.intro-active .build-dock{animation:none;opacity:0;transform:translateY(calc(100% + 18px));transition:opacity .32s ease,transform .38s ease}.game-shell.intro-build-ready .build-dock{opacity:1;transform:none}.game-shell.intro-active #game-canvas,.game-shell.intro-active .top-hud,.game-shell.intro-active .mission,.game-shell.intro-active .game-controls,.game-shell.intro-active .camera-controls,.game-shell.intro-active .minimap,.game-shell.intro-active .build-dock{pointer-events:none}.game-intro[data-quality=LOW] .intro-vignette{background:linear-gradient(180deg,rgb(var(--theme-ui-deep-rgb) / .28),transparent 68%,rgb(var(--theme-ui-deep-rgb) / .32))}.game-intro[data-quality=LOW] *,.game-intro[data-quality=LOW]{transition-duration:.12s}.start-menu>small{color:var(--theme-status-positiveLight);font-size:10px;letter-spacing:.2em}.start-menu h1{margin:0;font:700 clamp(38px,7vw,72px) Georgia,serif;color:var(--theme-ui-text);text-shadow:0 8px 32px rgb(var(--theme-ui-shadow-rgb) / .38)}.start-menu>p{max-width:600px;margin:0 0 12px;color:var(--theme-landscape-mist);font-size:13px;line-height:1.5}.difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(170px,230px));gap:10px;width:min(730px,100%)}.difficulty-options button{position:relative;display:grid;align-content:center;gap:5px;min-height:132px;padding:18px 14px;border:1px solid rgb(var(--theme-water-foam-rgb) / .25);border-radius:15px;color:var(--theme-ui-text);background:linear-gradient(180deg,rgb(var(--theme-ui-surface-rgb) / .96),rgb(var(--theme-ui-background-rgb) / .96));box-shadow:0 14px 35px rgb(var(--theme-ui-shadow-rgb) / .26);cursor:pointer;transition:transform .16s ease,border-color .16s ease}.difficulty-options button:hover{transform:translateY(-3px);border-color:var(--theme-status-positiveLight)}.difficulty-options button.recommended{border-color:var(--theme-status-positiveLight);box-shadow:0 0 0 1px rgb(var(--theme-status-positiveLight-rgb) / .18),0 14px 35px rgb(var(--theme-ui-shadow-rgb) / .3)}.difficulty-options button>small{position:absolute;top:7px;right:8px;color:var(--theme-status-positiveLight);font-size:8px;letter-spacing:.12em}.difficulty-options strong{font:700 21px Georgia,serif}.difficulty-options span{color:var(--theme-ui-textMuted);font-size:11px}.difficulty-options b{margin-top:5px;color:var(--theme-status-goldLight);font-size:10px}.help-link{min-height:38px;padding:0 18px;border:1px solid rgb(var(--theme-water-foam-rgb) / .35);border-radius:10px;color:var(--theme-effects-flash);background:rgb(var(--theme-ui-background-rgb) / .8);cursor:pointer}.online-button{display:flex;align-items:center;justify-content:center;gap:12px;width:min(390px,100%);min-height:50px;margin-top:3px;padding:8px 18px;border:1px solid var(--theme-status-positiveLight);border-radius:12px;color:var(--theme-ui-text);background:linear-gradient(135deg,var(--theme-landscape-grassDark),var(--theme-ui-surface));box-shadow:0 9px 28px rgb(var(--theme-ui-shadow-rgb) / .25);cursor:pointer}.online-button:hover{border-color:var(--theme-water-foam);transform:translateY(-1px)}.online-button strong,.online-button span{display:block}.online-button span{color:var(--theme-landscape-mist);font-size:10px}.multiplayer-lobby{position:absolute;z-index:45;inset:0;display:grid;place-items:center;padding:18px;color:var(--theme-ui-text);background:radial-gradient(circle at 50% 25%,rgb(var(--theme-ui-raised-rgb) / .97),rgb(var(--theme-ui-deep-rgb) / .98) 70%);opacity:0;visibility:hidden;transition:.2s ease}.multiplayer-lobby.visible{opacity:1;visibility:visible}.multiplayer-lobby>section{display:grid;justify-items:center;gap:10px;width:min(540px,100%);padding:clamp(20px,5vw,38px);border:1px solid rgb(var(--theme-water-foam-rgb) / .28);border-radius:22px;background:linear-gradient(180deg,rgb(var(--theme-ui-surface-rgb) / .98),rgb(var(--theme-ui-background-rgb) / .98));box-shadow:0 30px 80px rgb(var(--theme-ui-shadow-rgb) / .55)}.lobby-emblem{display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--theme-status-positiveLight);border-radius:50% 50% 42% 42%;color:var(--theme-ui-text);font:700 19px Georgia,serif}.multiplayer-lobby section>small{color:var(--theme-status-positiveLight);font-size:9px;letter-spacing:.2em}.multiplayer-lobby section>strong{font:700 clamp(25px,5vw,36px) Georgia,serif}.multiplayer-lobby section>span{min-height:20px;color:var(--theme-landscape-mist);font-size:12px;text-align:center}.multiplayer-lobby.error section>span{color:var(--theme-status-damageLight)}.multiplayer-lobby label{justify-self:start;margin-top:8px;color:var(--theme-water-light);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.invite-row{display:flex;gap:7px;width:100%}.invite-row input{min-width:0;flex:1;height:48px;padding:0 13px;border:1px solid var(--theme-landscape-smoke);border-radius:10px;color:var(--theme-ui-text);background:var(--theme-ui-background);outline:none}.invite-row input:focus{border-color:var(--theme-status-positiveLight)}.invite-row button,.lobby-cancel{min-height:48px;padding:0 18px;border-radius:10px;cursor:pointer}.invite-row button{border:1px solid var(--theme-status-positiveLight);color:var(--theme-ui-background);background:var(--theme-status-positiveLight);font-weight:800}.lobby-cancel{min-width:130px;border:1px solid var(--theme-landscape-smoke);color:var(--theme-water-foam);background:var(--theme-ui-surface)}.lobby-players{display:flex;align-items:center;gap:7px;margin:9px 0;color:var(--theme-status-positiveLight);font-size:11px}.lobby-players i{width:12px;height:12px;border:2px solid var(--theme-ui-border);border-radius:50%;background:var(--theme-ui-surface)}.lobby-players i:first-child,.lobby-players.ready i{border-color:var(--theme-water-foam);background:var(--theme-status-positive);box-shadow:0 0 12px rgb(var(--theme-status-positive-rgb) / .5)}.hud{position:absolute;z-index:2;pointer-events:none}.top-hud{top:max(7px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:grid;grid-template-columns:minmax(150px,.7fr) minmax(350px,1.7fr) minmax(110px,.55fr);align-items:stretch;gap:6px;width:min(900px,calc(100% - 22px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:48px}.resource-group,.army-count,.base-duel,.mission{border:1px solid rgb(var(--theme-ui-text-rgb) / .22);background:linear-gradient(180deg,rgb(var(--theme-ui-surface-rgb) / .93),rgb(var(--theme-ui-deep-rgb) / .9));box-shadow:0 9px 24px rgb(var(--theme-ui-shadow-rgb) / .24),inset 0 1px rgb(var(--theme-ui-text-rgb) / .07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-info{position:relative;pointer-events:auto;outline:none}.hud-info:after{content:attr(data-hud-tooltip);position:absolute;z-index:8;top:calc(100% + 7px);left:50%;width:max-content;max-width:min(290px,75vw);padding:7px 9px;border:1px solid rgb(var(--theme-water-foam-rgb) / .25);border-radius:8px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-deep-rgb) / .96);box-shadow:0 7px 20px rgb(var(--theme-ui-shadow-rgb) / .35);opacity:0;visibility:hidden;transform:translate(-50%,-3px);font-size:10px;line-height:1.35;text-align:center;transition:opacity .14s ease,transform .14s ease,visibility .14s}.hud-info:hover:after,.hud-info:focus-visible:after,.hud-info.tooltip-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.resource-group:after{left:0;transform:translateY(-3px);text-align:left}.resource-group:hover:after,.resource-group:focus-visible:after,.resource-group.tooltip-visible:after{transform:translate(0)}.army-count:after{right:0;left:auto;transform:translateY(-3px);text-align:right}.army-count:hover:after,.army-count:focus-visible:after,.army-count.tooltip-visible:after{transform:translate(0)}.resource-group{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 9px;border-radius:11px}.hud-icon{display:grid;flex:0 0 29px;place-items:center;width:29px;height:29px;border-radius:8px;color:var(--theme-ui-text);background:rgb(var(--theme-water-primary-rgb) / .22);font-size:16px}.gold-icon{color:var(--theme-status-goldLight);background:rgb(var(--theme-landscape-woodLight-rgb) / .22);font-size:12px}.resource-value{min-width:38px}.resource-group small,.army-count small,.base-score span{display:block;color:var(--theme-ui-textMuted);font-size:8px;letter-spacing:.09em;line-height:1;text-transform:uppercase;white-space:nowrap}.resource-value strong{color:var(--theme-status-goldLight);font-size:17px;line-height:1.05}.income{position:relative;min-width:52px;margin-left:auto;padding-left:7px;border-left:1px solid rgb(var(--theme-water-foam-rgb) / .16)}.income strong{color:var(--theme-water-foam);font-size:11px;white-space:nowrap}.income strong em{color:var(--theme-ui-textMuted);font-size:8px;font-style:normal;font-weight:600}.income>i{position:absolute;right:0;bottom:-1px;color:var(--theme-ui-text);opacity:0;font-size:10px;font-style:normal;font-weight:800;pointer-events:none}.income>i.visible{animation:income-float .85s ease-out}.army-count{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 9px;border-radius:11px}.army-count strong{color:var(--theme-water-foam);font-size:15px;line-height:1.05;white-space:nowrap}.base-duel{display:grid;grid-template-columns:minmax(72px,auto) minmax(140px,1fr) minmax(72px,auto);align-items:center;gap:7px;min-width:0;padding:5px 9px;border-radius:11px}.base-score{min-width:0}.base-score strong{display:block;margin-top:2px;font-size:13px;line-height:1}.base-score.enemy{text-align:right}.base-score.ally strong{color:var(--theme-water-foam)}.base-score.enemy strong{color:var(--theme-status-damageLight)}.duel-bars{display:grid;grid-template-columns:1fr 21px 1fr;align-items:center;min-width:0}.base-track{display:flex;height:8px;overflow:hidden;background:var(--theme-ui-surface);box-shadow:inset 0 1px 3px rgb(var(--theme-ui-shadow-rgb) / .52)}.base-track.ally{justify-content:flex-end;border-radius:5px 1px 1px 5px}.base-track.enemy{justify-content:flex-start;border-radius:1px 5px 5px 1px}.base-track>b{display:block;height:100%;transition:width .32s cubic-bezier(.2,.75,.3,1)}.base-track.ally>b{background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-water-foam))}.base-track.enemy>b{background:linear-gradient(90deg,var(--theme-status-damageLight),var(--theme-status-damage))}.duel-mark{color:var(--theme-landscape-stoneLight);font-size:8px;text-align:center}.base-score.heavy-hit{animation:base-damage-pulse .42s ease-out}.base-duel.base-alarm{animation:base-alarm .46s ease-out}.top-hud[data-quality=LOW] .base-track>b{transition-duration:.08s}.top-hud[data-quality=LOW] .base-score.heavy-hit,.top-hud[data-quality=LOW] .income>i.visible{animation:none}.top-hud[data-quality=LOW] .base-duel.base-alarm{animation-duration:.18s}@keyframes income-float{0%{opacity:0;transform:translateY(3px)}22%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@keyframes base-damage-pulse{0%,to{filter:none;box-shadow:none}25%{filter:brightness(1.7);box-shadow:inset 0 0 0 20px rgb(var(--theme-status-damage-rgb) / .24),0 0 10px rgb(var(--theme-status-damage-rgb) / .32);text-shadow:0 0 10px rgb(var(--theme-status-damage-rgb) / .8);transform:scale(1.06)}}@keyframes base-alarm{0%,to{border-color:rgb(var(--theme-water-foam-rgb) / .18);box-shadow:none}28%{border-color:rgb(var(--theme-status-damage-rgb) / .68);box-shadow:inset 0 0 18px rgb(var(--theme-enemy-dark-rgb) / .25),0 0 14px rgb(var(--theme-status-damage-rgb) / .26)}58%{border-color:rgb(var(--theme-effects-hit-rgb) / .45)}}.mission{position:absolute;z-index:4;left:max(10px,env(safe-area-inset-left));top:66px;width:248px;max-height:230px;padding:5px;overflow:visible;border-radius:13px;pointer-events:auto;transition:width .22s ease,max-height .25s ease,background .2s ease}.mission-toggle{display:grid;grid-template-columns:31px minmax(0,1fr) auto 24px;align-items:center;gap:7px;width:100%;min-height:42px;padding:3px 4px;border:0;border-radius:9px;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mission-toggle:hover,.mission-toggle:focus-visible{background:rgb(var(--theme-landscape-grass-rgb) / .17);outline:none}.mission-emblem{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--theme-water-foam);background:rgb(var(--theme-landscape-grass-rgb) / .22);font-size:16px}.mission-heading{min-width:0;text-align:left}.mission-heading small,.mission-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-heading small{color:var(--theme-status-positiveLight);font-size:7px;letter-spacing:.12em}.mission-heading small b{color:inherit}.mission-heading strong{margin-top:1px;font:700 13px/1.1 Georgia,serif}.mission-timer{display:flex;align-items:center;gap:3px;color:var(--theme-ui-textMuted);font-size:9px;white-space:nowrap}.mission-timer i{font-size:10px;font-style:normal}.mission-chevron{color:var(--theme-status-positiveLight);font-size:14px;transition:transform .2s ease}.mission:not(.collapsed) .mission-chevron{transform:rotate(180deg)}.mission .phase-progress{display:block;width:calc(100% - 8px);height:3px;margin:1px 4px 3px;overflow:hidden;border-radius:4px;background:var(--theme-ui-surface)}.mission .phase-progress>b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-status-goldLight),var(--theme-enemy-accent));transition:width .2s linear}.mission-content{max-height:150px;padding:3px 4px 4px;overflow:hidden;opacity:1;visibility:visible;transition:max-height .24s ease,padding .24s ease,opacity .18s ease,visibility .24s}.mission.collapsed{width:218px;max-height:54px}.mission.collapsed .mission-content{max-height:0;padding-block:0;opacity:0;visibility:hidden}.mission-objectives{display:grid;min-height:0;gap:4px;overflow:hidden}.mission-objectives article{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:41px;padding:4px 6px;border:1px solid rgb(var(--theme-status-positiveLight-rgb) / .12);border-radius:9px;background:rgb(var(--theme-ui-surface-rgb) / .48);transition:opacity .2s ease,border-color .2s ease,background .2s ease}.objective-check{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--theme-landscape-smoke);border-radius:50%;color:transparent;font-size:13px;transform:scale(.85);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .25s cubic-bezier(.2,1.4,.4,1)}.mission-objectives article>div{min-width:0}.mission-objectives article strong{display:block;overflow:hidden;color:var(--theme-ui-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mission-objectives article small{color:var(--theme-landscape-grassLight);font-size:8px}.mission-objectives article small b{color:var(--theme-landscape-mist)}.mission-objectives article>div>i{display:block;height:3px;margin-top:3px;overflow:hidden;border-radius:3px;background:var(--theme-ui-surface)}.mission-objectives article>div>i>b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-status-goldLight));transition:width .25s ease}.mission-objectives article>em{color:var(--theme-effects-hit);font-size:8px;font-style:normal;white-space:nowrap}.mission-objectives article.near-complete:not(.completed){border-color:rgb(var(--theme-status-warningLight-rgb) / .38);animation:objective-near-pulse 1.4s ease-in-out infinite}.mission-objectives article.completed{border-color:rgb(var(--theme-status-positiveLight-rgb) / .28);background:rgb(var(--theme-ui-raised-rgb) / .42);opacity:.74}.mission-objectives article.completed .objective-check{border-color:var(--theme-status-positiveLight);color:var(--theme-ui-surface);background:var(--theme-status-positiveLight);transform:scale(1)}.mission-objectives article.completed>div>i>b{background:var(--theme-status-positiveLight)}.mission-objectives article.completing{animation:objective-complete .52s ease-out}.mission-message{display:block;overflow:hidden;margin-top:5px;color:var(--theme-ui-textMuted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.mission-reward{position:absolute;top:calc(100% + 6px);left:5px;padding:6px 9px;border:1px solid rgb(var(--theme-status-goldLight-rgb) / .3);border-radius:8px;color:var(--theme-status-goldLight);background:rgb(var(--theme-ui-background-rgb) / .94);box-shadow:0 7px 20px rgb(var(--theme-ui-shadow-rgb) / .28);opacity:0;visibility:hidden;transform:translateY(-5px);font-size:10px;font-weight:800;pointer-events:none}.mission-reward.visible{animation:mission-reward-in 1.8s ease-out}.mission[data-quality=LOW] .mission-objectives article.near-complete{animation:none;border-color:rgb(var(--theme-status-warningLight-rgb) / .42)}.mission[data-quality=LOW] .mission-objectives article.completing{animation:none}.mission[data-quality=LOW] .mission-reward.visible{animation:none;opacity:1;visibility:visible;transform:none}@keyframes objective-near-pulse{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 0 1px rgb(var(--theme-status-warningLight-rgb) / .18),0 0 8px rgb(var(--theme-status-warningLight-rgb) / .12)}}@keyframes objective-complete{0%{transform:scale(1)}38%{border-color:var(--theme-status-positiveLight);transform:scale(1.025)}to{transform:scale(1)}}@keyframes mission-reward-in{0%{opacity:0;visibility:visible;transform:translateY(-5px)}12%,72%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-3px)}}.build-dock{position:absolute;z-index:5;right:max(8px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));display:flex;align-items:center;gap:6px;width:auto;max-width:1080px;min-height:54px;margin:0 auto;padding:5px;overflow:visible;border:1px solid rgb(var(--theme-ui-text-rgb) / .2);border-radius:15px;background:rgb(var(--theme-ui-deep-rgb) / .92);box-shadow:0 13px 38px rgb(var(--theme-ui-shadow-rgb) / .42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:width .24s ease,transform .24s ease;animation:build-bar-in .3s ease-out both}.build-tabs{display:flex;flex:0 0 auto;gap:3px;min-width:0;max-width:390px;opacity:1;transition:max-width .2s ease,opacity .15s ease}.tab,.build-card,.build-bar-toggle{min-height:44px;border:1px solid rgb(var(--theme-water-foam-rgb) / .15);border-radius:9px;background:var(--theme-ui-surface);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tab{padding:0 9px;color:var(--theme-ui-textMuted);font-size:10px;font-weight:700;white-space:nowrap}.tab.active{color:var(--theme-ui-text);border-color:var(--theme-status-positiveLight);background:var(--theme-ui-raised);box-shadow:inset 0 -2px var(--theme-status-positiveLight)}.build-card-strip{display:flex;min-width:0;max-width:100%;flex:1;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;opacity:1;transition:max-width .2s ease,opacity .15s ease}.build-card-strip::-webkit-scrollbar{display:none}.build-card{position:relative;display:flex;flex:0 0 154px;height:44px;align-items:center;gap:7px;padding:4px 7px;scroll-snap-align:start;color:var(--theme-ui-text);text-align:left;transition:border-color .16s ease,background .16s ease,opacity .16s ease,transform .16s ease}.build-card:hover{border-color:var(--theme-status-positive);background:var(--theme-ui-surface)}.build-card.filtered-out{display:none}.build-card.selected{border-color:var(--theme-water-foam);background:var(--theme-ui-raised);box-shadow:inset 0 0 0 1px rgb(var(--theme-water-foam-rgb) / .35),0 0 12px rgb(var(--theme-status-positiveLight-rgb) / .18)}.build-card.inspected:not(.selected){border-color:var(--theme-status-positiveLight);box-shadow:inset 0 0 0 1px rgb(var(--theme-status-positiveLight-rgb) / .2)}.build-card-copy{display:flex;min-width:0;flex:1;align-items:center;gap:5px}.build-card strong{min-width:0;flex:1;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.build-card small{display:grid;flex:0 0 19px;place-items:center;width:19px;height:19px;border-radius:6px;color:var(--theme-landscape-mist);background:rgb(var(--theme-status-positive-rgb) / .14);font-size:11px}.build-card b{display:flex;align-items:center;gap:2px;color:var(--theme-status-goldLight);font-size:11px;white-space:nowrap}.build-card b i{color:var(--theme-status-gold);font-size:7px;font-style:normal}.build-card .build-card-action{color:var(--theme-water-foam);font-size:9px}.card-icon{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--theme-ui-text);background:var(--theme-landscape-grassDark);font-size:18px}.build-card.unaffordable{border-color:rgb(var(--theme-status-damage-rgb) / .32);border-style:dashed;opacity:.72;filter:saturate(.65)}.build-card.unaffordable b{color:var(--theme-status-damageLight)}.build-card.locked{border-style:dotted;opacity:.38;filter:grayscale(.85)}.build-card.locked:after{content:"🔒";position:absolute;right:5px;top:3px;font-size:10px}.build-card.became-affordable{animation:affordable-pulse .65s ease-out}.build-bar-toggle{flex:0 0 44px;width:44px;padding:0;color:var(--theme-ui-text);font-size:18px}.build-bar-toggle:hover{border-color:var(--theme-status-positive);background:var(--theme-ui-surface)}.build-detail{position:absolute;right:0;bottom:calc(100% + 6px);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;width:min(600px,100%);min-height:54px;padding:7px 10px;border:1px solid rgb(var(--theme-water-foam-rgb) / .23);border-radius:12px;background:rgb(var(--theme-ui-background-rgb) / .95);box-shadow:0 11px 28px rgb(var(--theme-ui-shadow-rgb) / .34);opacity:0;visibility:hidden;transform:translateY(7px);pointer-events:none;transition:opacity .16s ease,transform .2s ease,visibility .2s}.build-detail.visible{opacity:1;visibility:visible;transform:translateY(0)}.build-detail-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--theme-ui-text);background:var(--theme-ui-raised);font-size:18px}.build-detail div{min-width:0}.build-detail small,.build-detail strong{display:block}.build-detail small{color:var(--theme-status-positiveLight);font-size:8px;letter-spacing:.12em}.build-detail strong{overflow:hidden;margin-top:1px;text-overflow:ellipsis;white-space:nowrap}.build-detail p{overflow:hidden;margin:2px 0 0;color:var(--theme-status-positiveLight);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.build-detail-stats{color:var(--theme-status-goldLight);font-size:10px;white-space:nowrap}.build-dock.collapsed{width:54px}.build-dock.collapsed .build-tabs,.build-dock.collapsed .build-card-strip{max-width:0;opacity:0;overflow:hidden}.build-dock.collapsed .build-detail{opacity:0;visibility:hidden;transform:translateY(7px)}.build-dock[data-quality=LOW],.build-dock[data-quality=LOW] .build-card.became-affordable{animation:none}@keyframes build-bar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes affordable-pulse{0%,to{transform:scale(1)}35%{border-color:var(--theme-ui-text);box-shadow:0 0 0 3px rgb(var(--theme-status-positiveLight-rgb) / .24),0 0 18px rgb(var(--theme-status-positiveLight-rgb) / .22);transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.build-dock,.build-card,.income>i.visible,.base-score.heavy-hit,.base-duel.base-alarm,.mission-reward.visible,.mission-objectives article,.selection-inspector{animation:none;transition-duration:.01ms}.game-intro *,.game-intro,.game-shell.intro-active .build-dock,.game-shell.intro-active .resource-group,.match-backdrop,.match-card,.match-unlock i b{transition-duration:.01ms}.mission-reward.visible{opacity:1;visibility:visible;transform:none}.base-track>b{transition:none}}.loading{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;background:radial-gradient(circle,var(--theme-ui-raised),var(--theme-ui-background) 70%);transition:opacity .35s ease,visibility .35s ease}.loading.hidden{opacity:0;visibility:hidden}.loading.error{color:var(--theme-status-damageLight)}.loading strong{font:700 30px Georgia,serif}.loading span{color:var(--theme-status-positiveLight);font-size:12px}.crest{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--theme-status-positiveLight);border-radius:50% 50% 42% 42%;color:var(--theme-ui-text);font:700 22px Georgia,serif}.loading-track{width:220px;height:5px;margin-top:10px;overflow:hidden;border-radius:5px;background:var(--theme-ui-surface)}.loading-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-status-goldLight));transition:width .15s}.landscape-hint{display:none}.game-controls{position:absolute;z-index:4;top:92px;right:max(14px,env(safe-area-inset-right));display:grid;gap:7px}.game-controls button{width:48px;height:48px;border:1px solid rgb(var(--theme-water-foam-rgb) / .25);border-radius:12px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-background-rgb) / .92);box-shadow:0 8px 24px rgb(var(--theme-ui-shadow-rgb) / .25);cursor:pointer}.camera-controls{position:absolute;z-index:4;left:max(12px,env(safe-area-inset-left));bottom:calc(72px + env(safe-area-inset-bottom));display:flex;gap:7px;padding:4px;border:1px solid rgb(var(--theme-water-foam-rgb) / .18);border-radius:14px;background:rgb(var(--theme-ui-background-rgb) / .76);box-shadow:0 8px 24px rgb(var(--theme-ui-shadow-rgb) / .22)}.camera-controls button{width:46px;height:46px;border:1px solid rgb(var(--theme-water-foam-rgb) / .3);border-radius:11px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-surface-rgb) / .94);font-size:19px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease;touch-action:manipulation}.camera-controls button:active{border-color:var(--theme-status-positiveLight);background:var(--theme-landscape-grassDark);transform:scale(.94)}.camera-controls button.important{border-color:rgb(var(--theme-status-warningLight-rgb) / .58);box-shadow:inset 0 0 0 1px rgb(var(--theme-status-warning-rgb) / .16)}.minimap{position:absolute;z-index:4;left:max(12px,env(safe-area-inset-left));bottom:calc(128px + env(safe-area-inset-bottom));width:174px;height:96px;padding:4px;overflow:hidden;border:1px solid rgb(var(--theme-water-foam-rgb) / .2);border-radius:12px;background:rgb(var(--theme-ui-background-rgb) / .82);box-shadow:0 8px 24px rgb(var(--theme-ui-shadow-rgb) / .22);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:width .18s ease,height .18s ease,opacity .18s ease}.minimap-heading{display:flex;height:18px;align-items:center;justify-content:space-between;padding-left:4px;color:var(--theme-ui-textMuted)}.minimap-heading strong{font-size:7px;letter-spacing:.12em}.minimap-heading button{display:grid;width:24px;height:18px;padding:0;place-items:center;border:0;border-radius:5px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-raised-rgb) / .72);font-size:14px;line-height:1;cursor:pointer;touch-action:manipulation}.minimap canvas{display:block;width:166px;height:70px;border-radius:7px;cursor:crosshair;touch-action:none}.minimap.collapsed{width:42px;height:28px;opacity:.82}.minimap.collapsed .minimap-heading{height:20px;padding:0}.minimap.collapsed .minimap-heading strong,.minimap.collapsed canvas{display:none}.minimap.collapsed .minimap-heading button{width:32px;margin:0 auto}.minimap[data-quality=LOW]{-webkit-backdrop-filter:none;backdrop-filter:none;transition-duration:.06s}.battle-notice{position:absolute;z-index:7;top:62px;left:50%;max-width:min(360px,calc(100% - 210px));padding:6px 11px;border:1px solid rgb(var(--theme-status-warningLight-rgb) / .34);border-radius:9px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-background-rgb) / .92);box-shadow:0 8px 22px rgb(var(--theme-ui-shadow-rgb) / .28);opacity:0;visibility:hidden;transform:translate(-50%,-5px);font-size:10px;font-weight:800;pointer-events:none}.battle-notice.visible{animation:battle-notice-in 2.2s ease-out}.battle-notice[data-quality=LOW].visible{opacity:1;visibility:visible;transform:translate(-50%);animation:none}@keyframes battle-notice-in{0%{opacity:0;visibility:visible;transform:translate(-50%,-5px)}12%,78%{opacity:1;visibility:visible;transform:translate(-50%)}to{opacity:0;visibility:hidden;transform:translate(-50%,-3px)}}.performance-badge{position:absolute;z-index:3;right:max(14px,env(safe-area-inset-right));top:307px;padding:6px 9px;border:1px solid rgb(var(--theme-water-foam-rgb) / .18);border-radius:8px;color:var(--theme-status-positiveLight);background:rgb(var(--theme-ui-background-rgb) / .82);font-size:9px;letter-spacing:.08em;pointer-events:none}.settings-panel{position:absolute;z-index:12;top:92px;right:76px;width:min(370px,calc(100% - 100px));padding:16px;border:1px solid rgb(var(--theme-water-foam-rgb) / .25);border-radius:16px;background:rgb(var(--theme-ui-deep-rgb) / .97);box-shadow:0 18px 55px rgb(var(--theme-ui-shadow-rgb) / .45);opacity:0;visibility:hidden;transform:translate(10px);transition:.18s ease}.settings-panel.visible{opacity:1;visibility:visible;transform:translate(0)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-heading small,.settings-heading strong{display:block}.settings-heading small{color:var(--theme-status-positiveLight);font-size:9px;letter-spacing:.14em}.settings-heading button{width:40px;height:40px;border:1px solid var(--theme-landscape-smoke);border-radius:10px;background:var(--theme-ui-surface);font-size:23px;cursor:pointer}.settings-panel>span{display:block;margin:10px 0 13px;color:var(--theme-status-positiveLight);font-size:12px;line-height:1.45}.quality-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quality-options button{min-height:44px;padding:0 7px;border:1px solid var(--theme-landscape-grassDark);border-radius:9px;color:var(--theme-landscape-mist);background:var(--theme-ui-surface);cursor:pointer}.quality-options button.active{border-color:var(--theme-status-positiveLight);color:var(--theme-ui-text);background:var(--theme-ui-raised)}.camera-framing-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:9px;padding:7px 10px;border:1px solid var(--theme-landscape-grassDark);border-radius:10px;color:var(--theme-ui-text);background:var(--theme-ui-background);text-align:left;cursor:pointer}.camera-framing-option span,.camera-framing-option strong,.camera-framing-option small{display:block}.camera-framing-option small{margin-top:2px;color:var(--theme-ui-textMuted);font-size:9px}.camera-framing-option>b{min-width:42px;padding:5px 7px;border-radius:7px;color:var(--theme-status-positiveLight);background:var(--theme-ui-surface);font-size:9px;text-align:center}.camera-framing-option[aria-pressed=true]{border-color:var(--theme-status-positive);background:var(--theme-ui-surface)}.camera-framing-option[aria-pressed=true]>b{color:var(--theme-ui-background);background:var(--theme-status-positiveLight)}.performance-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.performance-details span{padding:8px;border-radius:8px;color:var(--theme-ui-textMuted);background:var(--theme-ui-background);font-size:9px;text-align:center}.performance-details b{display:block;margin-top:2px;color:var(--theme-ui-text);font-size:11px}.performance-details b i{font-style:normal}.building-panel{position:absolute;z-index:4;right:max(14px,env(safe-area-inset-right));bottom:92px;display:flex;align-items:center;gap:8px;width:min(650px,calc(100% - 28px));padding:10px;border:1px solid rgb(var(--theme-water-foam-rgb) / .22);border-radius:15px;background:rgb(var(--theme-ui-background-rgb) / .95);opacity:0;visibility:hidden;transform:translateY(10px);transition:.18s ease}.building-panel.visible{opacity:1;visibility:visible;transform:translateY(0)}.building-panel div{flex:1;min-width:0}.building-panel small,.building-panel strong,.building-panel span{display:block}.building-panel small{color:var(--theme-status-positiveLight);font-size:9px;letter-spacing:.12em}.building-panel span{color:var(--theme-status-positiveLight);font-size:11px}.building-panel .building-values{margin-top:2px;color:var(--theme-ui-textMuted);font-size:9px}.building-panel.upgrading{border-color:rgb(var(--theme-effects-magic-rgb) / .48);box-shadow:inset 0 0 16px rgb(var(--theme-effects-magicDark-rgb) / .16),0 12px 34px rgb(var(--theme-ui-shadow-rgb) / .3)}.building-panel.upgrading .spawn-progress b{background:linear-gradient(90deg,var(--theme-effects-magic),var(--theme-status-goldLight))}.building-panel.upgrade-complete{animation:building-upgrade-complete .58s ease-out}.spawn-progress-label{display:none!important;margin-top:4px}.spawn-progress-label.visible{display:block!important}.spawn-progress{display:none;width:100%;height:4px;margin-top:3px;overflow:hidden;border-radius:4px;background:var(--theme-ui-surface)}.spawn-progress.visible{display:block}.spawn-progress b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-status-goldLight));transition:width .1s linear}.building-panel button{min-height:46px;padding:0 13px;border:1px solid var(--theme-landscape-smoke);border-radius:10px;background:var(--theme-ui-surface);cursor:pointer}.building-panel button:first-of-type{border-color:var(--theme-status-positive)}.building-panel button#repair-building{border-color:var(--theme-player-accent)}.building-panel button b{display:block;color:var(--theme-status-goldLight);font-size:10px}.building-panel button:disabled{opacity:.45;cursor:not-allowed}.building-panel .tower-priority{display:none;border-color:var(--theme-enemy-light)}.building-panel .tower-priority.visible{display:block}@keyframes building-upgrade-complete{0%,to{transform:translateY(0)}35%{border-color:var(--theme-status-goldLight);box-shadow:0 0 18px rgb(var(--theme-status-goldLight-rgb) / .25);transform:translateY(-2px)}}.building-panel[data-quality=LOW].upgrade-complete{animation:none}.selection-inspector{position:absolute;z-index:5;right:max(14px,env(safe-area-inset-right));bottom:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:9px;width:min(360px,calc(100% - 28px));padding:9px;border:1px solid rgb(var(--theme-player-light-rgb) / .3);border-radius:14px;background:rgb(var(--theme-ui-background-rgb) / .95);box-shadow:0 12px 34px rgb(var(--theme-ui-shadow-rgb) / .36);opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .18s ease,visibility .18s,transform .2s ease}.selection-inspector.visible{opacity:1;visibility:visible;transform:translateY(0)}.selection-inspector.enemy{border-color:rgb(var(--theme-enemy-accent-rgb) / .38)}.selection-inspector-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--theme-ui-text);background:rgb(var(--theme-water-primary-rgb) / .28);font-size:19px}.selection-inspector.enemy .selection-inspector-icon{color:var(--theme-effects-flash);background:rgb(var(--theme-enemy-dark-rgb) / .3)}.selection-inspector>div{min-width:0}.selection-inspector small,.selection-inspector strong,.selection-inspector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-inspector small{color:var(--theme-player-light);font-size:8px;letter-spacing:.12em}.selection-inspector.enemy small{color:var(--theme-status-damageLight)}.selection-inspector strong{margin-top:1px;font:700 15px Georgia,serif}.selection-inspector span{color:var(--theme-landscape-mist);font-size:9px}.selection-inspector>div>i{display:block;height:4px;margin:4px 0;overflow:hidden;border-radius:4px;background:var(--theme-ui-surface)}.selection-inspector>div>i>b{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-status-positiveLight));transition:width .2s ease}.selection-inspector.enemy>div>i>b{background:linear-gradient(90deg,var(--theme-status-damage),var(--theme-enemy-accent))}.selection-inspector>button{width:38px;height:38px;padding:0;border:1px solid var(--theme-landscape-smoke);border-radius:9px;color:var(--theme-ui-text);background:var(--theme-ui-surface);font-size:20px;cursor:pointer}.help-overlay{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:20px;color:var(--theme-ui-text);background:rgb(var(--theme-ui-deep-rgb) / .78);opacity:0;visibility:hidden;transition:.2s ease}.help-overlay.visible{opacity:1;visibility:visible}.help-overlay>section{width:min(680px,100%);padding:22px;border:1px solid rgb(var(--theme-water-foam-rgb) / .3);border-radius:18px;background:linear-gradient(180deg,var(--theme-ui-surface),var(--theme-ui-background));box-shadow:0 24px 70px rgb(var(--theme-ui-shadow-rgb) / .55)}.help-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.help-heading small,.help-heading strong{display:block}.help-heading small{color:var(--theme-status-positiveLight);font-size:9px;letter-spacing:.16em}.help-heading strong{margin-top:3px;font:700 25px Georgia,serif}.help-heading button{width:42px;height:42px;border:1px solid var(--theme-landscape-smoke);border-radius:10px;background:var(--theme-ui-surface);font-size:23px;cursor:pointer}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.help-grid article{display:flex;gap:11px;padding:13px;border-radius:11px;background:rgb(var(--theme-ui-raised-rgb) / .52)}.help-grid article>b{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--theme-ui-background);background:var(--theme-status-positiveLight)}.help-grid strong,.help-grid span{display:block}.help-grid span{margin-top:4px;color:var(--theme-landscape-mist);font-size:11px;line-height:1.4}.help-overlay p{color:var(--theme-ui-textMuted);font-size:11px;text-align:center}.help-overlay kbd{padding:3px 6px;border:1px solid var(--theme-landscape-smoke);border-radius:5px;color:var(--theme-ui-text);background:var(--theme-ui-surface)}.help-confirm{display:block;min-width:150px;min-height:44px;margin:15px auto 0;border:1px solid var(--theme-status-positiveLight);border-radius:10px;color:var(--theme-ui-background);background:var(--theme-status-positiveLight);font-weight:800;cursor:pointer}.match-overlay{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:18px;color:var(--theme-ui-text);visibility:hidden;pointer-events:none}.match-overlay.ending{visibility:visible}.match-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--theme-ui-deep-rgb) / .18),rgb(var(--theme-ui-background-rgb) / .48));opacity:0;transition:opacity .8s ease}.match-overlay.ending .match-backdrop{opacity:1}.match-overlay.visible{pointer-events:auto}.match-overlay.visible .match-backdrop{opacity:.88;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.match-card{position:relative;display:grid;justify-items:stretch;gap:9px;width:min(760px,100%);max-height:calc(100dvh - 28px);padding:18px;overflow:auto;border:1px solid rgb(var(--theme-water-foam-rgb) / .25);border-radius:20px;background:linear-gradient(180deg,rgb(var(--theme-ui-surface-rgb) / .94),rgb(var(--theme-ui-background-rgb) / .96));box-shadow:0 24px 80px rgb(var(--theme-ui-shadow-rgb) / .48);opacity:0;transform:translateY(18px) scale(.985);transition:opacity .36s ease,transform .42s ease}.match-overlay.visible .match-card{opacity:1;transform:none}.match-overlay[data-quality=LOW] .match-backdrop{transition-duration:.15s}.match-overlay[data-quality=LOW].visible .match-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.match-overlay[data-quality=LOW] .match-card,.match-overlay[data-quality=LOW] .match-unlock i b{transition-duration:.15s;transition-delay:0s}.match-card>header{display:grid;justify-items:center;text-align:center}.match-card>header>small{color:var(--theme-status-positiveLight);font-size:10px;font-weight:800;letter-spacing:.2em}.match-card>header>strong{margin-top:1px;font:700 clamp(38px,6vw,58px)/.95 Georgia,serif;text-shadow:0 7px 28px rgb(var(--theme-ui-shadow-rgb) / .48)}.match-overlay.defeat .match-card>header>strong{color:var(--theme-status-damageLight)}.match-card>header>span{color:var(--theme-landscape-mist);font-size:13px}.match-stars{color:var(--theme-status-goldLight);font-size:25px;letter-spacing:.12em;text-shadow:0 3px 18px rgb(var(--theme-status-warningLight-rgb) / .28)}.match-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.match-stats article{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;min-height:54px;padding:7px 9px;border:1px solid rgb(var(--theme-water-foam-rgb) / .13);border-radius:10px;background:rgb(var(--theme-ui-deep-rgb) / .42);text-align:left}.match-stats article>span{grid-row:1 / 3;color:var(--theme-status-positiveLight);font-size:18px}.match-stats small{color:var(--theme-ui-textMuted);font-size:10px}.match-stats b{color:var(--theme-ui-text);font-size:17px}.match-unlock{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgb(var(--theme-status-goldLight-rgb) / .25);border-radius:11px;background:rgb(var(--theme-landscape-woodDark-rgb) / .34)}.unlock-emblem{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgb(var(--theme-status-goldLight-rgb) / .4);border-radius:50%;color:var(--theme-status-goldLight);background:rgb(var(--theme-ui-background-rgb) / .65);font-size:21px}.match-unlock>div{min-width:0}.match-unlock small,.match-unlock strong{display:block}.match-unlock small{color:var(--theme-status-goldLight);font-size:8px;letter-spacing:.14em}.match-unlock strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.match-unlock i{display:block;height:5px;margin-top:4px;overflow:hidden;border-radius:5px;background:var(--theme-ui-surface)}.match-unlock i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme-status-positive),var(--theme-status-goldLight));transition:width .7s ease .2s}.match-unlock>b{color:var(--theme-status-goldLight);font-size:11px;white-space:nowrap}.match-unlock.complete{box-shadow:inset 0 0 18px rgb(var(--theme-status-goldLight-rgb) / .1)}.match-record{min-height:14px;color:var(--theme-status-goldLight);font-size:11px;text-align:center}.match-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.match-actions button{min-height:48px;margin:0;border-radius:11px;color:var(--theme-ui-text);font-size:13px;font-weight:800;cursor:pointer;touch-action:manipulation}.match-actions .primary{border:1px solid var(--theme-status-positiveLight);color:var(--theme-ui-background);background:var(--theme-status-positiveLight)}.match-actions .secondary{border:1px solid rgb(var(--theme-water-foam-rgb) / .28);background:var(--theme-ui-surface)}.placement-actions{position:absolute;z-index:4;left:50%;bottom:88px;transform:translate(-50%,12px);display:flex;align-items:center;gap:12px;width:min(560px,calc(100% - 28px));padding:10px;border:1px solid rgb(var(--theme-ui-text-rgb) / .24);border-radius:15px;background:rgb(var(--theme-ui-background-rgb) / .94);box-shadow:0 14px 40px rgb(var(--theme-ui-shadow-rgb) / .4);opacity:0;visibility:hidden;transition:.18s ease}.placement-actions.visible{transform:translate(-50%);opacity:1;visibility:visible}.placement-actions>.placement-copy{min-width:0;flex:1}.placement-actions strong,.placement-actions span{display:block}.placement-actions span{margin-top:2px;color:var(--theme-status-positiveLight);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placement-impact{display:flex;gap:5px;margin-top:5px}.placement-impact span{width:max-content;margin:0;padding:3px 6px;border:1px solid rgb(var(--theme-status-positiveLight-rgb) / .2);border-radius:6px;color:var(--theme-landscape-mist);background:rgb(var(--theme-ui-raised-rgb) / .5);font-size:8px}.placement-impact span.warning{border-color:rgb(var(--theme-enemy-accent-rgb) / .4);color:var(--theme-status-damageLight);background:rgb(var(--theme-enemy-dark-rgb) / .5)}.placement-impact span.attackable{border-color:rgb(var(--theme-status-warningLight-rgb) / .42);color:var(--theme-status-goldLight);background:rgb(var(--theme-landscape-woodDark-rgb) / .52)}.placement-actions button{min-width:104px;min-height:46px;border-radius:10px;cursor:pointer}.cancel-build{border:1px solid var(--theme-status-locked);background:var(--theme-ui-surface)}.confirm-build{border:1px solid var(--theme-status-positiveLight);color:var(--theme-ui-background);background:linear-gradient(var(--theme-water-foam),var(--theme-status-positive));font-weight:800}.confirm-build:disabled{border-color:var(--theme-landscape-smoke);color:var(--theme-ui-border);background:var(--theme-ui-surface);cursor:not-allowed}@media(max-width:900px){.intro-briefing{width:min(540px,calc(100% - 90px))}.intro-briefing h2{font-size:30px}.intro-objectives{margin-top:9px}.intro-resources{margin-top:8px}.intro-skip{right:max(9px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom))}.start-menu{gap:4px;padding:14px}.start-menu .crest{width:48px;height:48px;font-size:17px}.start-menu h1{font-size:32px}.start-menu>p{margin-bottom:5px;font-size:11px}.difficulty-options{grid-template-columns:repeat(3,1fr);gap:7px}.difficulty-options button{min-height:94px;padding:12px 8px}.difficulty-options strong{font-size:16px}.difficulty-options span{font-size:9px}.online-button{min-height:42px}.multiplayer-lobby>section{gap:5px;max-height:calc(100dvh - 18px);padding:10px 18px}.lobby-emblem{width:36px;height:36px;font-size:13px}.multiplayer-lobby section>strong{font-size:24px}.multiplayer-lobby section>span{min-height:16px;font-size:10px}.multiplayer-lobby label{margin-top:2px}.invite-row input,.invite-row button{height:40px;min-height:40px}.lobby-players{margin:3px 0}.lobby-cancel{min-height:38px}.resource-group,.army-count,.base-duel,.mission,.build-dock,.placement-actions{-webkit-backdrop-filter:none;backdrop-filter:none}.top-hud{grid-template-columns:minmax(125px,.7fr) minmax(250px,1.7fr) minmax(88px,.5fr);gap:4px;height:40px}.resource-group,.army-count{gap:4px;padding:3px 6px}.hud-icon{flex-basis:26px;width:26px;height:26px}.resource-value{min-width:31px}.resource-value strong{font-size:15px}.income{min-width:47px;padding-left:5px}.base-duel{grid-template-columns:minmax(58px,auto) minmax(110px,1fr) minmax(58px,auto);gap:4px;padding:3px 6px}.base-score strong{font-size:12px}.mission{top:54px;width:220px;max-width:220px;padding:4px}.mission.collapsed{width:202px}.mission-toggle{min-height:42px}.game-controls{top:54px;grid-template-columns:repeat(2,48px)}.performance-badge{top:164px}.settings-panel{top:60px;right:72px;width:min(430px,calc(100% - 90px));padding:14px}.mission strong{font-size:15px}.build-dock{right:max(5px,env(safe-area-inset-right));left:max(5px,env(safe-area-inset-left));gap:4px;padding:4px}.build-tabs{max-width:354px;gap:2px}.tab{min-width:0;min-height:46px;padding:0 7px;font-size:9px}.build-card{flex-basis:140px;height:46px}.build-card strong{font-size:10px}.build-detail{grid-template-columns:36px minmax(0,1fr);width:100%}.build-detail-stats{display:none}.placement-actions{bottom:72px}.placement-actions button{min-width:86px}.building-panel{right:12px;bottom:72px;max-width:560px}.selection-inspector{right:max(8px,env(safe-area-inset-right));bottom:68px;width:min(330px,calc(100% - 16px));padding:7px}.help-overlay>section{padding:15px}.help-grid{grid-template-columns:repeat(2,1fr);margin:10px 0}.help-grid article{padding:9px}.help-heading strong{font-size:19px}.match-overlay{padding:7px max(9px,env(safe-area-inset-right)) 7px max(9px,env(safe-area-inset-left))}.match-card{gap:6px;max-height:calc(100dvh - 10px);padding:10px 12px;border-radius:15px}.match-card>header>strong{font-size:34px}.match-card>header>span{font-size:11px}.match-stars{font-size:20px}.match-stats{gap:5px}.match-stats article{min-height:46px;padding:4px 7px}.match-stats small{font-size:9px}.match-stats b{font-size:14px}.match-unlock{padding:5px 8px}.match-actions button{min-height:48px;font-size:12px}}@media(max-width:720px){.top-hud{grid-template-columns:118px minmax(210px,1fr) 78px;width:calc(100% - 12px - env(safe-area-inset-left) - env(safe-area-inset-right))}.resource-value small,.income small,.army-count small,.base-score span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.resource-group{padding-inline:5px}.army-count{justify-content:center;padding-inline:4px}.army-count .hud-icon{flex-basis:23px;width:23px;height:23px}.base-duel{grid-template-columns:48px minmax(105px,1fr) 48px}.base-score strong{margin-top:0;font-size:11px}}@media(orientation:portrait)and (max-width:700px){.landscape-hint{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:40px;text-align:center;color:var(--theme-ui-text);background:var(--theme-ui-background)}}