:root{color-scheme:dark;--ink:#d3ece8;--muted:#8eabae;--cyan:#68d9dc;--import:#ffbd67;--export:#5de8b4;background:#040b11;font:14px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#09232a 0,#061219 48%,#040b11 78%)}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 12px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--cyan)}h1{font-size:20px;letter-spacing:.015em;margin:7px 0 0;font-weight:500}.reading{text-align:right;display:grid;gap:6px}.reading strong{font-size:22px;font-weight:500}.reading span{font-size:12px;color:var(--muted)}
nav{display:flex;justify-content:space-between;gap:10px;margin:0 24px;padding:10px 0;border-top:1px solid #28444c}.layers,.camera-controls{display:flex;gap:6px}button{font:inherit;color:var(--muted);background:#091920;border:1px solid #29474e;border-radius:4px;cursor:pointer;min-height:36px;padding:6px 10px}button:hover,button[aria-pressed=true]{color:#d3ffff;border-color:#61b9b9;background:#123038}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid #ffcf88;outline-offset:3px}.camera-controls button{min-width:36px}.scene{position:relative;flex:1;min-height:80px;overflow:hidden;isolation:isolate}.scene canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#flows{pointer-events:auto;touch-action:pan-y;cursor:grab}#flows.rotating{touch-action:none;cursor:grabbing}#markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:28px;height:28px;min-height:28px;padding:0;border:1px solid #b9e1ec;border-radius:50%;background:#092e3b;color:#bdeaf7;font-size:16px}.marker.nuclear{color:#ff91a7;border-color:#fc8fa2;background:#2b1825}.marker[aria-pressed=true]{box-shadow:0 0 0 5px #4cb5c82b}.north{position:absolute;right:24px;top:16px;color:#9ec4c5;font-size:12px;pointer-events:none}.scale{position:absolute;bottom:12px;left:24px;color:#8faeb1;font-size:12px;border-top:1px solid #6d9b9f;padding-top:5px;pointer-events:none}#loading{position:absolute;left:20px;right:20px;top:35%;text-align:center;color:#b7dcdf;font-size:14px;pointer-events:none}
footer{padding:8px 24px 16px;background:linear-gradient(0deg,#050e15,#050e15d9)}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px;font-size:12px}.import{color:var(--import)}.export{color:var(--export)}#flow-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.flow-card{text-align:left;padding:9px 12px;border-top:2px solid var(--flow-color,#44616a);background:#0a1920}.flow-card .country{display:flex;justify-content:space-between;gap:5px;font-size:12px;color:#b3c6ca}.flow-card strong{display:block;margin-top:7px;font-size:20px;font-weight:500;color:var(--flow-color,#91aaaf);white-space:nowrap}.flow-card small{font-size:12px;color:#93b1b5}.flow-card[aria-pressed=true]{background:#173239;border-color:var(--flow-color)}#detail{font-size:13px;line-height:1.55;margin:10px 0;min-height:20px;color:#b7cdd0}.footnote{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;color:#78999f}.footnote a{color:#91b9bf;text-decoration:none}.footnote a:hover{text-decoration:underline}
@media(max-width:760px){header{padding:14px 14px 10px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:.07em}h1{font-size:17px}.reading strong{font-size:18px}.reading span{font-size:12px;max-width:125px}nav{margin:0 14px;flex-wrap:wrap;gap:6px;padding:8px 0}.layers{flex:1}button{font-size:12px;min-height:40px;padding:6px 8px}.camera-controls{gap:4px}.camera-controls button{min-width:34px;padding:4px 6px}footer{padding:6px 14px 12px}.legend{font-size:12px;gap:12px;margin-bottom:8px}#flow-cards{gap:5px}.flow-card{padding:8px 5px}.flow-card .country{font-size:12px}.flow-card .country-name{display:none}.flow-card strong{font-size:15px}.flow-card strong small{display:block;margin-top:3px;font-size:12px}#detail{font-size:12px;min-height:37px;margin:8px 0}.footnote{font-size:12px;display:grid;gap:2px}.scale{left:14px;bottom:8px}.north{right:14px;top:8px}}
.scale{white-space:nowrap}header h1{max-width:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
[hidden]{display:none!important}
.marker svg{display:block;width:14px;height:14px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#plant-controls{display:flex;align-items:end;gap:12px;margin:0 24px 8px}#plant-filters{display:flex;flex-wrap:wrap;gap:4px;flex:1}#plant-filters button{font-size:12px;padding:5px 7px}.plant-picker{display:grid;gap:4px;width:230px;min-width:0;font-size:12px;color:var(--muted)}select{width:100%;min-width:0;min-height:36px;color:var(--ink);background:#091920;border:1px solid #29474e;border-radius:4px;padding:6px;font:inherit}select:focus-visible{outline:2px solid #ffcf88;outline-offset:2px}.compact-filter{display:none}
.marker{width:18px;height:18px;min-height:18px;font-size:14px}.marker.hydro{color:#8edcff;border-color:#75c7ed}.marker.coal{color:#e8c2a0;border-color:#ae917f;background:#29221f}.marker.gas{color:#ffc66d;border-color:#dbab60;background:#302719}.marker.wind{color:#b5f0cc;border-color:#8acba2;background:#172d25}.marker.solar{color:#ffec8b;border-color:#d9c767;background:#2b291b}.marker:hover,.marker:focus-visible,.marker[aria-pressed=true]{z-index:2;outline:1px solid #d9f4ed;outline-offset:2px}
#plant-panel{position:absolute;left:14px;top:8px;width:min(340px,calc(100% - 28px));max-height:calc(100% - 45px);overflow:auto;background:#07171ff5;border:1px solid #537d85;border-radius:6px;padding:15px;z-index:4;box-shadow:0 6px 20px #0005}#close-plant{float:right;min-width:36px;min-height:36px;margin:-7px -7px 6px 8px;font-size:20px}#plant-content{font-size:13px;line-height:1.5}#plant-content strong{display:block;font-size:15px;color:#dbf4ed}#plant-content p{font-size:16px;color:#a6e2dc;margin:8px 0}#plant-content small{display:block;font-size:12px;color:#a2b9bd;margin:5px 0}#plant-content a{display:inline-block;color:#92cbd3;font-size:12px;margin:8px 12px 0 0;min-height:28px}#plant-content button{display:block;width:100%;text-align:left;margin-top:6px;min-height:40px;font-size:12px}
@media(max-width:1000px){#plant-controls{gap:8px}.compact-filter{display:grid;gap:4px;width:38%;font-size:12px;color:var(--muted)}#plant-filters{display:none}.plant-picker{width:auto;flex:1}}
@media(max-width:760px){#plant-controls{margin:0 14px 8px}#plant-controls select{min-height:40px;font-size:12px}.marker{width:20px;height:20px;min-height:20px}#plant-panel{max-height:calc(100% - 30px);padding:12px}#plant-content strong{font-size:14px}#plant-content p{font-size:14px}}