: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:158px;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) + 52px);width:min(318px, calc(100% - var(--safe-left) - var(--safe-right) - 104px));color:#34413a;filter:drop-shadow(0 10px 16px #1927202e);background:url(/ui/economy-hud-frame.png) 50%/100% 210% no-repeat;min-width:244px;min-height:70px;padding:15px 34px 12px;position:absolute;left:50%;transform:translate(-50%)}.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);filter:drop-shadow(0 14px 22px #080f0b40);background:url(/ui/action-rail-chassis.png) 50%/140% 120% no-repeat;border-radius:23px;gap:6px;width:65px;min-height:196px;padding:17px 10px;display:grid;position:absolute}.action-rail button{color:#aeb8b2;background:0 0;border-radius:12px;place-items:center;width:44px;height:37px;display:grid;position:relative}.action-rail button svg{width:26px;height:26px}.action-rail button:first-child svg{transform:translateY(1px)}.action-rail button:nth-child(4) svg{transform:translateY(8px)}.action-rail button:nth-child(3){color:#b9eb48}.action-rail button:nth-child(4){color:#e6ece8}.action-rail button:active{transform:scale(.94)}.bottom-dock{left:50%;bottom:calc(var(--safe-bottom) + 10px);width:min(500px, calc(100% - var(--safe-left) - var(--safe-right) - 26px));filter:drop-shadow(0 18px 26px #080d0a4d);background:url(/ui/bottom-dock-chassis.png) 50%/100% 230% no-repeat;border-radius:27px;grid-template-columns:repeat(5,1fr);align-items:end;height:84px;padding:9px 15px 8px;display:grid;position:absolute;transform:translate(-50%)}.bottom-dock>button{color:#aeb8b2;background:0 0;border-radius:14px;place-items:center;min-width:0;height:66px;padding:0;display:grid;position:relative}.bottom-dock>button>svg{filter:drop-shadow(0 2px 2px #00000047);width:31px;height:31px}.bottom-dock>button.active{color:#edffd0}.bottom-dock .battle-action{color:#fff;background:linear-gradient(145deg,#bff34f,#86c820);border-radius:19px;place-self:center;width:calc(100% - 8px);height:68px;margin:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -4px #305b0a3d,0 6px 13px #05090747}.bottom-dock .battle-action>svg{filter:drop-shadow(0 2px 2px #1c3a0740);width:35px;height:35px}.building-panel{--accent:var(--lime);left:50%;bottom:calc(var(--safe-bottom) + 86px);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:156px}.economy-hub{top:calc(var(--safe-top) + 50px);width:min(294px, calc(100% - var(--safe-left) - var(--safe-right) - 78px));min-width:244px;padding-inline:31px}.economy-details{gap:12px}.action-rail{right:calc(var(--safe-right) + 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:132px}.economy-hub{top:calc(var(--safe-top) + 42px)}.action-rail{grid-template-columns:repeat(2,38px)}.action-rail button{width:38px;height:38px}.building-panel{min-height:84px}.bottom-dock{height:76px;padding-block:7px 6px}.bottom-dock>button{height:61px}.bottom-dock .battle-action{height:62px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}