:root{color-scheme:dark;--bg:#021224;--panel:#042338;--line:#1b607b;--cyan:#1bd0ee;--text:#ecf6ff;--muted:#a3c0d5;--thermal:#ff9e40;--hydro:#29c9ff;--nuclear:#ad79ff;--wind:#55e89c;--solar:#ffdc4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 50% 20%,#07345088,transparent 65%),var(--bg);font:14px/1.45 Arial,"Segoe UI",sans-serif}h1,h2,h3,p,figure{margin:0}h2{font-size:19px;line-height:1.25}h3{font-size:15px}p{margin-bottom:10px}a{color:#67deef;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,select{border:1px solid #226c88;border-radius:7px;background:linear-gradient(#0a3c53,#032337);color:var(--text);min-height:36px;padding:7px 12px}button{cursor:pointer}button:hover{border-color:#67e2f3;background:#0d4b62}button:disabled{opacity:.35;cursor:default}button.primary{background:linear-gradient(130deg,#11c4ee,#31d8e4);color:#002236;border-color:#54ecfa;font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #96f1ff;outline-offset:3px}select{max-width:100%;padding-right:25px}input[type=range]{width:100%;accent-color:var(--cyan);cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--cyan);width:19px;height:19px}img{max-width:100%;display:block}[hidden]{display:none!important}.wrap{max-width:1850px;padding:0 15px;margin:auto}.site-header{display:flex;align-items:center;gap:45px;padding:0 30px;height:58px;background:#001326d9;border-bottom:1px solid #144d6a}.brand img{width:195px;height:auto}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{font-size:12px;color:#e0f1ff}.site-header nav a[aria-current]{color:#41e2f2;border-bottom:2px solid #32e4f5;padding:19px 0}.header-actions{margin-left:auto;display:flex;gap:9px}.header-actions button{width:32px;padding:0;font-size:19px;border-color:transparent;background:none}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#a7c2d8;padding:10px 0 9px}.hero{display:grid;grid-template-columns:minmax(530px,1.2fr) minmax(360px,1fr);gap:30px;align-items:center;margin-bottom:13px;min-height:120px}.title-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:10px}.hero h1{font-size:35px;line-height:1.12;letter-spacing:-.4px}.badge{border:1px solid #147191;color:#53e5f5;border-radius:15px;padding:5px 12px;font-size:12px;background:#02394a70;white-space:nowrap}.hero p{font-size:15px;line-height:1.5;color:#c5e3f2;margin:0;max-width:810px}.hero figure{height:125px;position:relative;overflow:hidden;border-radius:10px}.hero figure img{width:100%;height:100%;object-fit:cover}.hero figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#021224c9,transparent 35%,#02122408)}.hero figcaption{position:absolute;bottom:3px;right:5px;z-index:1;background:#041c2eb5;padding:2px 6px;border-radius:4px;font-size:8px;color:#bad3e5}.tabs{display:grid;grid-template-columns:1fr 1.45fr 1.25fr 1fr;margin-bottom:10px;border:1px solid #1b7592;border-radius:10px;overflow:hidden}.tabs button{border:0;border-right:1px solid #125272;border-radius:0;min-height:47px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;font-weight:700}.tabs button>span{font-size:24px;color:#25d9ee}.tabs button[aria-selected=true]{background:linear-gradient(120deg,#08bfdc,#30def1);color:#001e30;box-shadow:0 0 15px #21ccdc55 inset}.tabs button[aria-selected=true]>span{color:#002839}.tabs button:last-child{border-right:0}.panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#05283ed9,#021627ef);overflow:hidden}.workspace{display:grid;grid-template-columns:220px minmax(400px,1fr) 300px;gap:8px}.layers{padding:12px 13px}.layers summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none}.layers summary:after{content:'−';float:right;color:#6bd7e9}.layers details:not([open]) summary:after{content:'+'}.layer-label{display:flex;align-items:center;gap:9px;font-size:12px;margin:15px 0;cursor:pointer;line-height:1.25}.layer-label>span:nth-child(2){flex:1}.layer-label small{font-size:9px;color:var(--muted)}.layer-label input{margin:0;width:28px;height:17px;appearance:none;border:1px solid #4d839c;border-radius:15px;background:#173548;position:relative}.layer-label input:before{content:'';position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#8eacbf;transition:transform .15s}.layer-label input:checked{background:#06c9e1;border-color:#5bf3ff}.layer-label input:checked:before{background:#fff;transform:translateX(10px)}.layer-label input:indeterminate{background:#0b7e99}.layer-label input:indeterminate:before{transform:translateX(5px);background:#baf5ff}.layer-icon{font-size:25px;width:29px;text-align:center;line-height:1}.thermal{--category-color:var(--thermal);color:var(--thermal)}.hydro{--category-color:var(--hydro);color:var(--hydro)}.nuclear{--category-color:var(--nuclear);color:var(--nuclear)}.wind{--category-color:var(--wind);color:var(--wind)}.solar{--category-color:var(--solar);color:var(--solar)}.legend{margin:14px -1px 13px;padding-top:12px;border-top:1px solid #174a61}.legend h2{font-size:12px;margin-bottom:10px}.legend p{display:flex;gap:8px;font-size:10px;margin-bottom:6px;align-items:center;color:#c0daeb}.legend i{width:10px;height:10px;flex-shrink:0;border-radius:50%;border:1px solid #a9ecff55}.sample-line{width:22px;border-top:2px dashed #63dcea}.layers>button{font-size:11px;padding:5px 8px;min-height:30px;width:100%}.map-panel{position:relative;background:#01172b}.map-stage{height:470px;position:relative;background:radial-gradient(ellipse at center,#073d54,#001226);overflow:hidden}.map-stage>svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.map-stage>svg:active{cursor:grabbing}.map-search{position:absolute;right:12px;top:10px;z-index:5;width:245px;margin:0}.map-search label{display:flex;align-items:center;gap:6px;background:#01192bf2;border:1px solid #699bb1;border-radius:25px;padding:6px 9px}.map-search label span{font-size:23px;line-height:1}.map-search input{width:100%;border:0;color:#e3f5ff;background:none;outline:none;font-size:11px;min-width:0}.map-search input::placeholder{color:#b5d0e4}#search-results{background:#03283df5;border:1px solid #278ca5;border-radius:9px;margin-top:5px;max-height:255px;overflow:auto}#search-results button{display:block;width:100%;text-align:left;border:0;border-radius:0;background:none;font-size:12px;padding:9px 12px}#search-results button:hover{background:#0e5266}#search-results p{padding:12px;font-size:12px;margin:0}.zoom{display:grid;position:absolute;left:11px;top:12px;gap:4px}.zoom button{width:33px;min-height:31px;padding:0;font-size:22px;background:#07334be8;border:1px solid #2c6d89}.map-loading{position:absolute;inset:35% 12% auto;background:#032137ee;padding:22px;z-index:6;border:1px solid var(--cyan);border-radius:9px;text-align:center}.map-note{position:absolute;left:12px;bottom:6px;font-size:9px;color:#9cbcd1;padding:3px 6px;background:#031c2dbb;border-radius:4px;pointer-events:none}.transfer-scheme{position:absolute;right:10px;bottom:11px;display:flex;align-items:center;gap:9px;padding:5px 10px 16px;border:1px dashed #218095;border-radius:7px;background:#02273bcc;color:#7be8f2;pointer-events:none}.transfer-scheme span{font-size:17px}.transfer-scheme small{position:absolute;bottom:2px;font-size:7px;color:#bdd9e6;left:6px;right:6px;text-align:center;white-space:nowrap}.map-country{fill:#07293c;stroke:#1c526a;stroke-width:.7;vector-effect:non-scaling-stroke}.map-graticule{fill:none;stroke:#23718d;stroke-width:.4;opacity:.5;vector-effect:non-scaling-stroke}.map-relief{filter:brightness(.65) saturate(1.2)}.power-region{fill:#00476013;stroke:#3bb5d5;stroke-width:.7;vector-effect:non-scaling-stroke;cursor:pointer}.power-region:hover,.power-region:focus-visible{fill:#17b8dc44;stroke:#b5f5ff;stroke-width:1.4}.power-region.selected{fill:#00b9e444;stroke:#66edff;stroke-width:2}.map-water{fill:#07517c;stroke:#6dc5da;stroke-width:.4;vector-effect:non-scaling-stroke}.map-river{fill:none;stroke:#22cffb;stroke-width:.6;vector-effect:non-scaling-stroke}.station-marker{cursor:pointer}.marker-halo{fill:currentColor;opacity:.15;stroke:currentColor}.marker-body{fill:#042137;stroke:currentColor;stroke-width:1.6}.station-marker.selected .marker-halo,.station-marker:hover .marker-halo,.station-marker:focus-visible .marker-halo{opacity:.6;stroke:#c2fbff;stroke-width:1.7}.station-marker.selected .marker-body{stroke:#fff}.station-marker:focus-visible{outline:none}.station-label{fill:#eaf6ff;stroke:#002035;paint-order:stroke;stroke-linejoin:round;font-weight:700}.map-sea{fill:#37cbe7;font-size:8px;letter-spacing:1.2px}.station-panel{position:relative;max-height:470px;height:470px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#267b9b #062238}.station-photo{width:100%;height:130px;object-fit:cover}.panel-close{position:sticky;top:8px;float:right;width:29px;min-height:29px;margin:8px 8px -40px 0;z-index:3;font-size:23px;padding:0;background:#032b40ed}.station-panel h2{font-size:21px;margin:6px 11px 8px}.image-note{font-size:8px;color:#91b7cd;text-align:right;margin:2px 8px 0}.station-panel .type-tag{margin:0 11px 9px}.type-tag{display:inline-block;border:1px solid currentColor;background:#17394799;border-radius:6px;padding:3px 7px;font-size:10px}.station-panel dl{margin:0 11px 11px}.station-panel dl>div,.station-facts>div{display:flex;gap:8px;border-bottom:1px solid #17445d;padding:5px 0;font-size:11px}.station-panel dt,.station-facts dt{color:#a5c7dc;min-width:80px}.station-panel dd,.station-facts dd{margin:0;flex:1}.station-panel p:not(.image-note){font-size:12px;margin:9px 11px}.takeaway{border:1px solid #1c7e8e;border-radius:9px;background:linear-gradient(110deg,#07425188,#002134c9);padding:11px;color:#c7f6fa}.takeaway strong{display:block;color:#68e7ed;font-size:13px;margin-bottom:4px}.station-panel button[data-full-station]{font-size:11px;margin:0 11px 13px;min-height:31px}.region-summary{padding:14px 12px}.region-summary h2{margin:0 0 12px}.region-summary select{width:100%;font-size:12px}.station-panel .region-summary p{margin-left:0;margin-right:0}.quick-grid{display:grid;grid-template-columns:1.05fr 1fr 1.05fr .95fr;gap:9px;margin:9px 0}.quick{padding:12px 13px;min-width:0;display:flex;flex-direction:column;min-height:235px}.quick-map{border-color:#1485b4}.quick-generation{border-color:#ab7433;background:linear-gradient(135deg,#392712b8,#111b22)}.quick-grid-model{border-color:#147b60;background:linear-gradient(135deg,#073b2fa6,#021e25)}.quick-practice{border-color:#7355ac;background:linear-gradient(135deg,#251c43b0,#111c37)}.quick h2{font-size:15px;display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:9px;min-height:20px}.quick h2>button{border-radius:50%;padding:0;min-height:27px;width:27px;flex-shrink:0;margin-top:-3px;background:#07516b;font-size:20px;border-color:#5bb9d0}.quick-generation h2>button{background:#60401e;border-color:#bd9b65}.quick-practice h2>button{background:#48317d;border-color:#a691e0}.quick p{font-size:11px;color:#c5dfec;margin-bottom:8px}.quick-photo{width:100%;height:67px;object-fit:cover;border-radius:6px;margin-bottom:8px}.station-counts{display:flex;justify-content:space-around;gap:6px;margin:2px 0 4px}.station-counts>span{text-align:center;font-size:21px;line-height:1.1;flex:1;border-right:1px solid #135272}.station-counts>span:last-child{border:0}.station-counts strong{display:block;color:#eafaff;font-size:18px;margin:5px 0 2px}.station-counts small{display:block;color:#afcada;font-size:10px}.quick-map>small{font-size:8px;color:#90b7cf;margin-top:auto}.type-buttons{display:flex;border:1px solid #306a80;border-radius:7px;overflow:hidden;align-self:stretch;margin:12px 0}.type-buttons button{flex:1;border:0;border-right:1px solid #285267;border-radius:0;font-size:13px;min-height:35px;padding:6px}.type-buttons button:last-child{border-right:0}.type-buttons button[aria-pressed=true]{background:var(--type-color);color:#041d2c}.mini-types{margin:3px 0}.mini-types button{font-size:10px;min-height:26px;padding:4px}.mini-diagrams{height:118px;display:flex;align-items:center}.mini-diagrams .diagram{width:100%}.mini-output{margin-top:auto!important;font-size:10px!important}.mini-output strong{color:#ffdfa1}.quick-dispatch{display:flex;gap:8px;align-items:center;flex:1}.quick-dispatch>div:first-child{flex:1;min-width:0}.quick-dispatch label{display:flex;align-items:center;gap:6px;font-size:10px;margin:7px 0}.quick-dispatch input{min-width:35px;flex:1;width:60px;accent-color:var(--category-color)}.quick-dispatch output{font-size:9px;width:29px;color:#d1edf5;text-align:right}.score-ring{--score:0;width:145px;height:145px;border-radius:50%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,#052a34 79%,transparent 81%),conic-gradient(#58f0aa calc(var(--score)*1%),#124c4c 0);box-shadow:0 0 0 1px #27716d}.score-ring strong{font-size:44px;line-height:1.05;color:#e4fcff}.score-ring small{text-align:center;font-size:10px;color:#c1e3e8;margin-top:5px;line-height:1.15}.score-ring.small{width:85px;height:85px}.score-ring.small strong{font-size:31px}.score-ring.small small{font-size:8px}.quick-grid-model>button{margin-top:auto;min-height:32px;font-size:11px}.quick-grid-model>p{margin:5px 0;font-size:10px}.quick-practice ol{list-style:none;padding:0;margin:0 0 8px;counter-reset:task}.quick-practice li{display:flex;gap:5px;align-items:center;counter-increment:task}.quick-practice li:before{content:counter(task);color:#76d9df;font-size:9px}.quick-practice li button{font-size:10px;padding:3px 0;min-height:23px;flex:1;text-align:left;border:0;background:none}.quick-practice li span{color:#5bf0bd}.quick-practice #practice-count{font-size:11px;margin:auto 0 4px}.quick-practice progress{width:100%;height:6px;accent-color:#6de9dc;margin-bottom:6px}.quick-practice>button{font-size:10px;min-height:27px;padding:4px 8px;align-self:start}.mode-panel{padding:22px;margin:16px 0;scroll-margin-top:12px}.panel-title{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title h2{font-size:25px}.panel-title>label{font-size:12px;min-width:250px}.panel-title select{display:block;width:100%;margin-top:5px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#48d7ee;font-weight:700;margin-bottom:6px}.map-learning{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.map-learning h3{color:#66e1f2;margin-bottom:9px}.map-learning p{color:#b4d3e4;font-size:13px}.map-learning button{font-size:12px}.model-notice{font-size:13px;color:#b4d6e5;background:#062d414d;border-left:3px solid #2b8ba6;padding:10px 12px;margin-bottom:16px}.diagram{--duration:2s;position:relative}.process-svg{display:block;width:100%;height:auto;overflow:visible}.process-svg text{fill:#c4e4f0;font-size:15px;font-family:Arial,sans-serif;pointer-events:none}.process-svg .loss-label{font-size:13px;fill:#e9a46e}.process-svg .hot-label{fill:#ffb37c}.process-svg .cool-label{fill:#77d9f3}.main-diagram{border:1px solid #21627d;border-radius:10px;padding:15px 7px;background:radial-gradient(ellipse,#0d3347,#031b2d);margin-bottom:20px}.pipe{fill:none;stroke-width:9;stroke:#426d85;stroke-linejoin:round}.moving{fill:none;stroke-width:3;stroke-dasharray:8 9;animation:flow var(--duration) linear infinite}.steam{stroke:#b8e7fa}.current{stroke:#4de9e6}.fuel{stroke:#d6ba82;stroke-width:6}.water{stroke:#9eecff}.primary-hot{stroke:#ff9d5e}.primary-cold{stroke:#aa88f6}.secondary-cold{stroke:#57bfeb}.wind-flow{stroke:#70d8bf;stroke-width:3}.photon{stroke:#ffe28c;stroke-width:3;stroke-dasharray:9 13}.heat-loss{stroke:#f19d64;stroke-width:3;fill:none;stroke-dasharray:6 7;animation:flow 4s linear infinite}.rotating{transform-box:fill-box;transform-origin:center;animation:spin var(--duration) linear infinite}.core-glow,.flame,.sun-light,.electric-lamp{animation:glow 2s ease-in-out infinite alternate}.diagram.paused *,.diagram.no-energy *,.diagram:not([data-visible=true]) *,.page-paused .diagram *{animation-play-state:paused!important}.diagram.no-energy .electric-lamp{fill:#365267}.diagram.no-energy .flame,.diagram.no-energy .core-glow,.diagram.no-energy .sun-light{opacity:.25}.generation-work{display:grid;grid-template-columns:1fr 1fr;gap:35px}.model-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px}.control{display:block;font-size:12px;min-width:0}.control>span{color:#d6eaf5}.control output{float:right;color:var(--category-color,#61e2f2);font-weight:700}.control input{display:block;margin:14px 0 4px;accent-color:var(--category-color,var(--cyan))}.control small{font-size:9px;color:#86adc4}.model-explanation{padding-left:24px;border-left:1px solid #20536d}.model-explanation h3{color:#65e7ec;margin-bottom:8px}.model-explanation p{font-size:13px;color:#bcdbe8}.model-explanation p.formula{font-size:16px;color:#8deaf4;font-family:Consolas,monospace}.model-explanation p.state-label{font-weight:700;color:#72ecc5}.conversion-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;margin-top:24px;padding-top:20px;border-top:1px solid #24556d}.conversion-grid h3{margin-bottom:14px}.energy-bar{margin-bottom:13px}.energy-bar label{display:flex;justify-content:space-between;font-size:12px;color:#b8d7e7;margin-bottom:5px}.energy-bar strong{color:#6ee8fa}.energy-bar>div{height:11px;background:#12384d;border-radius:7px;overflow:hidden}.energy-bar i{display:block;height:100%;background:#2ca5ca;border-radius:7px;min-width:0;transition:width .15s}#electric-bar{background:#51eac1}#unused-bar{background:#dba56e}.energy-period{padding:10px 23px;border-left:1px solid #1c566d}.large-result{margin-top:25px}.large-result strong{display:block;font-size:37px;color:#6beed1}.large-result span{font-size:12px;color:#adcfdf}.muted{font-size:11px;color:#8eb5cd}.scenario-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.scenario-buttons button{font-size:12px}.scenario-buttons button[aria-pressed=true]{background:#0c677a;border-color:#66e4ed;color:#ecffff}.dispatch-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:32px}.dispatch-layout h3{margin-bottom:14px}.grid-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;margin-bottom:20px}.dispatch-results{border-left:1px solid #20556d;padding-left:28px}.result-top{display:flex;align-items:center;gap:23px;margin-bottom:20px}.balance-values{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:1}.balance-values>div{border:1px solid #205875;border-radius:6px;padding:7px 9px;background:#06304777}.balance-values strong{font-size:21px;color:#6feaf7;display:block}.balance-values small{font-size:9px;color:#b5d5e4}.power-stack{height:17px;display:flex;background:#16394b;border-radius:7px;overflow:hidden}.power-stack i{height:100%;background:var(--category-color);transition:width .15s}.dispatch-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;margin:6px 0 15px}.dispatch-table{border-collapse:collapse;width:100%;font-size:12px;margin:12px 0 18px}.dispatch-table caption{text-align:left;font-size:10px;color:#9bbdd4;margin-bottom:8px}.dispatch-table th,.dispatch-table td{padding:6px 7px;border-bottom:1px solid #194b63;text-align:right}.dispatch-table th:first-child{text-align:left}.dispatch-table th{font-weight:400;color:#c5ddeb}#grid-bottleneck{color:#71edb8}#grid-advice{font-size:13px;color:#d0e7f2}#capture-result{font-size:12px;color:#73e3c8;margin-top:10px}.task-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.task-tabs button{min-width:43px}.task-tabs button[aria-pressed=true]{background:#126e88;border-color:#69e4f7;color:#eaffff}.task-tabs button.correct:after{content:' ✓';color:#71f3b1}.task-title{font-size:21px;margin:0 0 12px}.task-options{display:grid;gap:8px;max-width:760px;margin:15px 0}.task-options label{display:flex;align-items:center;gap:11px;background:#06273a;border:1px solid #22536d;padding:11px 13px;border-radius:8px}.task-options input{margin:0;flex-shrink:0}.stage-list{list-style:none;counter-reset:stage;padding:0;margin:20px 0;display:grid;gap:6px;max-width:800px}.stage-list li{display:flex;align-items:center;gap:10px;border:1px solid #21566b;border-radius:8px;background:#082e40;padding:9px 12px;counter-increment:stage}.stage-list li:before{content:counter(stage,decimal-leading-zero);color:#52daed}.stage-list li>span{flex:1}.stage-list button{padding:0;min-height:33px;width:35px}.feedback{border-left:3px solid #e7a170;padding:10px 14px;margin-top:16px;background:#0b2a3e80;font-size:13px}.feedback:empty{display:none}.feedback.good{border-color:#5ee6b0}.feedback p{margin:5px 0 0}.practice-report{border-top:1px solid #25566e;padding-top:15px;margin-top:20px;font-size:13px}.reading{padding:22px;margin:20px 0 14px}.reading h2{margin-bottom:12px}.reading p{color:#b4d2e5;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:20px;font-size:12px}footer{border-top:1px solid #194c63;padding:18px 3px 35px;color:#8bb1c8;font-size:11px}footer>p{margin-bottom:12px}footer details{max-width:1250px}summary{cursor:pointer}footer summary{color:#76d9e9}footer details p{margin-top:12px}dialog{background:linear-gradient(130deg,#082d43,#031727);color:var(--text);border:1px solid #39a3b9;border-radius:13px;max-width:min(850px,calc(100vw - 22px));max-height:90dvh;overflow:auto;padding:24px;line-height:1.5;scrollbar-width:thin;scrollbar-color:#227792 #041b2d}dialog::backdrop{background:#00101ed4;backdrop-filter:blur(4px)}dialog h2{font-size:24px;margin-bottom:15px;padding-right:40px}dialog p{color:#c3dfec;font-size:14px}dialog h3{margin:20px 0 9px;color:#77e7ee}.dialog-close{position:sticky;top:0;float:right;z-index:4;width:40px;min-height:40px;padding:0;font-size:25px;background:#07425b}.station-full-photo{height:165px;width:100%;object-fit:cover;border-radius:8px}.station-facts{margin:14px 0}.station-section h3{font-size:15px}.station-section p{font-size:14px}#help-dialog details{border-top:1px solid #215672;padding:13px 0}#help-dialog summary{font-size:16px;color:#7be2f2}.glossary{font-size:13px}.glossary dt{font-weight:700;color:#72ddd6;margin-top:12px}.glossary dd{margin:3px 0 0;color:#b7d4e4}.system-group,.isolated-group{padding:16px;border:1px solid #20647e;border-radius:9px;margin:15px 0}.system-group h3,.isolated-group h3{margin:0 0 12px}.system-boxes{display:flex;flex-wrap:wrap;gap:8px}.system-boxes>span{border:1px solid #26a3b4;border-radius:6px;background:#08404e;padding:10px;font-size:13px}.isolated-group{border-style:dashed;background:#1d294044}.isolated-group ul{padding-left:18px;font-size:13px}.storage-status{position:fixed;bottom:10px;left:15px;right:15px;background:#09374e;border:1px solid #54d3ec;border-radius:8px;padding:12px;z-index:20}.skip{position:absolute;left:15px;top:-60px;z-index:30;padding:12px;background:#07384b}.skip:focus{top:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{to{stroke-dashoffset:-68}}@keyframes glow{to{opacity:.6}}
@media(min-width:1600px){.map-stage,.station-panel{height:500px;max-height:500px}.hero{min-height:140px}.hero figure{height:140px}.quick{min-height:245px}}
@media(max-width:1250px){.site-header{gap:25px;padding:0 20px}.site-header nav{gap:20px}.hero{grid-template-columns:1.25fr 1fr;gap:15px}.hero h1{font-size:31px}.hero p{font-size:13px}.hero figure{height:130px}.workspace{grid-template-columns:190px minmax(300px,1fr) 260px}.layers{padding:12px 10px}.layer-label{font-size:11px;gap:6px}.layer-icon{width:23px;font-size:22px}.legend p{font-size:9px}.station-panel h2{font-size:19px}.quick h2{font-size:13px}.quick{padding:11px 10px}.quick-dispatch{gap:4px}.score-ring.small{width:68px;height:68px}.score-ring.small strong{font-size:25px}.quick-dispatch label{font-size:9px;gap:4px}.quick-dispatch output{font-size:8px;width:24px}.quick-practice li button{font-size:9px}.mini-diagrams{height:100px}.quick-generation .mini-output{font-size:9px!important}.map-learning{gap:15px}}
@media(max-width:1000px){.workspace{grid-template-columns:185px minmax(0,1fr)}.station-panel{grid-column:1/-1;height:auto;max-height:280px}.station-photo{width:220px;height:140px;float:left;margin-right:17px;border-radius:8px}.station-panel:after{content:'';display:block;clear:both}.station-panel h2{margin-top:12px}.station-panel dl{display:inline-block;min-width:240px}.station-panel .image-note{display:none}.station-panel p.takeaway{clear:both}.quick-grid{grid-template-columns:1fr 1fr}.quick{min-height:220px}.quick h2{font-size:16px}.mini-diagrams{height:120px}.quick-practice li button{font-size:11px}.quick-dispatch label{font-size:11px}.score-ring.small{width:90px;height:90px}.score-ring.small strong{font-size:32px}.hero{grid-template-columns:1fr 280px}.hero h1{font-size:29px}.title-line{gap:8px}.hero .badge{font-size:10px}.tabs button{font-size:12px;gap:8px;padding:8px}.tabs button>span{font-size:22px}.dispatch-layout{grid-template-columns:1fr 1fr;gap:20px}.dispatch-results{padding-left:20px}.result-top{gap:12px;flex-direction:column;align-items:stretch}.score-ring{margin:0 auto}.generation-work{gap:20px}.map-learning{grid-template-columns:1fr 1fr}.map-learning article:last-child{grid-column:1/-1}.site-header .brand img{width:175px}.site-header nav{gap:15px}}
@media(max-width:700px){.wrap{padding:0 10px}.site-header{height:56px;padding:0 12px;gap:12px}.site-header .brand img{width:150px}.site-header nav{margin-left:auto}.site-header nav a:not([aria-current]){display:none}.site-header nav a[aria-current]{font-size:11px;padding:17px 0}.header-actions{margin-left:0;gap:3px}.header-actions button{width:28px;min-height:34px}.breadcrumbs{font-size:9px;padding:10px 0;gap:5px}.breadcrumbs a:nth-of-type(-n+2),.breadcrumbs span:nth-child(-n+4){display:none}.hero{display:block;position:relative;min-height:0;margin-bottom:12px}.hero h1{font-size:29px}.title-line{gap:8px;margin-bottom:9px}.hero p{font-size:13px;line-height:1.5;margin:0}.hero figure{height:95px;margin-top:12px}.hero figure:after{background:linear-gradient(transparent,#00142544)}.tabs{grid-template-columns:1fr 1fr;gap:1px;margin-bottom:8px}.tabs button{font-size:11px;justify-content:start;min-height:48px;gap:8px;padding:7px 8px}.tabs button>span{font-size:21px}.workspace{display:flex;flex-direction:column;gap:7px}.map-panel{order:0}.layers{order:1;padding:11px 12px}.station-panel{order:2;height:auto;max-height:380px}.map-stage{height:325px}.map-search{width:210px;right:7px;top:8px}.map-search input{font-size:10px}.zoom{left:8px;top:10px}.zoom button{width:32px;min-height:32px}.map-note{font-size:8px;left:8px;bottom:3px;right:8px;white-space:normal;padding:2px 3px}.transfer-scheme{bottom:26px;right:6px;gap:7px;padding:3px 9px 15px;transform:scale(.9);transform-origin:bottom right}.transfer-scheme small{font-size:6px}.layers details[open]{display:block}.layers summary{font-size:14px}.layer-label{margin:13px 0;font-size:12px}.layer-icon{width:28px}.legend{display:none}.layers>button{margin-top:8px;min-height:36px}.station-photo{width:100%;height:120px;float:none;margin:0;border-radius:0}.station-panel .image-note{display:block}.station-panel h2{font-size:21px;margin-top:6px}.station-panel dl{display:block;min-width:0}.station-panel p:not(.image-note){font-size:13px}.station-panel button[data-full-station]{min-height:38px}.panel-close{width:36px;min-height:36px}.quick-grid{grid-template-columns:1fr 1fr;gap:7px}.quick{min-height:225px;padding:10px 9px}.quick h2{font-size:12px;gap:4px;line-height:1.2;margin-bottom:7px}.quick h2>button{width:23px;min-height:23px;font-size:16px;flex-shrink:0}.quick p{font-size:10px}.quick-photo{height:58px}.station-counts{gap:2px}.station-counts>span{font-size:18px}.station-counts strong{font-size:17px}.station-counts small{font-size:8px}.quick-map>small{font-size:8px}.mini-types button{font-size:9px;min-height:30px;padding:4px 2px}.mini-diagrams{height:88px}.mini-diagrams .process-svg text{font-size:18px}.mini-output{font-size:9px!important}.quick-dispatch{gap:4px;align-items:start;flex-wrap:wrap}.quick-dispatch>div:first-child{width:100%}.quick-dispatch label{font-size:9px;gap:5px;margin:5px 0}.quick-dispatch input{height:14px;min-width:25px}.quick-dispatch output{font-size:8px}.score-ring.small{width:55px;height:55px;margin:0 auto}.score-ring.small strong{font-size:21px}.score-ring.small small{font-size:6px;margin-top:2px}.quick-grid-model>p{font-size:9px;margin:5px 0}.quick-grid-model>button{font-size:9px;min-height:34px;padding:5px}.quick-practice li button{font-size:9px;min-height:27px;line-height:1.2}.quick-practice li{gap:3px}.quick-practice li:before{font-size:8px}.quick-practice #practice-count{font-size:10px}.quick-practice>button{font-size:9px;min-height:32px}.mode-panel{padding:16px 12px;margin-top:13px}.panel-title{display:block;margin-bottom:14px}.panel-title h2{font-size:22px;margin-bottom:11px}.panel-title>label{display:block;min-width:0}.map-learning{grid-template-columns:1fr;gap:15px}.map-learning article:last-child{grid-column:auto}.model-notice{font-size:12px;padding:9px 10px}.type-buttons button{font-size:11px;min-height:39px}.main-diagram{padding:10px 0;overflow:hidden}.main-diagram .process-svg{min-width:480px;width:100%;transform-origin:center}.main-diagram{overflow-x:auto}.generation-work{grid-template-columns:1fr;gap:18px}.model-controls{gap:20px 15px}.control{font-size:11px}.control output{font-size:11px}.control input{margin-top:12px}.model-explanation{border-left:0;padding:12px 0 0;border-top:1px solid #215970}.model-explanation p{font-size:12px}.conversion-grid{grid-template-columns:1fr;gap:17px}.energy-period{border-left:0;padding:15px 0 0;border-top:1px solid #20576b}.energy-bar label{font-size:10px}.large-result strong{font-size:32px}.scenario-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scenario-buttons button{font-size:10px;padding:7px;min-height:40px}.scenario-buttons button:last-child{grid-column:1/-1}.dispatch-layout{grid-template-columns:1fr;gap:20px}.grid-controls{gap:19px 15px}.dispatch-results{border-left:0;border-top:1px solid #21566d;padding:20px 0 0}.result-top{flex-direction:row;align-items:center;gap:15px}.result-top .score-ring{width:100px;height:100px}.result-top .score-ring strong{font-size:32px}.result-top .score-ring small{font-size:8px}.balance-values{gap:5px}.balance-values>div{padding:5px 7px}.balance-values strong{font-size:18px}.balance-values small{font-size:8px}.dispatch-table{font-size:11px}.dispatch-legend{gap:9px}.dispatch-results #capture-grid{font-size:11px;min-height:41px}.task-title{font-size:18px}.task-options{font-size:12px}.task-options label{padding:9px}.stage-list{font-size:12px}.stage-list li{padding:8px;gap:7px}.stage-list button{width:34px;min-height:36px}.task-tabs{gap:6px}.task-tabs button{min-width:38px;padding:7px}.reading{padding:17px 13px}.reading h2{font-size:19px}.reading p{font-size:12px}.footer-links{gap:14px;font-size:11px}dialog{padding:18px;max-width:calc(100vw - 18px);max-height:92dvh}dialog h2{font-size:21px}.dialog-close{width:42px;min-height:42px}.station-full-photo{height:130px}.station-section p{font-size:13px}.system-boxes>span{font-size:11px;padding:8px}.glossary{font-size:12px}#help-dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Decorative glow must not intercept a nearby station, especially on phones. */
.marker-halo,.station-marker>path{pointer-events:none}
/* Align all three columns to the map instead of stretching an empty map footer. */
.workspace{align-items:start}.layers{height:472px;overflow-y:auto;scrollbar-width:thin}.map-panel{height:472px}.station-panel{height:472px;max-height:472px}.layer-label{margin:10px 0}.legend{margin:10px 0 8px;padding-top:9px}.legend h2{margin-bottom:8px;font-size:11px}.legend p{font-size:9px;margin-bottom:5px;line-height:1.25}.transfer-scheme{min-width:190px}.layers>button{min-height:29px}
@media(min-width:1600px){.layers,.map-panel,.station-panel{height:502px;max-height:502px}}
@media(max-width:1000px){.station-panel{height:auto;max-height:280px}}
@media(max-width:700px){.workspace{align-items:stretch}.layers{height:auto;max-height:none;overflow:visible}.map-panel{height:327px;width:100%}.station-panel{height:auto;max-height:380px}.layer-label{margin:13px 0}.layers>button{min-height:36px}.transfer-scheme{min-width:190px}}

.ferrous{color:#ff5275}.nonferrous{color:#ffb449}.mining{color:#bbc3c9}.deposit{color:#f2ead6}.districts{color:#bc8df5}.transport{color:#58d9fb}.hero h1{font-size:37px}.hero{grid-template-columns:1.15fr 1fr}.map-relief{filter:brightness(.67) saturate(1.7) contrast(1.12)}.metal-rail{fill:none;stroke:#bddef0;stroke-width:.65;stroke-dasharray:3 2;opacity:.58;vector-effect:non-scaling-stroke}.metal-port circle{fill:#09355b;stroke:#53ceff;stroke-width:1.4}.metal-port text{fill:#a6efff;font-size:12px}.virtual-project{pointer-events:none}.virtual-project path{fill:#0c5542;stroke:#65ffc1;stroke-width:2.5;filter:drop-shadow(0 0 5px #44ffd0)}.virtual-project text{fill:#9affe0;font-size:11px;stroke:#001f2d;stroke-width:3;paint-order:stroke}.map-group-note{position:absolute;right:8px;bottom:9px;pointer-events:none;font-size:8px;background:#251b43c9;border:1px solid #906cc4;border-radius:5px;padding:3px 6px;color:#e1cbff}.station-panel .type-tag{font-size:11px}.station-panel dl>div{font-size:11px}.quick{min-height:239px}.quick-generation .mini-diagrams{height:100px}.quick h2{font-size:15px}.quick-grid-model select{width:100%;font-size:10px;min-height:28px;padding:4px}.mini-placement{margin:4px 0 8px}.mini-placement label{display:grid;grid-template-columns:94px 1fr 30px;gap:6px;align-items:center;font-size:10px;margin:7px 0}.mini-placement input{min-width:0;height:16px}.mini-placement output{text-align:right;font-size:9px}.quick-grid-model>p{font-size:10px}.route-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.route-buttons button[aria-pressed=true]{border-color:#ffad62;color:#ffe2b8;background:#593b24}.main-diagrams{border:1px solid #225d77;border-radius:10px;background:radial-gradient(ellipse at center,#17415966,transparent);margin:12px 0;overflow:hidden}.main-diagrams .main-diagram{padding:5px 10px;min-height:260px}.main-diagrams svg{display:block;width:100%;max-height:350px}.process-svg{overflow:visible}.process-svg .stage-caption{font:14px Arial;fill:#c6e3ee}.process-svg .stage-glow{fill:#0c314333;stroke:#31566a;stroke-width:1;opacity:.4;transition:fill .3s,stroke .3s,opacity .3s}.process-svg [data-active=true] .stage-glow{fill:#a3641922;stroke:var(--metal-color);opacity:1;stroke-width:2}.process-svg [data-active=true] .hot{filter:drop-shadow(0 0 5px #ffb151)}.process-svg .material-transfer{opacity:.5}.process-svg [data-active=true] .material-transfer{opacity:1}.process-svg .moving{animation:material-move var(--duration,1.2s) linear infinite}.process-svg .bubbles{animation:bubbles var(--duration,1.2s) ease-in-out infinite}.diagram.paused *,.diagram[data-visible=false] *,.diagram.no-energy *,.page-paused .diagram *,.animation-paused .diagram *{animation-play-state:paused!important}.diagram.no-energy .moving{opacity:0}.animation-controls{display:flex;align-items:center;gap:8px;margin:10px 0}.animation-controls button{min-width:43px}.animation-controls span{margin-left:auto;font-size:12px;color:#93d6e6}.stage-buttons{display:flex;gap:6px;flex-wrap:wrap}.stage-buttons button{flex:1;font-size:11px;padding:7px;min-height:39px}.stage-buttons button[aria-pressed=true]{border-color:#ffbc61;color:#ffe3bf;background:#493822}.stage-description{border-left:3px solid #eea45c;background:#12374966;padding:11px 14px;min-height:62px;font-size:13px;margin:12px 0 20px}.model-controls{display:grid;grid-template-columns:1fr 1fr}.material-results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid #205069;padding-top:20px;margin-top:20px}.material-results>div{padding:12px;background:#07314766;border:1px solid #1e5369;border-radius:9px}.material-results strong{display:block;font-size:30px;color:#6bf0bf}.material-results span{font-size:11px;color:#b7d3e3;display:block;margin-top:3px}.material-stack{display:flex;height:12px;border-radius:7px;overflow:hidden;background:#153b4f;margin:15px 0}.material-stack i{display:block;transition:width .15s}.material-stack #output-part{background:#48e4a7}.material-stack #loss-part{background:#ed9264}.material-stack #unused-part{background:#6487a5}.territory-selects{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin:18px 0}.territory-selects label{display:grid;gap:5px;color:#98d8e3}.territory-selects select{width:100%}#region-facts{background:#083044;border-radius:8px;padding:12px}.grid-controls{grid-template-columns:1fr 1fr}.gate-controls{display:grid;gap:9px;margin-top:12px}.gate-controls label{display:flex;gap:9px;align-items:center;font-size:12px}.gate-controls input{flex-shrink:0}.contributions{margin:18px 0}.contribution-row{display:grid;grid-template-columns:140px 1fr 54px;gap:7px;align-items:center;font-size:11px;margin:9px 0}.bar-track{height:9px;background:#103d53;border-radius:5px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#17bde9,#58d9c1);border-radius:5px;transition:width .15s}.contribution-row strong{font-size:10px;text-align:right;color:#94dfed}#placement-constraints{color:#ffc49b}#project-status{margin-top:10px;font-size:12px}.compare-heading{display:flex;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid #1a5268;padding-top:20px}.compare-heading strong{color:#5fecd1}.comparison-bars{margin:18px 0}.comparison-row{display:grid;grid-template-columns:170px 1fr 28px 1fr 28px;gap:12px;align-items:center;font-size:12px;margin:11px 0}.comparison-row .bar-track:last-of-type i{background:linear-gradient(90deg,#8275e7,#b6a7ff)}.comparison-row output{color:#a2dbe3;text-align:right}.result-top #placement-status{font-size:13px;color:#b1dde7}#placement-ring{width:120px;height:120px}#placement-score{font-size:39px}#practice-report{margin-bottom:17px}.task-options label{cursor:pointer}#retake-practice{margin-top:8px}.station-full-photo{width:100%;height:180px;object-fit:cover}.dialog-close{position:sticky;top:0;float:right;z-index:2}.station-section{margin-top:16px}.station-section h3{color:#54d7e7;margin-bottom:6px}.station-facts dt{max-width:130px}.station-facts>div{font-size:13px}.station-facts dd{line-height:1.45}.district-overlay path{transition:fill .15s}dialog{scrollbar-width:thin}.score-ring{background:radial-gradient(closest-side,#052a34 79%,transparent 81%),conic-gradient(#58f0aa calc(var(--score)*1%),#124c4c 0)}@keyframes material-move{from{transform:translateX(0)}to{transform:translateX(55px)}}@keyframes bubbles{50%{transform:translateY(-7px);opacity:.45}}
.breadcrumbs{padding-top:6px;padding-bottom:4px}.hero{min-height:110px}.hero figure{height:110px}.station-panel h2{font-size:17px;line-height:1.2}.station-photo{height:105px}.main-diagrams .main-diagram{border:0;background:none;margin-bottom:0}.mini-diagrams .diagram{margin:0}.mini-diagrams .process-svg .stage-glow{opacity:.15}.quick{min-height:230px}.quick-generation .mini-diagrams{height:90px}
@media(min-width:1600px){.main-diagrams .main-diagram{min-height:280px}}
@media(max-width:1250px){.quick h2{font-size:13px}.mini-placement label{grid-template-columns:80px 1fr 27px;font-size:9px}.quick-grid-model select{font-size:9px}.hero h1{font-size:33px}.contribution-row{grid-template-columns:120px 1fr 45px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 300px}.hero h1{font-size:30px}.quick h2{font-size:16px}.mini-placement label{grid-template-columns:100px 1fr 35px;font-size:11px}.quick-grid-model select{font-size:12px}.material-results{grid-template-columns:1fr 1fr}.comparison-row{grid-template-columns:150px 1fr 25px 1fr 25px;gap:8px}}
@media(max-width:700px){.hero{display:block}.hero h1{font-size:30px}.layers{width:100%}.station-panel{width:100%}.quick h2{font-size:12px}.quick{min-height:240px}.quick-generation .mini-diagrams{height:90px}.mini-placement label{grid-template-columns:1fr 50px 24px;font-size:8px;gap:3px;line-height:1.2;margin:8px 0}.mini-placement input{width:100%;min-width:20px}.mini-placement output{font-size:8px}.quick-grid-model select{font-size:9px;min-height:34px;padding:4px 16px 4px 4px}.map-group-note{font-size:7px;bottom:25px}.main-diagrams{overflow-x:auto}.main-diagrams .main-diagram{min-width:700px;min-height:190px;padding:5px}.main-diagrams svg{min-width:700px}.animation-controls{gap:5px;flex-wrap:wrap}.animation-controls button{font-size:11px;padding:7px;min-width:36px}.animation-controls span{font-size:10px}.stage-buttons{gap:5px}.stage-buttons button{flex:1 1 30%;font-size:10px}.stage-description{font-size:12px}.model-controls{gap:22px 12px}.material-results{gap:8px}.material-results strong{font-size:25px}.material-results span{font-size:10px}.material-results>div{padding:9px}.territory-selects{grid-template-columns:1fr auto 1fr;gap:6px}.territory-selects label{font-size:11px;min-width:0}.territory-selects select{font-size:10px;padding:7px 18px 7px 5px}.territory-selects>button{padding:5px;min-width:30px}.contribution-row{grid-template-columns:120px 1fr 44px;font-size:10px}.compare-heading{display:block}.compare-heading strong{display:block;margin-top:7px}.comparison-row{grid-template-columns:100px 1fr 20px 1fr 20px;gap:5px;font-size:10px}.gate-controls label{font-size:12px}.main-diagrams .process-svg .stage-caption{font-size:14px}.station-facts>div{font-size:12px}.station-full-photo{height:140px}#region-facts{font-size:12px}#placement-conclusion{font-size:12px}}
@media(prefers-reduced-motion:reduce){.process-svg *{animation:none!important;transition:none!important}}