:root{--bg:#09121a;--panel:#0e1b24;--line:#293842;--line2:#1a2b36;--white:#dfebe9;--dim:#8399a1;--teal:#6ad4cb;--amber:#e99b63;--green:#80e3ad;--red:#f27767;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white);font-family:var(--body)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 10%,#213242 0%,#09131a 70%)}.topbar{height:79px;flex:0 0 79px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);gap:18px;background:rgba(8,18,26,.95)}.identity{display:flex;gap:13px;align-items:center;flex-shrink:0}.identity .logo{width:43px;height:43px;border:1px solid #61706d;display:grid;place-items:center}.identity strong{display:block;font:700 26px/1 var(--display);letter-spacing:2.1px}.identity em{font-style:normal;color:var(--amber)}.identity span{display:block;font:600 9px/2 var(--body);letter-spacing:1.38px;color:var(--dim)}.header-info{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.35px;font-weight:700;color:#9cacaf}.status-dot,.blink{display:inline-block;width:7px;height:7px;background:var(--green);box-shadow:0 0 10px #4ff5b4;border-radius:50%;margin-right:2px}.separator{height:14px;width:1px;background:#43515a}.header-actions{display:flex;gap:9px;align-items:center}.text-button,.outline-button{font:700 10px var(--body);letter-spacing:1px;background:none;border:0;padding:11px 13px}.outline-button{border:1px solid #52646c}.outline-button:hover,.text-button:hover{background:#263943}.workspace{display:grid;grid-template-columns:264px minmax(0,1fr) 276px;flex:1;min-height:690px}.sidebar{background:rgba(9,21,30,.94);padding:24px 21px 18px;min-width:0}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.eyebrow{font:700 9px var(--body);letter-spacing:1.75px;color:var(--amber);display:flex;justify-content:space-between;white-space:nowrap}.eyebrow span{color:var(--dim)}.sidebar h2{margin:17px 0 10px;font:600 36px/.96 var(--display);letter-spacing:.5px;text-transform:uppercase}.sidebar h2 i{font-weight:400;color:var(--amber);font-style:normal}.sidebar h2.right-heading{font-size:38px;margin-top:14px;margin-bottom:22px}.muted{color:var(--dim)}.intro{font-size:11px;line-height:1.7;max-width:198px}.section-divider{height:1px;background:var(--line);margin:22px 0}.mini-heading{display:flex;justify-content:space-between;align-items:center;font:700 10px var(--body);letter-spacing:1.25px;color:#bdcfcd;margin:0 0 20px}.pill{border-radius:18px;padding:5px 8px;background:#184038;color:#82dfb6;font:700 8px var(--body);letter-spacing:1px}.control-group label{font-size:10px;color:#95aab1;display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px}.control-group label:first-child{margin-top:0}.control-group output{font-family:var(--display);font-size:17px;font-weight:600;color:var(--white)}input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;outline:none;background:linear-gradient(90deg,var(--amber) 0,var(--amber) var(--filled),#324550 var(--filled),#324550 100%);border-radius:2px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#fff1da;border:2px solid var(--amber);box-shadow:0 0 7px #ff9c5890}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff1da;border:2px solid var(--amber)}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset{min-height:34px;border:1px solid #38505a;background:#142733;font:700 9px var(--body);letter-spacing:.45px;color:#9bb5b9}.preset:hover{border-color:#b4c3c4}.preset.selected{background:#6b4635;border-color:var(--amber);color:#ffe0c4}.preset.emergency{color:#f38b7b;border-color:#623b42}.side-footer{margin-top:27px;color:#81929a;font-size:9px;line-height:2;letter-spacing:.5px}.side-footer small{color:#586b74}.viewport-shell{display:flex;flex-direction:column;min-width:0;background:#07121b}.world-stage{position:relative;min-height:480px;flex:1;overflow:hidden;background:#0c1b26}.fallback-art{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 67%,#4a4946 0%,transparent 48%),linear-gradient(165deg,#415d68 0%,#152b35 33%,#172d33 100%);background-size:cover;background-position:center;opacity:.8}#world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}#world-canvas:active{cursor:grabbing}.world-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,19,27,.4),transparent 28%,transparent 64%,rgba(3,11,18,.59))}.viewport-top,.scene-selector,.viewport-actions,.compass,.scene-help,.entity-popup,.scene-error{z-index:2;position:absolute}.viewport-top{top:20px;left:22px;right:21px;display:flex;justify-content:space-between;gap:10px}.scene-tag{background:rgba(7,20,28,.83);padding:11px 13px;border:1px solid #3d575a;font:700 10px var(--body);letter-spacing:1.3px}.scene-tag strong{color:var(--teal)}.scene-tag span{color:#9aadb0}.scene-tag .pulse{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;vertical-align:middle;margin-right:5px;box-shadow:0 0 8px var(--teal)}.viewport-count{text-align:right;background:rgba(7,20,28,.64);padding:5px 10px;font:600 10px/1.8 var(--display);letter-spacing:1.15px;color:#a5b8bd}.viewport-count strong{color:white;margin-left:5px}.compass{right:27px;top:97px;display:flex;align-items:center;gap:5px;color:#e0dad0;font:700 12px var(--display)}.compass-arrow{font-size:15px;color:var(--amber)}.compass-rose{font-size:18px;color:var(--dim);margin-left:12px}.scene-selector{left:18px;bottom:71px;display:flex;align-items:center;gap:0;border:1px solid #49636b;background:rgba(6,19,28,.9);box-shadow:0 10px 35px #0006}.tiny-caption{font:700 9px var(--body);color:#8ca5af;letter-spacing:1px;padding:0 13px;white-space:nowrap}.view-tab{border:0;border-left:1px solid #314852;background:transparent;font:700 9px var(--body);letter-spacing:.6px;color:#a4b6bd;padding:15px 10px;white-space:nowrap}.view-tab.active,.view-tab:hover{color:#08171b;background:var(--teal)}.viewport-actions{bottom:20px;left:19px;display:flex;gap:7px}.view-action{border:1px solid #54706b;background:#0a252bcf;padding:8px 10px;font:700 9px var(--body);letter-spacing:.75px;color:#95b1b1}.view-action.active{color:#8ee4d9;border-color:#7bc7c2}.scene-help{right:17px;bottom:22px;font:700 8px var(--body);letter-spacing:1.1px;color:#9fb1b4}.scene-help span{color:var(--amber);margin:0 4px}.entity-popup{right:20px;top:140px;width:min(315px,80%);background:rgba(8,24,34,.97);border:1px solid #608e8d;box-shadow:0 12px 60px #0009;padding:17px}.entity-popup button{float:right;border:0;background:transparent;font-size:22px}.entity-popup small{color:var(--teal);font-size:9px;letter-spacing:1px}.entity-popup h3{font:700 27px var(--display);margin:15px 0 6px}.entity-popup p{color:#9cbdc1;font-size:11px;line-height:1.6}.scene-error{bottom:120px;left:20px;right:20px;display:flex;flex-direction:column;gap:5px;background:#231e20da;color:#f4c1aa;border:1px solid #9e6250;padding:15px;font-size:12px}.scene-error[hidden],.entity-popup[hidden]{display:none}.telemetry-grid{flex:0 0 157px;display:grid;grid-template-columns:1.18fr repeat(4,1fr);background:#0d1d27;border-top:1px solid #3a515a}.telemetry{border-right:1px solid #30454d;padding:19px 15px;overflow:hidden}.telemetry:last-child{border-right:0}.metric-label{font:700 9px var(--body);letter-spacing:1px;color:#96abb2;white-space:nowrap}.indicator{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:4px}.indicator.cyan,.legend-dot{background:var(--teal)}.indicator.orange{background:var(--amber)}.indicator.green{background:var(--green)}.metric{display:flex;align-items:baseline;gap:5px;margin:12px 0 9px}.metric strong{font:600 clamp(29px,2.8vw,43px)/.9 var(--display);letter-spacing:.8px;white-space:nowrap}.telemetry.major .metric strong{color:#95eee0}.metric span{font:600 16px var(--display);color:#93aab0}.metric-sub{font:600 8px var(--body);letter-spacing:1px;color:#748d95;display:flex;justify-content:space-between}.meter{margin-top:11px;height:3px;background:#233d44}.meter span{display:block;height:100%;width:0;background:var(--teal);transition:width .35s}.operational-banner{border:1px solid #46685a;background:linear-gradient(90deg,#19382f,#142d29);padding:15px 11px;display:flex;align-items:center;gap:14px}.operational-ico{color:var(--green);font:400 30px var(--display)}.operational-banner small{display:block;color:#96b3aa;font-size:8px;letter-spacing:1.2px}.operational-banner strong{display:block;color:#b7ffe0;font:600 24px var(--display);letter-spacing:1.5px;margin-top:3px}.led{margin-left:auto;width:8px;height:8px;border-radius:100%}.led.green{background:#7cddac;box-shadow:0 0 9px #7cddac}.led.red{background:#f17865;box-shadow:0 0 9px #f17865}.analytics-header{display:flex;justify-content:space-between;margin-top:29px;align-items:flex-start}.analytics-header .mini-heading{margin-bottom:10px}.graph-legend{font-size:9px;color:#8fa3ad}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.graph-time{color:#65848a;font-size:9px;letter-spacing:1px}.chart{display:block;width:100%;height:119px;margin:12px 0 9px}.analytics-table{border-top:1px solid var(--line2)}.analytics-table>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line2);font-size:10px}.analytics-table span{color:#8ba3ab}.analytics-table strong{color:#d9e7e6;font:600 14px var(--display);letter-spacing:.5px}.hours-row{display:flex;justify-content:space-between;font-size:9px;color:#9aa9b3;letter-spacing:1px;margin-bottom:12px}.hours-row strong{font:600 18px var(--display);color:#e8f1ec}.weather-row,.sim-row{display:flex;gap:5px;margin-top:16px}.weather-btn{flex:1;padding:11px 3px;border:1px solid #344b56;background:#112834;font-size:13px;color:#92a7ae}.weather-btn span{font-size:8px;margin-left:3px}.weather-btn.active,.speed.active{color:var(--amber);border-color:#ad754e;background:#433027}.speed,.pause{flex:1;border:1px solid #334b55;background:#102630;padding:10px 0;font:700 10px var(--body);color:#a3b4b9}.pause{flex:0 0 30px}.info-note{border-left:2px solid #9d794d;background:#1c2b32;padding:14px 12px;margin-top:23px}.info-note strong{font-size:9px;color:var(--amber);letter-spacing:1px}.info-note p{font-size:10px;color:#a4b7b9;line-height:1.65;margin:8px 0}.info-note small{font-size:9px;color:#7c9296}.footer{height:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px;border-top:1px solid var(--line);font-size:9px;color:#677f87;letter-spacing:.8px}.tour{position:fixed;inset:0;display:grid;place-items:center;z-index:30;background:#041019db}.tour[hidden]{display:none}.tour-card{width:min(460px,90vw);background:#0e2530;border:1px solid #87b8b4;padding:32px;box-shadow:0 20px 70px #000a}.tour-close{float:right;border:0;background:none}.tour-card small{font-size:10px;color:var(--amber);letter-spacing:2px}.tour-card h2{font:700 44px var(--display)}.tour-card p{font:400 13px/1.8 var(--body);color:#b0c4c8;min-height:80px}.tour-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.tour-card>div button{border:1px solid #648581;background:#234e51;font:700 11px var(--body);padding:10px 14px}.tour-card>div span{font-size:11px;color:#819ba4}
@media(max-width:1280px){.workspace{grid-template-columns:226px minmax(0,1fr) 235px}.sidebar{padding:21px 14px}.scene-selector .tiny-caption{display:none}.view-tab{padding:13px 8px}.telemetry{padding:16px 9px}.telemetry-grid{flex-basis:145px}.header-info{font-size:8px;gap:8px}.scene-help{display:none}.metric-label{font-size:8px}}
@media(max-width:1000px){.workspace{grid-template-columns:220px minmax(0,1fr)}.right-panel{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px 23px}.right-panel>.eyebrow,.right-panel>.right-heading,.right-panel>.section-divider{display:none}.right-panel>.operational-banner{align-self:start}.right-panel>.analytics-header{margin:0}.right-panel>.chart{grid-column:2;grid-row:2}.right-panel>.analytics-table{grid-column:1;grid-row:2/5}.right-panel>.mini-heading,.right-panel>.hours-row,.right-panel>#hour,.right-panel>.weather-row,.right-panel>.sim-row{grid-column:3}.right-panel>.info-note{grid-column:2/4;margin:0}.header-info .hide-mobile{display:none}.topbar{height:69px;flex-basis:69px}.metric strong{font-size:29px}}
@media(max-width:700px){.workspace{display:flex;flex-direction:column}.topbar{padding:0 13px}.header-info{display:none}.identity strong{font-size:22px}.identity span{font-size:7px}.header-actions .text-button{display:none}.header-actions .outline-button{padding:8px;font-size:8px}.left-panel{order:2;display:block}.viewport-shell{order:1;min-height:640px}.world-stage{min-height:475px}.right-panel{order:3;display:block}.right-panel>.right-heading,.right-panel>.eyebrow,.right-panel>.section-divider{display:flex}.right-panel>.chart{width:100%}.scene-selector{left:7px;bottom:68px;max-width:calc(100% - 14px);overflow-x:auto}.view-tab{font-size:8px;padding:13px 9px}.viewport-top{top:11px;left:10px;right:10px}.viewport-count{font-size:8px}.scene-tag{font-size:8px}.telemetry-grid{grid-template-columns:repeat(2,1fr);flex:0 0 auto}.telemetry{padding:13px;min-height:100px}.telemetry.major{grid-column:1/-1;min-height:112px}.telemetry .metric strong{font-size:32px}.viewport-actions{left:8px;bottom:12px}.viewport-actions .view-action{padding:7px 6px;font-size:8px}.scene-help{display:none}.footer{display:block;text-align:center;height:auto;padding:14px}.footer span{display:block;margin:5px}.info-note{margin-top:20px}}