:root{--bg:#061019;--card:rgba(8,19,28,.90);--line:rgba(145,190,200,.14);--line2:rgba(145,190,200,.26);--text:#e0f0ee;--muted:#78959f;--soft:#a9bdc4;--teal:#61e8ce;--teal2:#1a988e;--amber:#ffb974;--red:#ff7c75;--font:'Inter', 'Segoe UI', Arial,sans-serif;}
*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}button,input{font:inherit}button{cursor:pointer;user-select:none}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}#app{position:absolute;inset:0;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none;background:linear-gradient(#132d41,#415565)}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(3,9,16,.35) 100%)}.grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(154,214,214,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(154,214,214,.016) 1px,transparent 1px);background-size:84px 84px;opacity:.45}
.header{position:absolute;left:0;top:0;right:0;height:78px;display:flex;align-items:center;gap:30px;padding:0 27px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(4,13,22,.98),rgba(6,17,25,.89),rgba(4,13,22,.94));z-index:10;box-shadow:0 8px 30px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:11px;min-width:274px}.mark{font-size:36px;color:var(--teal);font-weight:400;line-height:1}.brand strong{font-size:16px;letter-spacing:1.65px}.brand-muted{color:#adcad0;font-weight:400}.brand small{display:block;margin-top:5px;font-size:8px;color:#8199a2;letter-spacing:1.85px}.topnav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden}.topnav button{border:none;background:transparent;color:#88a1a8;font-size:9px;font-weight:700;letter-spacing:1.25px;padding:13px 11px;white-space:nowrap;border-radius:4px;transition:all .2s}.topnav button:hover,.topnav button.active{background:rgba(96,232,206,.09);color:var(--teal)}.live-cluster{display:flex;align-items:center;gap:9px;color:#c7e9e4;font-size:9px;letter-spacing:1.1px;white-space:nowrap}.live-dot{display:inline-block;background:var(--teal);box-shadow:0 0 14px var(--teal);width:6px;height:6px;border-radius:100%}.divider-pipe{color:#4d6870;margin:0 3px}
.panel{position:absolute;top:91px;bottom:15px;border:1px solid var(--line2);background:var(--card);backdrop-filter:blur(22px);box-shadow:0 17px 65px rgba(0,0,0,.26);z-index:4;border-radius:9px;display:flex;flex-direction:column;overflow:hidden}.leftpanel{left:14px;width:313px}.rightpanel{right:14px;width:315px;overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:21px 18px 17px;border-bottom:1px solid var(--line)}.eyebrow,.section-label{font-size:9px;font-weight:700;letter-spacing:1.75px;color:var(--teal)}.panel-header h2{margin:6px 0 0;font-weight:600;font-size:21px;letter-spacing:-.6px}.tiny-label{font-size:9px;color:var(--muted);letter-spacing:.3px}.panel-scroll{overflow-y:auto;flex:1;padding:0 18px 18px;scrollbar-color:#2b4a55 transparent;scrollbar-width:thin}.panel-scroll .section-label{padding:21px 0 11px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scenario-grid button{padding:10px 6px;border:1px solid var(--line2);border-radius:5px;background:#0b202b;color:#a7c0c7;font-size:11px;transition:.15s}.scenario-grid button:hover,.scenario-grid button.selected{background:rgba(81,206,177,.16);color:var(--teal);border-color:rgba(97,232,206,.48)}.control-item{padding:12px 0 13px;border-bottom:1px solid rgba(161,201,201,.10)}.control-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.control-top label{font-size:11px;color:#b8cdd2}.control-top output{font-size:11px;font-weight:700;color:#e9faf5;font-variant-numeric:tabular-nums}.control-help{color:#617f89;font-size:9px;margin-top:7px;line-height:1.5}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--teal) var(--progress,50%),#24404b var(--progress,50%));border-radius:50px;width:100%;height:3px;display:block;margin:15px 0 3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d5fcf3;border:2px solid var(--teal);box-shadow:0 0 0 4px rgba(86,231,204,.10);height:14px;width:14px;border-radius:100%}input[type=range]::-moz-range-thumb{background:#d5fcf3;border:2px solid var(--teal);height:11px;width:11px;border-radius:100%}.safety-row{display:flex;gap:8px}.danger-btn,.small-btn,.secondary-btn{border:1px solid var(--line2);background:#0e2632;color:#bdd7dc;border-radius:5px;padding:10px 7px;font-size:11px}.danger-btn{color:#ffafa9;border-color:rgba(248,111,106,.43);background:rgba(162,43,52,.12);flex:1}.danger-btn:hover{background:rgba(255,107,107,.22)}.small-btn{width:82px}.small-btn:hover,.secondary-btn:hover{border-color:var(--teal);color:var(--teal)}.secondary-btn{margin-top:9px;width:100%}.safety-note{color:#72909c;font-size:9px;line-height:1.6;border-left:2px solid #456f70;padding:2px 0 2px 10px;margin-top:17px}.control-footer{border-top:1px solid var(--line);padding:12px 18px 18px}.row-flex{display:flex;justify-content:space-between;color:#819ca4;font-size:9px;letter-spacing:1px}.meter-line{display:flex;gap:3px;margin-top:11px}.meter-line i{height:4px;background:var(--teal);flex:1;opacity:.6}.meter-line i:nth-child(n+9){opacity:.18}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.metric{padding:13px 10px;border:1px solid var(--line);background:rgba(34,58,64,.25);border-radius:5px;min-height:78px}.metric.primary{grid-column:span 2;background:linear-gradient(110deg,rgba(31,100,95,.31),rgba(20,51,61,.14));border-color:rgba(87,230,202,.36);min-height:104px}.metric span{font-size:9px;color:#97afb5;letter-spacing:.85px}.metric strong{display:flex;align-items:baseline;gap:5px;font-size:25px;line-height:1.6;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.metric strong em{font-style:normal;font-size:11px;color:#8dadb3;letter-spacing:.1px}.metric.primary strong{font-size:35px;color:var(--teal)}.metric.primary strong em{font-size:13px}.microbar{height:3px;background:#193f40;margin-top:8px}.microbar i{display:block;background:var(--teal);height:100%;width:40%;box-shadow:0 0 8px var(--teal)}.diagnostics-list{padding:0 16px}.diagnostics-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(155,191,194,.11);font-size:11px}.diagnostics-list span{color:#8ea9b3}.diagnostics-list strong{color:#d3ebe7;font-variant-numeric:tabular-nums;font-weight:600}.rightpanel>.section-label{padding:4px 16px 10px}.process-diagram{padding:0 16px 8px}.process-row{display:flex;gap:10px;align-items:center;padding:5px 0}.process-icon{width:30px;height:30px;border-radius:5px;border:1px solid #2a7478;background:rgba(50,145,150,.11);display:grid;place-items:center;color:var(--teal);font-size:18px;flex-shrink:0}.process-icon.hot{color:var(--amber);border-color:#6a4938}.process-icon.cold{color:#81d5ed}.process-row>div:nth-child(2){flex:1}.process-row strong{font-size:10px;display:block}.process-row span{font-size:9px;color:#78949f;display:block;margin-top:3px}.process-row .tag{font-size:9px;color:#9fded1;border-radius:3px;background:rgba(51,103,105,.24);padding:4px 5px;margin:0}.process-row .hot-tag{color:var(--amber)}.process-row .cold-tag{color:#9ed9ee}.connector-line{height:10px;margin-left:15px;border-left:1px dashed #4c7176}.selection-card{margin:14px 15px 15px;border:1px solid rgba(99,196,187,.23);border-radius:6px;padding:14px;background:rgba(27,74,81,.13)}.selection-card strong{display:block;font-size:15px;margin-top:8px}.selection-card p{font-size:10px;line-height:1.6;color:#9cb7c1;margin:8px 0}
.glasspanel{background:rgba(6,19,28,.85);backdrop-filter:blur(18px);border:1px solid rgba(137,192,193,.24);border-radius:6px;z-index:3;box-shadow:0 10px 36px rgba(0,0,0,.22)}#site-map{position:absolute;bottom:16px;left:341px;width:281px;padding:12px}#minimap{width:100%;height:176px;border:1px solid var(--line);border-radius:3px;background:#0a1c24;cursor:crosshair}.map-header,.map-legend,.chart-title{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;color:#b3cccb;margin-bottom:10px}.map-header span:last-child{color:#64878f}.map-legend{margin:8px 0 1px;color:#819ea6;letter-spacing:.55px}.sq{display:inline-block;height:7px;width:7px;margin-right:4px;background:#fff}.sq.teal{background:#51decc}.sq.amber{background:#ffb578}#bottom-hud{position:absolute;left:635px;right:345px;bottom:16px;height:149px;padding:12px 13px}.chart-title{margin-bottom:3px}.chart-title small{color:#64858e;font-size:9px;font-weight:normal}.chart-legend{display:flex;gap:12px;color:#86a5ac;letter-spacing:.3px}#history-chart{width:100%;height:107px;display:block}#view-tools{position:absolute;right:345px;top:90px;display:flex;gap:1px;padding:4px}#view-tools button{background:transparent;color:#94b3b8;border:none;padding:9px;font-size:17px;line-height:1;white-space:nowrap}#view-tools button span{font-size:9px;letter-spacing:.8px;margin-left:4px}#view-tools button:hover,#view-tools button.active{background:rgba(80,207,185,.14);color:var(--teal)}#controls-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:175px;font-size:9px;letter-spacing:.6px;color:rgba(224,243,240,.68);text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 2px 9px #000}#controls-hint b{color:#e2fef7}#notice{position:absolute;left:50%;top:101px;transform:translateX(-50%);background:rgba(6,25,31,.94);padding:10px 22px;border-radius:4px;border:1px solid rgba(102,233,206,.35);color:#b9f7e8;font-size:12px;z-index:30;opacity:0;transition:opacity .2s;pointer-events:none}#notice.show{opacity:1}.startup{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(14,49,56,.96),#050c13 72%);z-index:50;display:grid;place-items:center;transition:opacity .9s ease,visibility .9s ease}.startup.done{opacity:0;visibility:hidden;pointer-events:none}.startup-core{text-align:center;width:460px;max-width:90vw}.startup-icon{font-size:50px;color:var(--teal);text-shadow:0 0 36px rgba(59,243,204,.5)}.startup-eyebrow{font-size:10px;letter-spacing:2.5px;color:#80b0ae;margin-top:15px}.startup h1{font-size:48px;letter-spacing:4px;line-height:1.13;font-weight:700;margin:22px 0}.startup h1 span{font-weight:300;color:var(--teal);font-size:39px}.startup p{color:#90adb4;line-height:1.7;font-size:13px}.loading-strip{height:2px;background:#224149;margin:29px 0 16px;overflow:hidden}.loading-strip i{display:block;background:var(--teal);width:5%;height:100%;transition:width .35s}.startup-core>span{font-size:10px;letter-spacing:1.4px;color:#7397a1}
@media(max-width:1540px){.topnav button{padding:12px 7px;font-size:8px}.brand{min-width:255px}.live-cluster{font-size:8px}.leftpanel{width:286px}.rightpanel{width:285px}#site-map{left:310px;width:250px}#view-tools{right:314px}#bottom-hud{left:571px;right:313px}}@media(max-width:1230px){.brand{min-width:230px}.topnav{overflow:auto}.header{gap:10px;padding:0 15px}.live-cluster #simclock{display:none}.rightpanel{width:260px}.leftpanel{width:266px}#site-map{left:278px;width:221px}#bottom-hud{left:509px;right:280px}#view-tools{right:275px}#view-tools button span{display:none}#controls-hint{bottom:177px;font-size:8px}}@media(max-width:1000px){.header{height:72px}.topnav{display:none}.leftpanel{width:245px;top:80px}.rightpanel{width:245px;top:80px}#site-map{display:none}#bottom-hud{left:275px;right:275px}#view-tools{top:80px;right:265px}#controls-hint{display:none}}@media(max-width:730px){.brand{min-width:unset}.header{height:60px}.header .live-cluster{font-size:8px}.brand strong{font-size:12px}.brand small{font-size:7px}.mark{font-size:28px}.leftpanel{width:calc(50vw - 10px);top:auto;height:220px;bottom:0;left:0;border-radius:0}.rightpanel{width:calc(50vw - 10px);top:auto;height:220px;bottom:0;right:0;border-radius:0}.panel-header{padding:10px}.panel-header h2{font-size:15px}.panel-scroll{padding:0 10px}.rightpanel .diagnostics-list,.rightpanel .process-diagram,.rightpanel .selection-card,.rightpanel>.section-label{display:none}.metrics-grid{gap:3px;padding:5px}.metric{min-height:55px;padding:8px}.metric.primary{min-height:62px}.metric strong{font-size:17px}.metric.primary strong{font-size:23px}#bottom-hud{display:none}#view-tools{right:6px;top:65px}#view-tools button{font-size:15px;padding:7px}.control-footer{display:none}#world{height:100%}}

#anchors{position:absolute;inset:0;pointer-events:none;z-index:3}.anchor-dot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#d1f9ef;text-shadow:0 2px 8px #001;font-size:9px;letter-spacing:.8px;white-space:nowrap;pointer-events:auto;opacity:.85}.anchor-dot i{width:16px;height:16px;display:block;border:1px solid rgba(117,254,218,.85);border-radius:50%;box-shadow:0 0 0 4px rgba(43,187,161,.12),0 0 16px rgba(45,235,206,.44);position:relative}.anchor-dot i:after{position:absolute;content:'';width:4px;height:4px;top:5px;left:5px;border-radius:50%;background:#7ffff0}.anchor-dot:hover,.anchor-dot.selected{color:#fff;opacity:1}.anchor-dot:hover i,.anchor-dot.selected i{background:rgba(78,235,195,.3);box-shadow:0 0 16px #61e8ce}.anchor-dot span{background:rgba(6,19,24,.75);padding:5px 8px;border:1px solid rgba(101,224,204,.20);border-radius:3px}#anchors .anchor-dot:nth-child(n+8) span{display:none}@media(max-width:1000px){.anchor-dot span{display:none}}@media(max-width:700px){#anchors{display:none}}