:root{color:#15201b;font-synthesis:none;text-rendering:optimizelegibility;--lime:#b9eb48;--ink:#15201b;--muted:#7c8a83;--paper:#fafbf6f0;--safe-top:max(env(safe-area-inset-top,0px), var(--telegram-safe-top,0px), var(--tg-safe-area-inset-top,0px), var(--tg-content-safe-area-inset-top,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--telegram-safe-right,0px), var(--tg-safe-area-inset-right,0px), var(--tg-content-safe-area-inset-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--telegram-safe-bottom,0px), var(--tg-safe-area-inset-bottom,0px), var(--tg-content-safe-area-inset-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--telegram-safe-left,0px), var(--tg-safe-area-inset-left,0px), var(--tg-content-safe-area-inset-left,0px));--telegram-control-lane:72px;background:#a8c8b4;font-family:SF Pro Display,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;outline:none}html,body,#root{width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#a8c8b4}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;border:0}button:disabled{cursor:default}canvas{touch-action:none}.game-shell{width:100%;height:var(--tg-viewport-stable-height,100dvh);isolation:isolate;touch-action:none;background:#aecdb9;position:relative;overflow:hidden}.scene,.atmosphere{position:absolute;inset:0}.atmosphere{pointer-events:none;background:linear-gradient(#e9f5ee21,#0000 32% 66%,#1e332821)}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.economy-hub,.action-rail,.building-panel,.bottom-dock{pointer-events:auto}.economy-hub{top:calc(var(--safe-top) + 14px);width:min(298px, calc(100% - var(--safe-left) - var(--safe-right) - 116px));color:#34413a;background:var(--paper);-webkit-backdrop-filter:blur(18px)saturate(1.1);border-radius:24px;min-width:226px;padding:9px 16px 8px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #20382b24}.economy-main{justify-content:center;align-items:center;gap:7px;line-height:1;display:flex}.economy-main strong{letter-spacing:-.03em;font-size:17px;font-weight:790}.economy-icon{color:#efb946;place-items:center;display:grid}.economy-rate{color:#6098c2;align-items:center;gap:2px;font-size:10px;font-weight:720;display:inline-flex}.economy-details{color:#879087;justify-content:center;gap:17px;margin-top:7px;font-size:10px;font-weight:680;display:flex}.economy-details span{align-items:center;gap:4px;display:inline-flex}.economy-details span:first-child svg{color:#ef7180}.economy-details span:nth-child(2) svg{color:#8a69da}.economy-details span:nth-child(3) svg{color:#ef9d55}.action-rail{top:calc(var(--safe-top) + var(--telegram-control-lane));right:calc(var(--safe-right) + 12px);-webkit-backdrop-filter:blur(16px);background:#f9fbf7c2;border-radius:25px;gap:8px;padding:8px;display:grid;position:absolute;box-shadow:0 13px 30px #233b2f1f}.action-rail button{color:#6d7771;background:#ffffff9e;border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.action-rail button:nth-child(3){color:#4e73d4}.action-rail button:nth-child(4){color:#8d60df}.action-rail button:active{transform:scale(.94)}.status-chip{top:calc(var(--safe-top) + var(--telegram-control-lane) + 8px);left:calc(var(--safe-left) + 12px);color:#21362ca6;letter-spacing:.13em;background:#f6f9f4b0;border-radius:13px;align-items:center;gap:7px;padding:7px 10px;font-size:7px;font-weight:820;display:flex;position:absolute;box-shadow:0 8px 22px #233b2f14}.status-chip span{background:#80bd42;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #80bd4273}.bottom-dock{left:50%;bottom:calc(var(--safe-bottom) + 10px);width:min(520px, calc(100% - var(--safe-left) - var(--safe-right) - 18px));-webkit-backdrop-filter:blur(20px)saturate(1.08);background:#0d110ff5;border-radius:28px;grid-template-columns:repeat(5,1fr);align-items:end;height:78px;padding:9px 7px 7px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 18px 44px #080d0a4d}.bottom-dock>button{color:#747d78;background:0 0;border-radius:18px;align-content:center;place-items:center;gap:4px;height:58px;display:grid}.bottom-dock>button>span{font-size:9px;font-weight:680}.bottom-dock>button.active{color:#eff5ec;background:#242b27}.bottom-dock .battle-action{color:#26352d;align-self:end;height:76px;margin-top:-20px}.battle-action>span{color:#30401f;background:var(--lime);border-radius:18px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 22px #779d263d}.bottom-dock .battle-action small{font-size:8px;font-weight:760}.building-panel{--accent:var(--lime);left:50%;bottom:calc(var(--safe-bottom) + 80px);width:min(486px, calc(100% - var(--safe-left) - var(--safe-right) - 26px));min-height:96px;color:var(--ink);background:var(--paper);-webkit-backdrop-filter:blur(20px)saturate(1.08);border-radius:27px 27px 12px 12px;grid-template-columns:82px minmax(104px,1fr) 106px;align-items:center;gap:12px;padding:10px 12px;animation:.26s cubic-bezier(.2,.86,.25,1) panel-rise;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 -9px 34px #233a2e24}.building-close{color:#6c7770;background:#f9fbf7f0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-7px;right:-4px;box-shadow:0 7px 16px #233a2e24}.building-preview{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 76%, #58685f), #34443d);border-radius:20px;place-items:center;height:74px;display:grid;position:relative;overflow:hidden}.building-preview.headquarters{background:linear-gradient(#1c2c2414,#1c2c2459),url(/models/hq_level_1_preview.png) 50%/cover,#6e8276}.building-preview>span{letter-spacing:.05em;text-shadow:0 2px 8px #00000047;font-size:15px;font-weight:900}.building-preview>small{color:#2c3b34;background:#ffffffd6;border-radius:7px;padding:4px 6px;font-size:7px;font-weight:850;position:absolute;bottom:6px;left:7px}.building-info{min-width:0}.building-info small,.building-info strong,.building-info span{display:block}.building-info small{color:#77827c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.building-info strong{letter-spacing:-.025em;margin-top:6px;font-size:16px;font-weight:780}.building-info span{color:#98a19c;margin-top:4px;font-size:8px}.upgrade-action{color:#26351e;background:var(--accent);min-height:72px;box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:20px;align-content:center;place-items:center;gap:3px;padding:8px;display:grid}.upgrade-action span{font-size:10px;font-weight:820}.upgrade-action small{opacity:.62;font-size:8px;font-weight:680}.upgrade-action:disabled{filter:saturate(.55);opacity:.7}.splash,.error-screen{text-align:center;color:#f5f8f2;background:radial-gradient(circle at 50% 35%,#315341,#0b1a13 72%);place-items:center;width:100%;height:100%;display:grid}.splash h1{letter-spacing:.19em;margin:20px 0 5px;font-size:21px}.splash p,.error-screen p{color:#a9bbb0;font-size:12px}.logo-orbit{background:#b9eb481a;border-radius:26px;place-items:center;width:80px;height:80px;animation:1.8s ease-in-out infinite pulse;display:grid}.logo-orbit span{color:#25351d;background:var(--lime);border-radius:19px;place-items:center;width:55px;height:55px;font-size:27px;font-weight:950;display:grid}.error-screen button{color:#25351d;background:var(--lime);border-radius:14px;margin-top:12px;padding:11px 20px;font-weight:800}.toast{left:50%;bottom:calc(var(--safe-bottom) + 190px);color:#fff;background:#9d3b35eb;border-radius:14px;padding:10px 16px;font-size:11px;position:absolute;transform:translate(-50%)}@keyframes panel-rise{0%{opacity:0;transform:translate(-50%,18px)scale(.98)}}@keyframes pulse{50%{transform:scale(1.035);box-shadow:0 0 36px #bde94d1f}}@media (max-width:520px){:root{--telegram-control-lane:78px}.economy-hub{top:calc(var(--safe-top) + 12px);width:min(264px, calc(100% - var(--safe-left) - var(--safe-right) - 86px));padding-inline:12px}.economy-details{gap:12px}.action-rail{right:calc(var(--safe-right) + 8px)}.status-chip{left:calc(var(--safe-left) + 8px)}.building-panel{width:calc(100% - var(--safe-left) - var(--safe-right) - 18px);grid-template-columns:72px minmax(82px,1fr) 92px;gap:9px;padding:9px}.building-preview{height:70px}.building-info strong{font-size:14px}.upgrade-action{min-height:68px}}@media (max-height:700px){:root{--telegram-control-lane:66px}.action-rail{grid-template-columns:repeat(2,38px)}.action-rail button{width:38px;height:38px}.building-panel{min-height:84px}.bottom-dock{height:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}