:root{--bg-cyber-dark: #252b33;--bg-cyber-panel: #343b45;--bg-cyber-card: #3e4652;--bg-map: #1f2429;--line-dark: #1b2027;--line-soft: #4a5360;--neon-cyan: #5fc7ba;--neon-green: #6fd69b;--neon-magenta: #9bbcff;--neon-orange: #d7a05f;--neon-red: #ef7676;--ink: #eef2f7;--ink-muted: #a7b0bd;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-cyber-dark);font-synthesis:none}*{box-sizing:border-box;border-radius:0!important}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg-cyber-dark)}button{font:inherit}svg{display:block}@keyframes gridPulse{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes ping{0%{transform:scale(.62);opacity:.7}80%,to{transform:scale(1.65);opacity:0}}.cyber-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg-cyber-dark)}.cyber-stage:before{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,black,transparent 70%);mask-image:linear-gradient(90deg,black,transparent 70%)}.cyber-stage:after{display:none}.map-shell,.fallback-map{position:absolute;inset:0}.fallback-map{overflow:hidden;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),radial-gradient(circle at 52% 48%,rgba(95,199,186,.1),transparent 26rem),var(--bg-map);background-size:44px 44px,44px 44px,auto,auto}.country-map{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.country-map.is-panning{cursor:grabbing}.map-controls{position:absolute;left:24px;top:auto;bottom:28px;z-index:95;display:grid;gap:8px}.map-controls button{width:38px;height:38px;border:1px solid var(--line-soft);color:var(--ink);background:#343b45eb;box-shadow:0 8px 18px #00000038;cursor:pointer;font-family:Courier New,monospace;font-size:19px;font-weight:700}.map-controls button:hover{border-color:var(--neon-green);background:#5fc7ba29}.map-legend{position:absolute;left:78px;bottom:28px;z-index:94;width:252px;padding:12px;border:1px solid var(--line-dark);color:var(--ink);background:#343b45eb;box-shadow:0 8px 18px #00000038;font-size:12px}.legend-title{margin-bottom:9px;color:var(--ink);font-weight:800}.legend-row{display:grid;grid-template-columns:14px 64px 1fr;align-items:center;gap:8px;margin:5px 0}.legend-row span{width:14px;height:14px;border:1px solid rgba(255,255,255,.22);background:var(--legend-color)}.legend-row strong{font-family:Courier New,monospace}.legend-row em,.legend-unit{color:var(--ink-muted);font-style:normal}.legend-unit{margin-top:8px;font-family:Courier New,monospace}.country-shape{cursor:pointer;stroke:#151a20b8;stroke-width:1.1;fill-opacity:.82;transition:fill-opacity .16s ease,stroke .16s ease,stroke-width .16s ease,filter .16s ease}.country-shape:hover,.country-shape.is-selected{fill-opacity:.94;stroke:#d7dde7;stroke-width:2.2;filter:drop-shadow(0 0 5px rgba(155,188,255,.32))}.country-dot{cursor:pointer;stroke:var(--ink);stroke-width:1.4;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.country-label{fill:#eef2f7bd;font-family:Courier New,monospace;font-size:11px;font-weight:700;pointer-events:none;text-anchor:middle;text-shadow:0 1px 3px #10141a}.country-label.is-selected{fill:#fff;font-size:13px}.flow-line{stroke:#f0b36f;stroke-width:1.85;stroke-dasharray:7,11;animation:gridPulse 3s linear infinite;filter:drop-shadow(0 0 3px rgba(240,179,111,.36));opacity:.95;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:visibleStroke}.flow-line.is-import{stroke:#8fb4ff;animation-direction:reverse;filter:drop-shadow(0 0 3px rgba(143,180,255,.38))}.flow-line.is-export{stroke:#f0b36f}.flow-line.is-selected{stroke-width:2.8;opacity:1;filter:drop-shadow(0 0 6px currentColor)}.flow-arrow{fill:#f0b36f;stroke:#10151b;stroke-width:1.2;filter:drop-shadow(0 0 4px rgba(240,179,111,.45));cursor:pointer;pointer-events:visiblePainted}.flow-arrow.is-import{fill:#8fb4ff;filter:drop-shadow(0 0 4px rgba(143,180,255,.45))}.flow-arrow.is-selected{stroke-width:1.6;filter:drop-shadow(0 0 7px currentColor)}.flow-line-back{stroke:#0d1117;stroke-width:4.2;stroke-opacity:.78;vector-effect:non-scaling-stroke}.flow-hitbox{stroke:transparent;stroke-width:22;fill:none;cursor:pointer;pointer-events:stroke}#hub-layer{position:absolute;inset:0;z-index:50}.transmission-layer{position:absolute;inset:0;z-index:35;width:100%;height:100%;pointer-events:none}.grid-cable{stroke-width:2.6;stroke-opacity:.28}.cyber-grid-flow{stroke-width:2.8;stroke-dasharray:12,18;animation:gridPulse 3s linear infinite;filter:none;opacity:.42}.grid-cable.is-selected,.cyber-grid-flow.is-selected{stroke-width:4;opacity:.95}.crisis-link{stroke:var(--neon-red);stroke-width:2.4;stroke-dasharray:4,10;stroke-opacity:.86;filter:none}.hud{position:absolute;z-index:80;border:1px solid var(--line-dark);background:#343b45f0;box-shadow:0 10px 24px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud:before{content:"";position:absolute;inset:0;pointer-events:none;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.055)}.hud-primary{top:24px;left:24px;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:16px;overflow-y:auto;scrollbar-color:var(--line-soft) transparent}.hud-kicker,.panel-label{display:flex;align-items:center;gap:8px;color:var(--neon-cyan);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.hud h1,.inspector h2{margin:8px 0;line-height:1.05;text-shadow:0 0 10px rgba(0,240,255,.46);text-shadow:none}.hud h1{color:var(--ink);font-size:clamp(1.8rem,3vw,2.6rem);max-width:none}.hud p{margin:0;color:var(--ink-muted);font-size:.92rem;line-height:1.42}.pulse-dot{width:8px;height:8px;background:var(--neon-cyan);box-shadow:none}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.metric{min-width:0;padding:12px;border:1px solid var(--line-dark);background:#3e4652f0}.metric svg{width:18px;height:18px;color:var(--neon-green);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.metric span{display:block;margin:8px 0 4px;color:var(--ink-muted);font-size:11px}.metric strong{display:block;font-family:Courier New,monospace;font-size:clamp(.78rem,1.5vw,.92rem);overflow-wrap:anywhere}.time-control{margin-top:12px;padding:12px;border:1px solid var(--line-dark);background:#2b313ab3}.time-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.time-header span,.time-mode{color:var(--ink-muted);font-size:11px}.time-header strong{color:var(--ink);font-family:Courier New,monospace;font-size:13px}.time-control input[type=range]{width:100%;accent-color:var(--neon-cyan);cursor:pointer}.time-control input[type=range]:disabled{cursor:wait;opacity:.55}.time-mode{margin-top:7px;font-family:Courier New,monospace}.weather-control{margin-top:10px;padding:12px;border:1px solid var(--line-dark);background:#2b313ab3}.weather-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.weather-header span,.weather-status{color:var(--ink-muted);font-size:11px}.weather-header strong,.weather-status{font-family:Courier New,monospace}.weather-header strong{color:var(--ink);font-size:13px}.weather-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.weather-buttons button{min-width:0;height:30px;border:1px solid var(--line-soft);color:var(--ink-muted);background:#1c21288a;cursor:pointer;font-size:11px;font-weight:800}.weather-buttons button:hover,.weather-buttons button.is-active{border-color:var(--neon-cyan);color:var(--ink);background:#5fc7ba29}.weather-status{margin-top:8px}.weather-legend{position:static;width:auto;margin-top:10px;padding:10px 0 0;border:0;border-top:1px solid var(--line-soft);color:var(--ink);background:transparent;box-shadow:none;font-size:12px}.weather-legend #weather-legend-copy{color:var(--ink-muted);line-height:1.35}.weather-glyph,.sunset-boundary{pointer-events:none}.sunset-night{fill:#060a1047}.sunset-line{stroke:#f0d56f;stroke-width:2.2;stroke-dasharray:7,7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(240,213,111,.52))}.sunset-boundary.is-outside .sunset-line{opacity:.62}.sunset-label{fill:#f0d56f;font-family:Courier New,monospace;font-size:11px;font-weight:800;text-shadow:0 1px 3px #10141a}.weather-glyph.is-selected .weather-core,.weather-glyph.is-selected .weather-arrow-line,.weather-glyph.is-selected .weather-cloud,.weather-glyph.is-selected .weather-rain{stroke:#fff;stroke-width:2}.weather-core,.weather-cloud,.weather-rain{stroke:#0d1117d1;stroke-width:1.25;vector-effect:non-scaling-stroke}.weather-core{fill:var(--weather-color, var(--neon-cyan));fill-opacity:var(--weather-opacity, .76)}.weather-arrow-line{stroke:var(--weather-color, var(--neon-cyan));stroke-width:2.35;stroke-linecap:square;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(95,199,186,.34))}.weather-arrow-head{fill:var(--weather-color, var(--neon-cyan));stroke:#0d1117d1;stroke-width:1.2;vector-effect:non-scaling-stroke}.weather-cloud{fill:#aeb8c5;fill-opacity:var(--weather-opacity, .62)}.weather-rain{fill:#79b8ff;fill-opacity:var(--weather-opacity, .7)}.weather-label{display:none;fill:#eef2f7d6;font-family:Courier New,monospace;font-size:10px;font-weight:800;text-anchor:middle;text-shadow:0 1px 3px #10141a;pointer-events:none}.weather-glyph.is-selected .weather-label{display:block}.inspector{right:24px;bottom:24px;width:min(390px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:18px;overflow-y:auto;scrollbar-color:var(--line-soft) transparent;border-color:var(--line-dark);box-shadow:0 10px 24px #0000004d}.inspector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.inspector h2{font-size:1.25rem}.status-pill{flex:0 0 auto;padding:7px 9px;border:1px solid var(--status-color);color:var(--status-color);background:#1c212885;font-family:Courier New,monospace;font-size:11px;font-weight:700}.carbon-readout{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:8px;margin:18px 0;padding:14px;border:1px solid var(--line-dark);background:#2b313ad6}.carbon-readout span,.carbon-readout small{color:var(--ink-muted)}.carbon-readout strong{color:var(--neon-cyan);font-family:Courier New,monospace;font-size:2.3rem;line-height:.9}.production-stack{display:grid;gap:12px}.production-bar div{display:flex;justify-content:space-between;gap:14px;color:var(--ink);font-size:13px}.production-bar strong{font-family:Courier New,monospace}.production-bar i{display:block;height:6px;margin-top:7px;background:var(--bar-color, var(--neon-cyan));box-shadow:none}.source-nuclear{--bar-color: var(--neon-magenta)}.source-wind{--bar-color: var(--neon-cyan)}.source-solar{--bar-color: var(--neon-green)}.source-gas{--bar-color: var(--neon-orange)}.connection-list{display:grid;gap:8px;margin-top:18px}.connection-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 10px;border:1px solid var(--line-dark);color:var(--ink);background:#2b313ac7;cursor:pointer}.connection-row:hover{border-color:var(--neon-magenta);background:#404a58eb}.connection-row.is-selected{border-color:var(--row-color);background:#ffffff13}.connection-row svg,.inspector footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.connection-row strong{color:var(--row-color, var(--neon-green));font-family:Courier New,monospace;font-size:12px}.corridor-note{margin:4px 0 0;color:var(--ink-muted);font-size:12px;line-height:1.45}.inspector footer{display:flex;align-items:center;gap:7px;margin-top:16px;color:var(--ink-muted);font-family:Courier New,monospace;font-size:11px}.hub-marker{position:absolute;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--status-color);cursor:pointer;transform:translate(-50%,-50%);z-index:50}.hub-ping,.hub-core{position:absolute;border-radius:0}.hub-ping{width:28px;height:28px;background:var(--status-color);opacity:.52;animation:ping 2s infinite}.hub-core{width:13px;height:13px;border:2px solid var(--bg-map);background:var(--status-color);box-shadow:none}.hub-marker.is-selected .hub-core{width:17px;height:17px;border-color:#fff}.hub-marker:not(.is-active-corridor){opacity:.52}.hub-marker.is-active-corridor{opacity:1}.hub-tooltip{position:absolute;bottom:34px;left:50%;display:none;min-width:170px;padding:8px;border:1px solid var(--line-soft);background:#2b313afa;box-shadow:0 8px 22px #00000059;color:#fff;font-family:Courier New,monospace;font-size:11px;text-align:left;transform:translate(-50%);white-space:nowrap}.hub-marker:hover .hub-tooltip,.hub-marker:focus-visible .hub-tooltip{display:grid;gap:4px}.hub-tooltip strong{color:var(--neon-cyan)}.hub-tooltip em{color:var(--status-color);font-style:normal}.token-banner{position:absolute;left:50%;bottom:24px;z-index:90;padding:8px 12px;border:1px solid var(--line-soft);color:var(--ink-muted);background:#343b45e6;font-family:Courier New,monospace;font-size:11px;transform:translate(-50%)}@media(max-width:1100px){.token-banner{display:none}}@media(max-width:780px){body{overflow:auto}.cyber-stage{min-height:100vh;height:auto;padding:14px;display:grid;gap:14px}.map-shell{position:relative;min-height:520px;overflow:hidden}.hud,.hud-primary,.inspector,.token-banner,.map-controls,.weather-legend,.map-legend{position:relative;inset:auto;width:100%;transform:none}.map-controls{grid-template-columns:repeat(3,38px);z-index:95}.hud-primary{order:-1}.status-grid{grid-template-columns:1fr}.hud h1{max-width:none;font-size:2.4rem}}