:root{--panel-bg: rgba(10, 16, 28, .72);--accent: #3fa9f5;--danger: #e5484d;--gold: #f5c945;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#06090f;color:#eef3f8}#app{position:relative;width:100vw;height:100vh}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.screen.hidden{display:none}#menu-screen,#shop-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#17324a,#06090f 70%)}#map-screen{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 20%,#17324a,#06090f 70%)}#menu-screen.hidden,#shop-screen.hidden,#map-screen.hidden{display:none}#menu-screen h1,#shop-screen h1{margin:0;font-size:clamp(28px,5vw,42px);letter-spacing:.02em}.screen-subtitle{margin:0 0 6px;opacity:.7;font-size:14px}.war-bonds-display{background:var(--panel-bg);border-radius:10px;padding:8px 20px;font-size:15px;margin-bottom:8px}.war-bonds-display span{color:var(--gold);font-weight:700}.menu-btn{min-width:260px;padding:14px 20px;border-radius:10px;border:2px solid var(--accent);background:transparent;color:#eef3f8;font-size:15px;font-weight:600;cursor:pointer}.menu-btn.primary{background:var(--accent);color:#06121e}.menu-btn.small{min-width:auto;padding:8px 16px;font-size:13px}.map-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 20px 0}#map-area{position:relative;flex:1;margin:20px}#map-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#map-lines line{stroke:#ffffff40;stroke-width:.4}#map-lines line.completed{stroke:var(--gold);stroke-width:.6}#map-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;border:2px solid var(--accent);background:var(--panel-bg);color:#eef3f8;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.map-node .map-node-tag{font-size:10px;color:var(--gold);font-weight:400}.map-node.completed{border-color:var(--gold)}.map-node.locked{border-color:#3a4250;color:#7b8494;cursor:not-allowed}.map-node.capital{border-width:3px}.ngplus-badge{background:var(--panel-bg);border:2px solid var(--gold);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--gold)}.ngplus-badge.hidden{display:none}#map-ngplus-btn{position:absolute;left:50%;bottom:24px;transform:translate(-50%)}#map-ngplus-btn.hidden{display:none}#shop-list{display:flex;flex-direction:column;gap:10px;width:min(480px,90vw);max-height:50vh;overflow-y:auto;padding:4px}.shop-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-bg);border-radius:10px;padding:12px 16px;text-align:left}.shop-card-name{font-weight:700;font-size:14px}.shop-card-level{color:var(--gold);font-weight:400;font-size:12px}.shop-card-desc{font-size:12px;opacity:.75;margin-top:2px}.shop-buy-btn{flex-shrink:0;padding:8px 14px;border-radius:8px;border:none;background:var(--gold);color:#06121e;font-weight:700;cursor:pointer;min-width:90px}.shop-buy-btn:disabled{background:#3a4250;color:#8b93a0;cursor:not-allowed}#game-screen{position:absolute;top:0;right:0;bottom:0;left:0}#scene{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:0;left:0;right:0;pointer-events:none;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}#hud-top-row{display:flex;justify-content:space-between;align-items:flex-start}#hud-left,#hud-right{pointer-events:none}#hud-left{display:flex;align-items:center;gap:8px}.wave-badge{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#06121e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;border:3px solid #fff8e0;box-shadow:0 2px 6px #00000059}.hp-pill{position:relative;width:130px;height:26px;border-radius:13px;background:#0a101cd9;border:2px solid #1c2733;overflow:hidden}.hp-pill-fill{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:11px;width:100%;background:linear-gradient(180deg,#6bdc7a,#2ea043);transition:width .25s ease,background .25s ease}.hp-pill-fill.low{background:linear-gradient(180deg,var(--gold),#c9931f)}.hp-pill-fill.critical{background:linear-gradient(180deg,#f5726b,var(--danger))}.hp-pill-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;font-weight:700;color:#06121e;text-shadow:0 1px 0 rgba(255,255,255,.3)}.coin-pill{display:flex;align-items:center;gap:6px;background:#0a101cd9;border:2px solid #1c2733;border-radius:16px;padding:6px 14px 6px 8px;font-weight:800;font-size:15px}.coin-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,var(--gold) 60%,#c9931f 100%);border:1px solid #c9931f}#wave-progress-wrap{align-self:center;margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:4px}#wave-progress-label{font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--panel-bg);padding:2px 10px;border-radius:6px}#wave-progress-bar{position:relative;width:min(280px,60vw);height:10px;border-radius:6px;background:var(--danger);border:2px solid rgba(255,255,255,.15)}#wave-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;border-radius:4px;background:var(--accent);transition:width .3s ease}.mini-flag{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:14px;height:18px}.mini-flag-pole{position:absolute;left:2px;top:-4px;width:2px;height:22px;background:#eef3f8}.mini-flag-cloth{position:absolute;left:4px;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--gold)}#banner{pointer-events:none;align-self:center;margin-top:8px;background:var(--panel-bg);border-radius:10px;padding:10px 22px;font-size:16px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}#banner.visible{opacity:1;transform:translateY(0)}#flag-compass{align-self:center;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:4px}#flag-compass.hidden{display:none}#flag-compass-arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid var(--gold);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}#flag-compass-dist{font-size:11px;font-weight:700;background:var(--panel-bg);padding:2px 8px;border-radius:6px}#result-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06090fb8;display:flex;align-items:center;justify-content:center;z-index:10}#result-modal-backdrop.hidden{display:none}#result-modal{background:linear-gradient(180deg,#17324a,#0b1622);border:3px solid var(--accent);border-radius:18px;padding:28px 32px;min-width:280px;max-width:90vw;text-align:center;box-shadow:0 12px 40px #00000080}#result-modal-title{font-size:22px;font-weight:800;letter-spacing:.03em;margin-bottom:16px}#result-modal-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}#result-modal-lines:empty{margin-bottom:8px}.result-line{display:flex;justify-content:space-between;gap:24px;font-size:14px;opacity:.85}.result-line.total{font-size:17px;font-weight:800;opacity:1;color:var(--gold);border-top:1px solid rgba(255,255,255,.15);padding-top:8px;margin-top:4px}#result-modal-btn{min-width:200px}.turret-btn{pointer-events:auto;background:var(--panel-bg);color:#eef3f8;border:2px solid var(--accent);border-radius:10px;padding:10px 16px;font-size:13px;text-align:center;cursor:pointer;line-height:1.4}.turret-btn .cost{color:var(--gold);font-size:11px}.turret-btn.affordable{border-color:var(--gold)}.turret-btn.armed{background:var(--accent);color:#06121e}#bottom-hint{position:absolute;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px);transform:translate(-50%);pointer-events:none;font-size:12px;opacity:.75;background:var(--panel-bg);border-radius:8px;padding:6px 12px;white-space:nowrap}#build-bar{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(94vw,460px);pointer-events:none}#build-bar .turret-btn{min-width:96px}@media (max-width: 480px){#build-bar{max-width:210px;gap:8px}#build-bar .turret-btn{min-width:0;width:101px}#bottom-hint{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 148px)}}#joystick-base{display:none;position:absolute;left:max(20px,env(safe-area-inset-left));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 92px);width:110px;height:110px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);touch-action:none;pointer-events:auto}#joystick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;border-radius:50%;background:#3fa9f5d9;border:2px solid #eef3f8;transform:translate(-50%,-50%);pointer-events:none}@media (hover: none) and (pointer: coarse),(max-width: 820px){#joystick-base{display:block}}