:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#e5f0f7;background:#08121c;font-size:12px;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{cursor:pointer;font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #60e6d5;outline-offset:3px}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,20,.32),transparent 52%),linear-gradient(0deg,rgba(0,8,16,.46),transparent 38%);pointer-events:none}.topbar{position:absolute;inset:0 0 auto;height:78px;border-bottom:1px solid rgba(153,195,208,.18);background:linear-gradient(90deg,rgba(6,16,25,.99),rgba(9,21,31,.84));backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 21px;z-index:5}.brand{display:flex;align-items:center;gap:15px}.brandmark{display:grid;place-items:center;border:1px solid #4fd3bf;color:#d7fff8;width:47px;height:45px;font-size:30px;font-weight:900;letter-spacing:-.14em;transform:skew(-8deg)}.brandmark span{font-size:11px;letter-spacing:-.16em;margin-left:-6px;color:#56e2cb}.brand strong{font-size:20px;letter-spacing:.13em}.brand small{font-size:12px;color:#73d6c9;font-weight:500}.brand p{margin:4px 0 0;color:#829ba9;letter-spacing:.16em;font-size:9px}.minor{color:#506d7b}.topstate{display:flex;align-items:center;gap:23px;color:#8ba3b1;letter-spacing:.12em;font-size:10px}.topstate b{color:#66eac8;font-weight:800}.topclock{border-left:1px solid #34515e;padding-left:20px;font-size:13px;font-variant-numeric:tabular-nums}.live-dot{width:7px;height:7px;background:#45e6af;border-radius:100%;box-shadow:0 0 13px #34ddab;animation:pulse 2.2s infinite}@keyframes pulse{50%{opacity:.4}}#help{border:1px solid #345564;background:#132736;padding:9px 11px;border-radius:4px;font-size:10px;letter-spacing:.08em}.sidebar{position:absolute;left:16px;top:92px;bottom:55px;width:355px;background:rgba(7,19,30,.94);border:1px solid rgba(128,178,202,.25);box-shadow:0 20px 70px #0008;backdrop-filter:blur(14px);display:flex;flex-direction:column;z-index:4}.panel-heading{padding:20px 20px 15px;display:flex;justify-content:space-between;align-items:center}.eyebrow,.section-label{font-size:9px;font-weight:700;letter-spacing:.14em;color:#77a0ae}.panel-heading h1{margin:7px 0 0;font-size:23px;font-weight:620;letter-spacing:-.04em}.panel-heading h1 span{font-size:11px;color:#76e1d0;vertical-align:top;margin-left:5px}.heatsigil{color:#62d9d0;font-size:22px;text-align:center}.heatsigil span{display:block;color:#8da7b4;font-size:10px}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #27404d;border-bottom:1px solid #27404d}.tab{border:0;background:none;padding:14px 0;color:#7893a2;font-size:10px;font-weight:700;letter-spacing:.08em;border-bottom:2px solid transparent}.tab.active{color:#67ecdc;border-bottom-color:#54ddc6;background:rgba(68,206,185,.075)}.tab-page{display:none;overflow:auto;flex:1;padding:18px 19px 12px;scrollbar-width:thin;scrollbar-color:#345d68 transparent}.tab-page.active{display:block}.section-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px}.section-label:not(:first-child){margin-top:20px}.section-label i{font-style:normal;color:#4de4cc}.power-card{display:flex;align-items:center;border:1px solid #345763;background:linear-gradient(135deg,#12303b,#0b202c);padding:15px 14px}.power-card>div{flex:1}.power-card span{font-size:9px;letter-spacing:.11em;color:#94b6bf}.huge{display:flex;align-items:baseline;gap:7px;margin:4px 0}.huge strong{font-size:42px;font-weight:720;line-height:1.15;color:#78f7db;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.huge small{color:#a0bfca;font-size:15px}.power-card p{margin:3px 0 0;color:#91a7b0;font-size:10px}.power-card p span{color:#f4bc69}.spark{width:114px;height:72px}.quad{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1b3543;border:1px solid #233e4b}.quad>div{background:#101f2b;padding:12px 11px}.quad span{display:block;color:#7c9aaa;font-size:9px;letter-spacing:.08em}.quad strong{font-variant-numeric:tabular-nums;font-size:23px;display:inline-block;color:#f0f7f9;margin-top:7px}.quad small{color:#6fcdbc;margin-left:4px}.controls{display:grid;gap:14px}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#bdd0d6}.control-header b{color:#72ebd8;font-size:13px;font-variant-numeric:tabular-nums}.control-line input{appearance:none;width:100%;height:4px;background:#304551;border-radius:3px;margin:0}.control-line input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #0b2432;background:#72e5cb;box-shadow:0 0 0 1px #6bd6c7;border-radius:50%}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.presets button{background:#182e3b;border:1px solid #2f4e60;border-radius:3px;padding:10px 2px;font-weight:700;font-size:9px;color:#9bb4c2}.presets button.selected{background:#174a4a;border-color:#4ad3b9;color:#9affed}.presets button.emergency{border-color:#814439;color:#f4a88f}.diagnostics{border-top:1px solid #34505f}.diagnostics>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #1b3540;font-size:10px;letter-spacing:.04em;color:#8198a7}.diagnostics b{font-size:11px;color:#d4e5e9}.side-footer{padding:10px 16px 13px;border-top:1px solid #2c4654;background:#091a27}.side-footer #alert{display:flex;align-items:center;gap:8px;margin-bottom:10px}.status-chip{font-size:8px;letter-spacing:.12em;color:#80f2d6;border:1px solid #286c62;padding:4px 6px}.side-footer #alert b{font-size:10px;color:#a9c8c7;font-weight:500}.footerbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.footerbtns button{border:1px solid #345567;background:#152b38;padding:9px 0;font-size:9px;font-weight:700;letter-spacing:.04em}.tab-page h2{font-size:21px;font-weight:600}.muted{line-height:1.7;color:#98adbb;font-size:11px}.geostat{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #23404d;padding:14px 0}.geostat span{color:#94aeb7;font-size:10px;letter-spacing:.06em}.geostat strong{font-size:18px;color:#89f4d9}.geostat small{font-size:11px}.layerchart{margin:19px 0 22px;display:grid;grid-template-rows:repeat(4,42px);font-size:10px;font-weight:bold;letter-spacing:.06em}.layerchart div{display:flex;align-items:center;padding-left:12px;border-left:3px solid #dfaa66}.layerchart .crust{background:#777363;color:#fff}.layerchart .porous{background:#78625b;color:#fff}.layerchart .hotrock{background:#6b3330;color:#fee}.layerchart .reservoir{background:#bf592e;color:#fff}.action{padding:12px;background:#152f3a;border:1px solid #528c8e;font-weight:700;letter-spacing:.09em;width:100%}.action.primary{background:#42b9ab;border-color:#81f2e1;color:#062329}.hint{font-size:10px;color:#839dab;line-height:1.6}.hotspots{display:grid;gap:6px;margin-top:13px}.hotspot{width:100%;text-align:left;background:#122a39;border:1px solid #315464;display:flex;align-items:center;gap:12px;padding:12px 10px}.hotspot:hover{border-color:#66dac8}.hotspot .index{color:#5fe5ca;font-weight:900;font-size:18px}.hotspot strong{font-size:11px}.hotspot small{display:block;font-size:9px;color:#8099a9;margin-top:5px}.facility-count{display:flex;align-items:baseline;gap:13px;padding:9px 0;border-bottom:1px solid #263e4b}.facility-count strong{font-size:23px;color:#62ead3;width:35px}.facility-count span{color:#afc1c6}.viewmode{position:absolute;right:28px;top:95px;display:flex;gap:6px;z-index:3}.viewmode button{background:rgba(9,24,36,.90);border:1px solid #3c6271;padding:12px 13px;letter-spacing:.09em;font-size:10px;font-weight:700;color:#97b3bd;backdrop-filter:blur(6px)}.viewmode button.active{background:rgba(46,145,135,.75);color:#e6fff8;border-color:#6ee6d2}.floatcard{position:absolute;right:28px;background:rgba(8,23,34,.86);border:1px solid #335361;backdrop-filter:blur(9px);padding:11px 13px;z-index:2}.north{top:150px;width:237px}#minimap{width:100%;height:157px;display:block;margin-top:7px}.mapfoot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em;color:#86acb5}.readout{bottom:73px;display:flex;flex-direction:column;gap:6px;min-width:237px}.readout span{font-size:9px;color:#78a0b0;letter-spacing:.1em}.readout strong{font-size:13px;letter-spacing:.03em}.bottom{position:absolute;bottom:0;left:0;width:100%;height:47px;background:rgba(6,17,25,.94);border-top:1px solid #3a5865;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 389px;font-size:10px;font-weight:700;color:#a6bdc6;letter-spacing:.08em;z-index:3}.key{display:inline-block;border:1px solid #537181;padding:4px 5px;border-radius:2px;color:#eff}.sep{color:#4a6976;padding:0 7px}.rate{display:flex;align-items:center;gap:13px}.rate input{width:95px;accent-color:#5ce2cf}.rate b{color:#6aead0;width:30px}.notice{position:absolute;left:50%;bottom:80px;transform:translateX(-50%) translateY(12px);border:1px solid #62dbcd;background:rgba(9,38,47,.95);padding:12px 20px;opacity:0;transition:.3s;pointer-events:none;z-index:7;font-size:12px}.notice.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{color:#deeff0;position:absolute;z-index:10;max-width:500px;width:90%;background:#0b2531;border:1px solid #5adccb;box-shadow:0 20px 90px #000c;padding:28px}dialog::backdrop{background:#000b}dialog h2{font-size:24px}dialog p{color:#9fbbc7;line-height:1.5}.helpgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:24px 0}.helpgrid strong{color:#7ff0da}.helpgrid span{color:#c3d5db}dialog .action{margin-top:15px}@media(max-width:1040px){.north{top:auto;bottom:128px}.sidebar{width:320px}.bottom{padding-left:355px}.bottom-left{font-size:9px}.brand strong{font-size:17px}}@media(max-width:740px){.topbar{height:59px;padding:0 12px}.brandmark{width:34px;height:34px;font-size:22px}.brand strong{font-size:13px}.brand small,.minor,.topclock{display:none}.brand p{font-size:7px}.topstate{gap:6px}.topstate>span{display:none}.sidebar{top:auto;bottom:0;left:0;width:100%;height:41vh;border:0;border-top:1px solid #376478}.panel-heading{padding:8px 12px 5px}.panel-heading h1{font-size:15px;margin:2px 0}.heatsigil{font-size:13px}.tab{padding:9px}.tab-page{padding:10px 12px}.power-card{padding:7px}.huge strong{font-size:30px}.quad strong{font-size:19px}.side-footer{padding:5px 10px}.viewmode{right:8px;top:68px}.viewmode button{padding:8px;font-size:8px}.north,.readout{display:none}.bottom{left:0;bottom:41vh;height:30px;padding:0 7px}.bottom-left{display:none}.rate{margin-left:auto}.section-label:not(:first-child){margin-top:12px}}