*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0f14;color:#e8ecf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none}.screen{flex:1;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom) 16px}.menu-screen{align-items:center;justify-content:center;text-align:center;gap:16px}.menu-screen h1{font-size:2.6rem;letter-spacing:.12em;margin:0;color:#e06b2d}.tagline{color:#9aa5b1;max-width:320px}.hint{color:#5a6472;font-size:.78rem;max-width:300px;margin:-8px 0 0}.menu-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:16px}.primary-btn,.secondary-btn{padding:16px;border-radius:12px;font-size:1.05rem;font-weight:600}.primary-btn{background:#e06b2d;color:#0b0f14}.secondary-btn{background:#1c232c;color:#e8ecf1}.version-tag{color:#4a5563;font-size:.8rem;margin-top:24px}.link-btn{background:transparent;color:#7f8b99;font-size:.8rem;text-decoration:underline;padding:8px}.tutorial-screen{justify-content:space-between;align-items:stretch;gap:16px;padding-top:max(env(safe-area-inset-top),24px)}.tutorial-card{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;justify-content:center}.tutorial-block h3{margin:0 0 4px;font-size:.75rem;letter-spacing:.06em;color:#e06b2d}.tutorial-block p{margin:0 0 2px;font-size:.92rem;line-height:1.4}.origin-screen{gap:12px}.origin-header h2{margin:8px 0 4px;font-size:1.3rem}.origin-header p{margin:0 0 8px;color:#9aa5b1;font-size:.9rem}.confirm-origin{margin-top:8px}.map-container{position:relative;flex:1;min-height:240px;touch-action:pan-y;display:flex;flex-direction:column}.menu-fab{position:absolute;top:8px;left:8px;z-index:5;width:44px;height:44px;border-radius:12px;background:#171e27e0;color:#e8ecf1;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center}.world-map{width:100%;flex:1;min-height:0;display:block}.route{stroke:#2a323d;stroke-width:.6}.route-closed{stroke:#5a2020;stroke-dasharray:1.5 1.5}.route-flowing{stroke:#e06b2d;stroke-width:.9;stroke-dasharray:1.2 1.6;animation:flow 1.6s linear infinite}@keyframes flow{to{stroke-dashoffset:-5.6}}.node-pulse{opacity:.55;transform-origin:center;transform-box:fill-box;animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(2.1);opacity:0}}.node-circle{stroke:#0b0f14;stroke-width:.6}.node-origin{stroke:#fff;stroke-width:1}.node-selectable{cursor:pointer}.node-hit{fill:transparent}.node-selected .node-circle{stroke:#fff;stroke-width:1.2}.node-label{font-size:3px;fill:#9aa5b1;text-anchor:middle}.play-screen{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0;gap:0}.play-screen .map-container{min-height:40vh;padding:8px 12px 0}.hud{background:#10151c;border-top:1px solid #1c232c;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.hud-top{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{display:flex;flex-direction:column;align-items:center;background:#171e27;border-radius:10px;padding:6px 4px}.metric-label{font-size:.65rem;color:#7f8b99;text-transform:uppercase;letter-spacing:.04em}.metric-value{font-size:1.05rem;font-weight:700}.speed-controls{display:flex;gap:8px}.speed-btn{flex:1;min-height:44px;padding:10px;border-radius:10px;background:#171e27;color:#e8ecf1;font-weight:600}.speed-btn.active{background:#e06b2d;color:#0b0f14}.territory-panel{background:#171e27;border-radius:10px;padding:10px 12px}.territory-panel h3{margin:0 0 8px;font-size:1rem}.stat-line{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#9aa5b1;margin-bottom:6px}.stat-line.small{font-size:.7rem}.bar{flex:1;height:8px;background:#0b0f14;border-radius:6px;overflow:hidden}.bar-fill{height:100%}.bar-fill.crisis{background:#d13b3b}.bar-fill.awareness{background:#c9a227}.bar-fill.containment{background:#4f7cff}.upgrades-panel{display:flex;flex-direction:column;gap:8px}.upgrade-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#171e27;border-radius:10px;padding:8px 10px}.upgrade-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.upgrade-info strong{font-size:.85rem}.upgrade-next{margin:4px 0 0;font-size:.66rem;color:#c9a227}.upgrade-level{font-size:.7rem;color:#7f8b99}.upgrade-info p{margin:2px 0 0;font-size:.68rem;color:#7f8b99}.upgrade-btn{flex-shrink:0;min-height:44px;min-width:64px;padding:10px 14px;border-radius:10px;background:#e06b2d;color:#0b0f14;font-weight:700;font-size:.8rem}.upgrade-btn:disabled{background:#2a323d;color:#5a6472}.log-panel{max-height:88px;overflow-y:auto;font-size:.72rem;color:#7f8b99;display:flex;flex-direction:column;gap:3px}.end-screen{align-items:center;justify-content:center;text-align:center;gap:16px;overflow-y:auto}.end-screen h1{font-size:2.4rem;margin:0}.end-victory h1{color:#e06b2d}.end-defeat h1{color:#4f7cff}.end-stats{display:flex;flex-direction:column;gap:6px;color:#9aa5b1;font-size:.9rem}.end-stat-hint{color:#5a6472;font-size:.75rem}.end-recap{display:flex;flex-direction:column;gap:14px;width:100%;max-width:420px}.end-upgrades{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.end-upgrade-chip{background:#171e27;color:#9aa5b1;border-radius:8px;padding:6px 10px;font-size:.78rem}.end-upgrade-chip strong{color:#e8ecf1}.end-timeline{display:flex;flex-direction:column;gap:4px;background:#171e27;border-radius:10px;padding:10px 12px}.end-timeline-row{display:flex;justify-content:space-between;font-size:.78rem;color:#9aa5b1}.end-style{font-size:.82rem;color:#9aa5b1;font-style:italic;margin:0}.map-legend{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;padding:4px 0 8px;font-size:.62rem;color:#7f8b99}.legend-item{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.view-tabs{display:flex;gap:8px}.view-tab{flex:1;padding:8px;border-radius:10px;background:#171e27;color:#9aa5b1;font-size:.78rem;font-weight:600}.view-tab.active{background:#262f3a;color:#e8ecf1}.territory-panel.empty{background:#171e27;border-radius:10px;padding:14px 12px;color:#7f8b99;font-size:.78rem;text-align:center}.world-panel{background:#171e27;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.menu-overlay-screen{align-items:stretch;justify-content:center;gap:14px;padding-top:max(env(safe-area-inset-top),24px)}.menu-overlay-screen h2{margin:0 0 4px;font-size:1.4rem;text-align:center}.settings-subhead{margin:12px 0 4px;font-size:.8rem;color:#e06b2d;text-transform:uppercase;letter-spacing:.04em}.difficulty-options{display:flex;gap:8px}.difficulty-btn{flex:1;min-height:44px;padding:10px;border-radius:10px;background:#171e27;color:#e8ecf1;font-weight:600;font-size:.82rem}.difficulty-btn.active{background:#e06b2d;color:#0b0f14}.settings-row{display:flex;align-items:center;justify-content:space-between;background:#171e27;border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:.85rem}.settings-row.disabled{color:#5a6472}.coming-soon{font-size:.68rem;color:#5a6472;background:#0b0f14;border-radius:6px;padding:3px 8px}.toggle-btn{min-height:32px;min-width:76px;padding:6px 12px;border-radius:8px;background:#0b0f14;color:#5a6472;font-weight:600;font-size:.75rem}.toggle-btn.active{background:#2d7a4f;color:#e8ecf1}.test-badge{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e06b2d;background:#2a1f14;border:1px solid #e06b2d;border-radius:6px;padding:2px 7px;margin-left:6px;vertical-align:middle}.interstitial-screen{align-items:center;justify-content:center;text-align:center;gap:14px}.interstitial-screen .test-badge{margin-left:0}.primary-btn.danger{background:#d13b3b;color:#fff}@media (min-width: 700px){.menu-screen h1{font-size:3.4rem}.play-screen{flex-direction:row}.play-screen .map-container{min-height:auto}.hud{width:340px;border-top:none;border-left:1px solid #1c232c;overflow-y:auto}}