:root{--bg:#071116;--panel:#0a1820;--panel2:#0d2028;--line:#1c3a42;--text:#e5edea;--dim:#779099;--cyan:#73dec9;--gold:#f1ad62;--good:#78d8b7;--warning:#f5c077;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#app{height:100vh;min-height:510px;display:flex;flex-direction:column}.topbar{height:70px;flex-shrink:0;display:flex;align-items:center;gap:19px;padding:0 24px;background:#081820;border-bottom:1px solid #28414a;z-index:3}.branding{display:flex;align-items:center;gap:12px;min-width:230px}.mark{height:37px;width:37px;border:1px solid #518c83;display:grid;place-items:center;transform:rotate(45deg);color:var(--cyan);font-size:32px}.mark span{transform:rotate(-45deg);margin-top:-5px}.brand{font-weight:760;letter-spacing:.15em;font-size:17px;white-space:nowrap}.brand strong{font-weight:400;color:var(--cyan)}.brand-dot{color:var(--gold)}.brand-sub{font-size:9px;letter-spacing:.22em;color:#d5b57e;margin-top:5px}.brand-sub span{color:#667f86}.header-divider{height:29px;width:1px;background:#294047}.network-label{font-weight:700;font-size:10px;letter-spacing:.13em;white-space:nowrap;color:#bed2d0}.status-dot,.pulse{width:7px;height:7px;border-radius:50%;display:inline-block;background:#70dcc1;box-shadow:0 0 11px #70dcc1;margin-right:8px}.header-grey{color:#627b84}.topbar-center{flex:1;text-align:center;font-size:10px;letter-spacing:.1em;color:#91a8af;white-space:nowrap}.topbar-center span{color:#44636b;margin:0 7px}.header-right{display:flex;align-items:center;gap:8px}.chip{padding:9px 11px;font-size:9px;border:1px solid #20424b;white-space:nowrap;color:#64808a;letter-spacing:.12em}.chip strong{color:#bfd5cf;margin-left:4px}.top-button{font-size:10px;letter-spacing:.11em;color:#07171a;background:var(--cyan);border:0;padding:11px 13px;font-weight:800}.workarea{height:calc(100% - 70px);display:flex;min-height:0}.viewport{position:relative;min-width:0;flex:1;background:radial-gradient(ellipse at 50% 30%,#42606a,#071116);overflow:hidden}.viewport canvas#world{width:100%;height:100%;display:block;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#06161d4d,transparent 33%,transparent 65%,#07151bc4),linear-gradient(90deg,#06161d6e,transparent 36%,transparent 88%,#06161d6e)}.viewtop{pointer-events:none;position:absolute;top:30px;left:37px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.overline{font-size:10px;letter-spacing:.19em;font-weight:800;color:#83b4b0}.overline-sep,.dotline{color:var(--gold);margin:0 5px}h1{font-size:29px;font-weight:720;margin:9px 0 6px;letter-spacing:.09em;text-shadow:0 2px 21px #00131a}.accent{color:var(--gold)}.scene-label p{margin:0;font-size:11px;letter-spacing:.025em;color:#b9c8c4}.viewtop-right{display:flex;align-items:flex-start;gap:19px;text-align:right}.metermark{font-size:9px;letter-spacing:.16em;line-height:1.9;color:#a3b7b7}.metermark strong{color:#f3ede0;font-weight:600}.compass{border:1px solid #507078;border-radius:50%;height:62px;width:62px;display:flex;align-items:center;flex-direction:column;color:#bed5d4;font-size:10px;padding-top:7px;background:#0614193d}.compass-needle{color:var(--gold);font-size:21px}.viewleft{position:absolute;left:30px;bottom:115px;width:min(388px,48vw);pointer-events:auto}.mini-section{background:#071a21e6;border:1px solid #31545b;padding:14px 14px 9px;box-shadow:0 18px 38px #00161c6b;backdrop-filter:blur(10px)}.minimap-title{font-size:10px;letter-spacing:.13em;font-weight:750;color:#b7d9d6;display:flex;align-items:center;gap:7px}.minimap-title span{color:var(--cyan);font-size:16px}.minimap-title strong{margin-left:auto;color:var(--gold);font-size:10px}#minimap{width:100%;height:124px;display:block;cursor:crosshair}.mini-scale{display:flex;justify-content:space-between;color:#527580;font-size:9px;letter-spacing:.12em;margin-top:-5px}.view-hint{margin-top:13px;padding:10px 13px;font-size:9px;letter-spacing:.08em;color:#b0c9c9;background:#07191db3;border-left:2px solid var(--cyan)}.view-hint span{color:var(--cyan);margin:0 3px}.hud-bottom{position:absolute;bottom:17px;left:30px;right:25px;display:flex;gap:0;max-width:900px;background:#05151ac4;border:1px solid #39565c80;backdrop-filter:blur(8px)}.metric-block{display:flex;align-items:center;gap:12px;padding:15px 19px;min-width:0;flex:1;border-right:1px solid #34505570}.metric-block:last-child{border-right:0}.metric-icon{font-size:22px;color:var(--cyan);width:25px;text-align:center}.metric-label{font-size:9px;letter-spacing:.12em;color:#86a6aa;margin-bottom:4px;white-space:nowrap}.metric-block strong{font-size:21px;letter-spacing:-.04em;font-weight:650;white-space:nowrap}.metric-block strong small{font-size:11px;color:var(--dim);font-weight:500}.bottom-corner{position:absolute;right:20px;bottom:111px;display:flex;gap:7px;letter-spacing:.11em;font-size:9px;color:#b6c9c6;text-shadow:0 2px 8px #071116}.bottom-corner span:nth-child(even){color:var(--gold)}.sidebar{width:376px;min-width:376px;display:flex;flex-direction:column;background:linear-gradient(160deg,#0d2029 0%,#091720 70%);border-left:1px solid #30444e;z-index:2;min-height:0}.control-title{display:flex;align-items:center;justify-content:space-between;padding:25px 24px 20px}.control-title .overline{font-size:9px}.control-title h2{font-size:22px;letter-spacing:.01em;margin:5px 0 0;font-weight:630}.live-badge{color:var(--cyan);font-size:9px;letter-spacing:.14em;font-weight:800;border:1px solid #2f746b;padding:8px}.tabs{height:46px;display:flex;border-top:1px solid #1b3942;border-bottom:1px solid #1b3942;flex-shrink:0}.tab{flex:1;background:transparent;border:0;border-right:1px solid #1b3942;font-size:10px;font-weight:780;letter-spacing:.08em;color:#718f96}.tab.active{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);background:#102a31}.controls{padding:19px 22px;overflow-y:auto;flex:1;min-height:165px}.scroll{scrollbar-color:#2e535b transparent;scrollbar-width:thin}.field-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px;gap:10px;font-size:10px;letter-spacing:.095em;color:#93a8a9}.field-row span{color:var(--cyan);font-weight:700}.field-row label{font-weight:700}.selector{width:100%;padding:12px 12px;background:#0b2730;color:#d8e6e1;border:1px solid #33515b;outline:0;font-size:12px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2373dec9'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.subheading{font-size:9px;font-weight:800;letter-spacing:.17em;color:#8eabb0;margin:22px 0 11px}.subheading:first-child{margin-top:0}.water-card{background:#0c252d;border:1px solid #254750;padding:15px;margin-top:15px}.water-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#92afb4;letter-spacing:.1em}.water-head span:last-child{color:#e3b66d}.water-numbers{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;gap:12px}.water-numbers strong{font-size:26px;font-weight:700;letter-spacing:-.035em}.water-numbers small{font-size:11px;color:#779397}.water-track{position:relative;height:9px;background:#1a3842;overflow:hidden;margin:16px 0 6px}.water-fill{height:100%;background:linear-gradient(90deg,#246a7a,var(--cyan));width:0%;transition:width .3s}.water-markers{display:flex;justify-content:space-between;font-size:9px;color:#6d8e92}.status-row{display:flex;align-items:center;gap:7px;background:#11232b;padding:12px;font-size:10px;letter-spacing:.1em;border-left:2px solid var(--cyan);font-weight:720}.status-row.warning{border-color:var(--gold)}.tag{margin-left:auto;color:var(--gold)}.controlgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{border:1px solid #395a63;background:#16313a;padding:12px 9px;color:#d7e7e3;font-size:10px;font-weight:800;letter-spacing:.05em;transition:background .15s}.button:hover{background:#234a53}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#092126}.button.danger{border-color:#9c5e47;color:#e4aa8d;background:#35272a}.button.secondary{border-color:#617b79}.button.full{width:100%;margin-top:9px}.section-break{height:1px;background:#23424b;margin:19px 0}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.readout{padding:13px 12px;background:#0b2229;border:1px solid #24414a}.readout span{display:block;font-size:9px;letter-spacing:.1em;color:#71949a}.readout strong{display:block;font-size:20px;margin-top:7px;font-weight:700}.readout small{font-size:11px;color:#78b9b0}.readout .green{color:#7be1c7}.readout .orange{color:#e8bc79}input[type=range]{width:100%;accent-color:#69dac3;cursor:pointer;height:13px}.sidebar-bottom{flex-shrink:0;border-top:1px solid #23414a;background:#091b23}.operations-head{padding:13px 23px 10px;display:flex;justify-content:space-between;align-items:center;color:#b3d1cb;font-size:10px;letter-spacing:.1em;font-weight:760}.operations-head button{background:none;border:0;color:#63888e;font-size:10px}.ops-log{height:107px;overflow-y:auto;padding:0 22px 4px}.logline{font-size:10px;padding:6px 0 6px 10px;color:#9eb0b3;border-left:1px solid #30616c;line-height:1.3;display:flex;gap:8px}.logline.warn{border-color:var(--gold);color:#dfb47a}.logline .time{white-space:nowrap;color:#5b8d99;font-variant-numeric:tabular-nums}.climate{padding:15px 23px 20px;border-top:1px solid #23414a}.climate-header{display:flex;justify-content:space-between;font-size:10px;font-weight:770;letter-spacing:.12em;color:#bdd3cf}.climate-header span:last-child{color:var(--gold);font-variant-numeric:tabular-nums}.climate input{margin:0 0 3px}.note{font-size:11px;line-height:1.7;color:#92a7a8;margin-top:10px}.nav-list{display:grid;gap:7px}.nav-link{width:100%;display:flex;align-items:center;justify-content:space-between;background:#102730;border:1px solid #31505b;color:#c2d8d4;padding:12px 13px;font-size:11px;text-align:left}.nav-link:hover{border-color:var(--cyan)}.nav-link span{font-size:9px;color:var(--cyan)}#errorBanner{position:absolute;z-index:5;top:44%;left:10%;width:80%;background:#31171b;border:1px solid #bb7668;padding:20px;color:#ffcebf;font-size:13px;line-height:1.6}
@media(max-width:1100px){.sidebar{width:334px;min-width:334px}.topbar-center{display:none}.metric-block{padding:12px 11px}.metric-block strong{font-size:17px}.metric-icon{display:none}.viewtop{left:23px}.viewleft{left:20px}.hud-bottom{left:20px}}@media(max-width:730px){#app{min-height:630px}.workarea{flex-direction:column}.viewport{height:54%;flex:none}.sidebar{min-width:0;width:100%;flex:1;border-left:0}.control-title{padding:12px 15px}.control-title h2{font-size:15px}.sidebar-bottom{display:none}.controls{padding:12px 14px}.topbar{height:54px;padding:0 13px}.workarea{height:calc(100% - 54px)}.branding{min-width:0}.header-divider,.network-label,.chip{display:none}.header-right{margin-left:auto}.viewtop{top:16px;left:17px}.scene-label h1{font-size:17px}.scene-label p{font-size:9px}.viewtop-right{display:none}.viewleft{bottom:80px;width:53%;left:13px}.mini-section{padding:7px}.minimap-title{font-size:8px}#minimap{height:62px}.view-hint{display:none}.hud-bottom{left:6px;right:6px;bottom:6px}.metric-block{padding:7px;gap:0}.metric-block strong{font-size:13px}.metric-label{font-size:6px}.bottom-corner{display:none}}