:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4fff1;background:#102016;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%,#325f52,#101b15);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}.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%,#36664afa,#07110b 72%);transition:opacity .25s ease,visibility .25s ease}.start-menu.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-menu>small{color:#88d99a;font-size:10px;letter-spacing:.2em}.start-menu h1{margin:0;font:700 clamp(38px,7vw,72px) Georgia,serif;color:#efffe7;text-shadow:0 8px 32px rgba(0,0,0,.38)}.start-menu>p{max-width:600px;margin:0 0 12px;color:#b7c8ba;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 rgba(183,235,176,.25);border-radius:15px;color:#eaffdf;background:linear-gradient(180deg,#1a3926f5,#0b1f13f5);box-shadow:0 14px 35px #00000042;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.difficulty-options button:hover{transform:translateY(-3px);border-color:#85dc8c}.difficulty-options button.recommended{border-color:#8ce493;box-shadow:0 0 0 1px #89eb8f2e,0 14px 35px #0000004d}.difficulty-options button>small{position:absolute;top:7px;right:8px;color:#98eaa0;font-size:8px;letter-spacing:.12em}.difficulty-options strong{font:700 21px Georgia,serif}.difficulty-options span{color:#9fb1a2;font-size:11px}.difficulty-options b{margin-top:5px;color:#ffd363;font-size:10px}.help-link{min-height:38px;padding:0 18px;border:1px solid rgba(183,235,176,.35);border-radius:10px;color:#cce8cd;background:#0f2718cc;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 #78db91;border-radius:12px;color:#efffe8;background:linear-gradient(135deg,#285f3b,#173d29);box-shadow:0 9px 28px #00000040;cursor:pointer}.online-button:hover{border-color:#b3f3a9;transform:translateY(-1px)}.online-button strong,.online-button span{display:block}.online-button span{color:#a9cbb0;font-size:10px}.multiplayer-lobby{position:absolute;z-index:45;inset:0;display:grid;place-items:center;padding:18px;color:#efffe8;background:radial-gradient(circle at 50% 25%,#265638f7,#040d08fa 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 rgba(174,236,168,.28);border-radius:22px;background:linear-gradient(180deg,#13331ffa,#08190ffa);box-shadow:0 30px 80px #0000008c}.lobby-emblem{display:grid;place-items:center;width:58px;height:58px;border:2px solid #9ee78f;border-radius:50% 50% 42% 42%;color:#d9ffba;font:700 19px Georgia,serif}.multiplayer-lobby section>small{color:#7edb96;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:#b6c8b8;font-size:12px;text-align:center}.multiplayer-lobby.error section>span{color:#ff9b9b}.multiplayer-lobby label{justify-self:start;margin-top:8px;color:#83b98d;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 #476851;border-radius:10px;color:#dff5de;background:#0b1d12;outline:none}.invite-row input:focus{border-color:#8fe698}.invite-row button,.lobby-cancel{min-height:48px;padding:0 18px;border-radius:10px;cursor:pointer}.invite-row button{border:1px solid #91e386;color:#102015;background:#8ce18b;font-weight:800}.lobby-cancel{min-width:130px;border:1px solid #4e6a55;color:#bfd0c1;background:#14291b}.lobby-players{display:flex;align-items:center;gap:7px;margin:9px 0;color:#a9bbaa;font-size:11px}.lobby-players i{width:12px;height:12px;border:2px solid #6d8772;border-radius:50%;background:#213629}.lobby-players i:first-child,.lobby-players.ready i{border-color:#a6eb9c;background:#68c97a;box-shadow:0 0 12px #68c97a80}.hud{position:absolute;z-index:2;pointer-events:none}.top-hud{top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:8px;width:min(920px,calc(100% - 28px))}.resource,.income,.army-count,.health,.mission{border:1px solid rgba(198,255,186,.24);background:linear-gradient(180deg,#122b1feb,#091610e0);box-shadow:0 12px 30px #00000040,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resource,.income,.army-count{min-width:92px;padding:9px 14px;border-radius:12px}.resource span,.income span,.army-count span,.health span{display:block;color:#a9c4ae;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.resource strong{color:#ffd363;font-size:20px}.income strong{color:#a8ff9a;font-size:14px}.army-count strong{color:#b8dcff;font-size:18px}.health{flex:1;min-width:150px;padding:8px 12px;border-radius:12px;position:relative}.health i{display:block;height:7px;margin-top:6px;overflow:hidden;border-radius:10px;background:#1b241e}.health i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#46bc7b,#9af59a)}.health.enemy i b{background:linear-gradient(90deg,#d34162,#ff7b78)}.health strong{position:absolute;top:7px;right:11px;font-size:12px}.mission{position:absolute;z-index:2;left:max(14px,env(safe-area-inset-left));top:92px;max-width:260px;padding:13px 16px;border-radius:14px;pointer-events:none}.mission small{display:block;color:#83dda0;font-size:9px;letter-spacing:.14em}.mission small span{display:inline;color:inherit;font-size:inherit}.mission strong{display:block;margin:3px 0;font-family:Georgia,serif;font-size:18px}.mission span{color:#bed0c0;font-size:12px}.mission .phase-progress{display:block;width:100%;height:4px;margin:7px 0;overflow:hidden;border-radius:4px;background:#27382c}.mission .phase-progress b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62ce79,#e5d96b,#e86f66);transition:width .2s linear}.mission-objectives{display:grid;gap:3px;margin:7px 0}.mission-objectives span{display:flex;justify-content:space-between;gap:12px;color:#9eaea1;font-size:10px}.mission-objectives span.completed{color:#8ae59a}.mission-objectives b{color:#dce8dd;font-weight:700;white-space:nowrap}.build-dock{position:absolute;z-index:3;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:stretch;gap:8px;width:min(1040px,calc(100% - 24px));padding:8px;overflow-x:auto;border:1px solid rgba(211,255,197,.2);border-radius:18px;background:#091710e6;box-shadow:0 16px 45px #0000006b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none}.build-dock::-webkit-scrollbar{display:none}.tab,.build-card{min-height:52px;border:1px solid rgba(188,233,181,.15);border-radius:11px;background:#142b1e;cursor:pointer}.tab{padding:0 14px;color:#97ad9a}.tab.active{color:#edffe6;border-color:#72c67b;background:#21462d}.build-card{display:flex;flex:1 0 215px;align-items:center;gap:10px;padding:7px 11px;text-align:left}.build-card:hover{border-color:#70b879;background:#1b3825}.build-card:disabled{opacity:.46;cursor:not-allowed;filter:saturate(.55)}.build-card.filtered-out{display:none}.build-card.selected{border-color:#7ff18c;background:#285638;box-shadow:inset 0 0 0 1px #97ff9f38}.build-card span:nth-child(2){min-width:0;flex:1}.build-card strong,.build-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-card small{margin-top:2px;color:#8fa796;font-size:10px}.build-card b{color:#ffd363;font-size:13px}.card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#dfffd8;background:#2e5c38;font-size:20px}.loading{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;background:radial-gradient(circle,#294c38,#0b1710 70%);transition:opacity .35s ease,visibility .35s ease}.loading.hidden{opacity:0;visibility:hidden}.loading.error{color:#ff9c9c}.loading strong{font:700 30px Georgia,serif}.loading span{color:#a9bdac;font-size:12px}.crest{display:grid;place-items:center;width:64px;height:64px;border:2px solid #acd67e;border-radius:50% 50% 42% 42%;color:#d8ffab;font:700 22px Georgia,serif}.loading-track{width:220px;height:5px;margin-top:10px;overflow:hidden;border-radius:5px;background:#17291d}.loading-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#6cc978,#e5e774);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 rgba(188,233,181,.25);border-radius:12px;color:#eaffdf;background:#091c12eb;box-shadow:0 8px 24px #00000040;cursor:pointer}.performance-badge{position:absolute;z-index:3;right:max(14px,env(safe-area-inset-right));top:307px;padding:6px 9px;border:1px solid rgba(188,233,181,.18);border-radius:8px;color:#9fc8a7;background:#091c12d1;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 rgba(185,240,177,.25);border-radius:16px;background:#07170ef7;box-shadow:0 18px 55px #00000073;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:#78dc91;font-size:9px;letter-spacing:.14em}.settings-heading button{width:40px;height:40px;border:1px solid #4d6754;border-radius:10px;background:#172d1e;font-size:23px;cursor:pointer}.settings-panel>span{display:block;margin:10px 0 13px;color:#aab9ad;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 #405747;border-radius:9px;color:#aebbb0;background:#14291b;cursor:pointer}.quality-options button.active{border-color:#7ee188;color:#edffe7;background:#285637}.performance-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.performance-details span{padding:8px;border-radius:8px;color:#91a596;background:#102319;font-size:9px;text-align:center}.performance-details b{display:block;margin-top:2px;color:#d9f5d6;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 rgba(185,240,177,.22);border-radius:15px;background:#081910f2;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:#7edb96;font-size:9px;letter-spacing:.12em}.building-panel span{color:#aab9ad;font-size:11px}.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:#27382c}.spawn-progress.visible{display:block}.spawn-progress b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62ce79,#d8eb75);transition:width .1s linear}.building-panel button{min-height:46px;padding:0 13px;border:1px solid #526b58;border-radius:10px;background:#1a3322;cursor:pointer}.building-panel button:first-of-type{border-color:#6fbd76}.building-panel button#repair-building{border-color:#6f9fbd}.building-panel button b{display:block;color:#ffd363;font-size:10px}.building-panel button:disabled{opacity:.45;cursor:not-allowed}.building-panel .tower-priority{display:none;border-color:#b28ce0}.building-panel .tower-priority.visible{display:block}.help-overlay{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:20px;color:#efffe8;background:#030c07c7;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 rgba(181,239,173,.3);border-radius:18px;background:linear-gradient(180deg,#102d1c,#091a10);box-shadow:0 24px 70px #0000008c}.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:#7cdb91;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 #4d6754;border-radius:10px;background:#172d1e;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:#20462b85}.help-grid article>b{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border-radius:50%;color:#102015;background:#8ce18b}.help-grid strong,.help-grid span{display:block}.help-grid span{margin-top:4px;color:#aebdaf;font-size:11px;line-height:1.4}.help-overlay p{color:#9fb2a2;font-size:11px;text-align:center}.help-overlay kbd{padding:3px 6px;border:1px solid #4f6c56;border-radius:5px;color:#e8f8e5;background:#14271a}.help-confirm{display:block;min-width:150px;min-height:44px;margin:15px auto 0;border:1px solid #91e386;border-radius:10px;color:#102015;background:#8ce18b;font-weight:800;cursor:pointer}.match-overlay{position:absolute;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:30px;color:#efffe8;text-align:center;background:#040e08d1;opacity:0;visibility:hidden;transition:.25s ease}.match-overlay.visible{opacity:1;visibility:visible}.match-overlay small{color:#90e798;letter-spacing:.18em}.match-overlay strong{font:700 54px Georgia,serif}.match-stars{color:#ffd363;font-size:34px;letter-spacing:.14em;text-shadow:0 3px 18px rgba(255,202,73,.28)}.match-overlay span{color:#b7c8ba}.match-overlay .match-record{color:#ffd363;font-size:10px;letter-spacing:.08em}.match-overlay button{min-width:180px;min-height:50px;margin-top:12px;border:1px solid #91e386;border-radius:12px;color:#102015;background:#8ce18b;font-weight:800;cursor:pointer}.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 rgba(182,255,177,.24);border-radius:15px;background:#08180ff0;box-shadow:0 14px 40px #0006;opacity:0;visibility:hidden;transition:.18s ease}.placement-actions.visible{transform:translate(-50%);opacity:1;visibility:visible}.placement-actions div{min-width:0;flex:1}.placement-actions strong,.placement-actions span{display:block}.placement-actions span{margin-top:2px;color:#a7b9aa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placement-actions button{min-width:104px;min-height:46px;border-radius:10px;cursor:pointer}.cancel-build{border:1px solid #6c8070;background:#1a2c20}.confirm-build{border:1px solid #91e386;color:#102015;background:linear-gradient(#aaf39e,#67c877);font-weight:800}.confirm-build:disabled{border-color:#56645a;color:#77847a;background:#28362c;cursor:not-allowed}@media(max-width:900px){.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,.income,.army-count,.health,.mission,.build-dock,.placement-actions{-webkit-backdrop-filter:none;backdrop-filter:none}.top-hud{gap:4px}.resource,.income,.army-count{min-width:68px;padding:7px 9px}.resource strong{font-size:16px}.health{min-width:90px}.health span{font-size:8px}.mission{top:72px;max-width:210px;padding:9px 11px}.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}.tab{min-width:74px;padding:0 9px;font-size:11px}.build-card{min-width:0}.placement-actions{bottom:82px}.placement-actions button{min-width:86px}.building-panel{right:12px;bottom:82px;max-width:560px}.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}}@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:#ecffe7;background:#0d1d14}}