:root{color-scheme:dark;--bg:#10191c;--ink:#e9e7db;--muted:#a5aaa6;--weak:#67787b;--accent:#dfb87b;--accent2:#f1ce91;--edge:#35403f;--card:#182327;--panel:#121d21;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}
.topbar{height:78px;background:#111a1e;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #304044;padding:0 32px;gap:14px}.brand{display:flex;gap:13px;align-items:center}.brand-symbol{width:41px;height:41px;border:1px solid #b9986d;border-radius:50%;color:#d7b680;font-size:26px;text-align:center;line-height:37px}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text small{font-size:9px;letter-spacing:2.3px;color:#99a9a9;font-weight:700}.brand-dot{color:#e0b67b}.brand-text b{font-family:Georgia,serif;font-size:21px;letter-spacing:1.25px;font-weight:400}.slash{color:#b29060;margin:0 7px}.header-right{display:flex;align-items:center;gap:24px}.chip{border:1px solid #4d4b3c;background:#282923;padding:8px 12px;color:var(--accent);font-size:9px;letter-spacing:1.4px;font-weight:750}.header-location{font-size:11px;letter-spacing:1.15px;font-weight:700;color:#abb5b3}.beacon{display:inline-block;width:7px;height:7px;border-radius:50%;background:#93ba96;box-shadow:0 0 10px #80b68e7c;margin-right:8px}.icon-button{width:34px;height:34px;border:1px solid #465157;background:transparent;color:#d0d3ce;border-radius:50%;font-weight:600}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100vh - 120px)}.main-column{min-width:0;background:#121c20}.viewport-shell{height:min(650px,70vh);min-height:430px;position:relative;overflow:hidden;background:radial-gradient(circle at 42% 40%,#27312d,#121c20 63%)}#scene{display:block;width:100%;height:100%;cursor:grab}#scene:active{cursor:grabbing}.viewport-grain{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,18,.73),transparent 37%,transparent 70%,rgba(4,13,15,.25)),linear-gradient(180deg,rgba(5,12,16,.30),transparent 42%,rgba(9,17,19,.61));opacity:.90}
.scene-heading{position:absolute;top:35px;left:34px;pointer-events:none;text-shadow:0 3px 22px #071010}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:750;color:#ccb68c}.tiny-dot{width:5px;height:5px;display:inline-block;vertical-align:middle;background:#d6a66e;transform:rotate(45deg);margin-right:6px}.scene-heading h1{font:400 clamp(31px,3.3vw,54px)/1.06 Georgia,serif;letter-spacing:-1.65px;margin:17px 0 14px;color:#f1eddd}.scene-heading h1 em{font-style:italic;color:#d8b583}.scene-heading p{margin:0;font-size:12px;line-height:1.9;color:#d5d8d1;letter-spacing:.2px}
.scene-utilities{position:absolute;top:44%;left:33px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.view-label{font-size:9px;letter-spacing:2px;color:#b9b8a7;margin-bottom:10px;font-weight:700}.view-button{border:1px solid transparent;background:rgba(12,23,26,.56);color:#859597;min-width:154px;text-align:left;padding:9px 10px;font-size:10px;font-weight:700;letter-spacing:1px;transition:background .2s,border .2s}.view-button span{margin-left:10px;text-transform:uppercase;font-size:9px}.view-button.active,.view-button:hover{color:#f3dfbf;border-color:#816c50;background:rgba(31,34,29,.85)}.scene-chips{display:flex;gap:8px;position:absolute;right:22px;top:25px}.scene-chip{border:1px solid #71817d55;color:#ced5cf;background:#10202676;padding:7px 9px;font-size:8px;letter-spacing:1.2px;font-weight:700;white-space:nowrap}.scene-bottom-hint{position:absolute;left:32px;bottom:23px;font-size:9px;color:#c4ccc5;letter-spacing:1.65px;font-weight:650;pointer-events:none}.mouse-glyph{font-size:18px;margin-right:9px;vertical-align:middle;color:var(--accent)}.hint-break{color:#ab8e69;padding:0 9px}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#11191e;z-index:10}.loading[hidden]{display:none}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.loading strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.loading span{font-size:10px;letter-spacing:1px;color:var(--muted)}.loader{height:31px;width:31px;border:2px solid #54605d;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-note{position:absolute;bottom:61px;right:23px;width:min(320px,50%);background:#111b1ee8;border:1px solid #77664a;padding:13px 15px;font-size:11px;line-height:1.6;box-shadow:0 12px 35px #0008}.scene-note[hidden]{display:none}.hotspot-layer{position:absolute;inset:0;pointer-events:none}.hotspot-layer[hidden]{display:none}.hotspot{position:absolute;background:rgba(17,26,28,.86);border:1px solid #ad8f60aa;color:#e5cfaa;padding:7px 10px;font-size:8px;letter-spacing:1.2px;font-weight:700;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;backdrop-filter:blur(8px)}.hotspot span{margin-left:7px;color:#789291}.hotspot:hover{border-color:#f5d7a4;background:#30352c}
.telemetry{padding:25px 32px 31px;border-top:1px solid #39433d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font:normal 25px Georgia,serif;margin:8px 0 0}.telemetry-status{font-size:10px;color:#c6d5cb;letter-spacing:1px;font-weight:650}.sep{color:#69787c;padding:0 8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #344548}.metric{padding:17px 16px 18px;border-right:1px solid #344548;background:#172428}.metric:last-child{border:0}.metric-label{display:block;color:#b0bdb9;font-size:9px;letter-spacing:1.4px;font-weight:750}.metric-value{font-family:Georgia,serif;font-size:29px;line-height:1.5;color:#f1e9d8;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-value small{font-family:Inter,Arial,sans-serif;font-size:11px;color:#e0b77d}.metric-foot{font-size:9px;color:#879c9e;line-height:1.5}.chart-card{background:#172428;border:1px solid #344548;border-top:0;padding:17px 18px 9px}.chart-top{display:flex;justify-content:space-between}.chart-top strong{font-family:Georgia,serif;font-size:15px;font-weight:400}.chart-top span{display:block;font-size:9px;color:#8ca6a7;letter-spacing:.5px;margin-top:3px}.chart-legend{font-size:9px;color:#a9beb9;letter-spacing:1.0px}.chart-legend i{display:inline-block;width:17px;border-bottom:2px solid #dfbb85;vertical-align:middle;margin-right:5px}#velocityChart{display:block;height:100px;width:100%;margin-top:11px}.telemetry-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px;font-size:10px;color:#9badac}.text-link{border:0;background:transparent;color:#e1bf89;font-size:9px;font-weight:750;letter-spacing:1px;white-space:nowrap}.text-link:hover{color:#fff3dc}
.side-panel{background:#121c20;border-left:1px solid #354144;min-width:0}.side-intro{padding:29px 26px 22px}.side-index{color:#83979a;float:right}.side-intro h2{font:400 32px Georgia,serif;margin:11px 0}.side-intro p{color:#aab7b4;font-size:11px;line-height:1.8;max-width:285px;margin:0}.controls-pad{padding:0 26px 25px}.mode-title,.subheading{display:flex;align-items:center;justify-content:space-between;color:#b4c1bf;letter-spacing:1.65px;font-size:9px;font-weight:750}.live-led{width:8px;height:8px;border-radius:50%;background:#566361}.live-led.running{background:#a0d0a9;box-shadow:0 0 8px #9ed5b1}.operation-buttons{display:flex;gap:9px;margin-top:12px}.btn{border:1px solid #404b4b;padding:12px 16px;background:#273336;color:#d6ddd9;font-size:10px;letter-spacing:1.0px;font-weight:750;transition:filter .2s,background .2s;min-height:40px}.btn:hover{filter:brightness(1.16)}.btn-primary{background:#dfbb83;border-color:#e6c28d;color:#1e2928;flex:1}.btn-quiet{font-size:20px;min-width:45px;padding:8px}.btn-emergency{margin-top:9px;width:100%;text-align:left;background:transparent;color:#d8a5a3;border-color:#69494a;padding:11px 12px;display:flex;gap:9px;align-items:center}.btn-emergency:hover{background:#3a2526}.stop-symbol{color:#ca8983}.shortcut{margin-left:auto;border:1px solid #77595a;padding:2px 5px;font-size:9px}.field{margin-top:23px}.field-label,.speed-field>label{display:block;color:#a6b6b3;letter-spacing:1.45px;font-size:9px;font-weight:750}.unit{float:right;font-size:8px;color:#839a99}.segmented{display:flex;gap:5px;margin-top:11px}.segmented button{flex:1;border:1px solid #3a4a4a;background:#1a292c;color:#a5b4b2;padding:11px 9px;font-size:10px;font-weight:750}.segmented button.active{background:#2c3d3f;color:#ecd6ad;border-color:#957b56}.slider-field label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;color:#c5ceca}.slider-field label strong{font-size:15px;color:#f0d2a3;font-weight:650;font-variant-numeric:tabular-nums}.slider-field label small{color:#8b9c9c;font-size:9px}input[type=range]{display:block;width:100%;margin:16px 0 0;height:4px;appearance:none;background:#4b5d5a;accent-color:#e1ba7e;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#eac792;border:3px solid #263336;border-radius:50%;box-shadow:0 0 0 1px #eac792}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#eac792;border:1px solid #eac792;border-radius:50%}.range-labels{display:flex;justify-content:space-between;margin-top:10px;color:#738a8d;font-size:8px;letter-spacing:.85px;font-weight:750}.speed-field select{width:100%;margin-top:10px;background:#19292c;border:1px solid #3e4f50;color:#c9d2cf;padding:11px 10px;font-size:10px;letter-spacing:.2px}.notice{border-left:2px solid #aa8760;background:#292e29;color:#cfcbbd;display:flex;gap:11px;padding:11px 12px;font-size:10px;line-height:1.65;margin-top:19px}.notice-icon{color:#ddbb83;font-size:16px;line-height:1}.notice.warning{border-color:#c96b61;background:#392b2c;color:#e3b3ac}.side-section{border-top:1px solid #344144;padding:22px 26px}.subheading{margin-bottom:15px}.subheading span{color:#809393}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#b9c8c4;font-size:10px;margin-top:15px;cursor:pointer}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch-row i{display:block;flex-shrink:0;width:30px;height:17px;border-radius:10px;background:#405351;position:relative;transition:background .2s}.switch-row i:before{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#b7c4c0;transition:transform .2s}.switch-row input:checked+i{background:#a3865d}.switch-row input:checked+i:before{transform:translateX(13px);background:#ffe5b4}.switch-row input:focus-visible+i{outline:2px solid #f2d096;outline-offset:3px}.scenario-buttons{display:flex;flex-direction:column;gap:6px}.scenario-buttons button{border:1px solid #34474a;background:#1b2b2d;padding:11px 12px;display:flex;gap:11px;color:#c1a982;font-size:9px;letter-spacing:1px;text-align:left}.scenario-buttons button span{flex:1;color:#d4dcd5;font-size:10px;letter-spacing:0}.scenario-buttons button:hover{background:#2e3b39}.heritage-footer{padding:26px;margin:0 20px 24px;background:linear-gradient(140deg,#323329,#1e2929);border:1px solid #61553f}.heritage-footer h3{font:normal 29px/1.09 Georgia,serif;color:#f1e0c3;margin:12px 0}.heritage-footer p{font-size:11px;line-height:1.75;color:#bdc1b6}.heritage-footer a{display:block;margin-top:17px;text-decoration:none;color:#e2bf88;font-size:9px;font-weight:700;letter-spacing:1px}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:15px 30px;border-top:1px solid #334345;background:#10181b;color:#7c9394;font-size:8px;letter-spacing:1.15px;font-weight:700}.footer button{border:0;background:transparent;color:#e0be86;font-size:9px;letter-spacing:1px}
dialog{border:1px solid #987952;background:#152024;color:#e9e8df;max-width:580px;width:calc(100vw - 40px);max-height:80vh;overflow:auto;padding:26px 30px;box-shadow:0 25px 90px #000a}dialog::backdrop{background:rgba(3,10,11,.78);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{background:transparent;border:1px solid #405354;color:#d4d3c9;padding:7px 12px}dialog h2{font:normal 30px Georgia,serif;margin:16px 0}dialog h3{font:normal 19px Georgia,serif;color:#edd2a4}dialog p,dialog li{font-size:12px;line-height:1.85;color:#c4d0ca}dialog .btn{min-width:180px;margin-top:12px}dialog strong{color:#e6d2aa}dialog a{color:#e6be80}
@media(max-width:1110px){.layout{grid-template-columns:minmax(0,1fr) 310px}.side-intro,.controls-pad{padding-left:20px;padding-right:20px}.side-section{padding-left:20px;padding-right:20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #344548}.scene-heading h1{font-size:37px}.scene-utilities{top:48%}}
@media(max-width:800px){.layout{display:flex;flex-direction:column}.viewport-shell{height:590px;min-height:420px}.side-panel{border-left:0;border-top:1px solid #344548;display:grid;grid-template-columns:1fr 1fr}.side-intro{grid-column:1/-1}.controls-pad{grid-row:2/5}.side-section{border-top:1px solid #344548}.heritage-footer{align-self:start}.topbar{padding:0 20px}.scene-heading{left:22px}.scene-utilities{left:20px;top:50%}.scene-chips{right:12px;gap:4px}.scene-chip{font-size:7px;padding:6px}.telemetry{padding:23px 20px}.header-location{display:none}}
@media(max-width:540px){.topbar{height:68px;padding:0 14px}.brand-symbol{width:34px;height:34px;font-size:22px;line-height:31px}.brand-text b{font-size:17px}.brand-text small{font-size:7px;letter-spacing:1.5px}.chip{display:none}.header-right{gap:8px}.viewport-shell{height:520px;min-height:440px}.scene-heading{top:24px;left:18px}.scene-heading h1{font-size:34px}.scene-heading p{font-size:10px}.scene-utilities{top:auto;bottom:63px;left:16px;flex-direction:row;gap:3px;flex-wrap:wrap}.view-label{display:none}.view-button{min-width:0;padding:8px 7px;font-size:8px}.view-button span{margin-left:3px;font-size:8px}.scene-chips{top:auto;bottom:17px;left:15px;right:auto}.scene-bottom-hint{display:none}.scene-note{width:90%;bottom:118px;left:5%;right:5%}.section-heading h2{font-size:22px}.telemetry-status{font-size:9px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:12px 10px}.metric-label{font-size:8px}.metric-value{font-size:24px}.metric-foot{font-size:8px}.telemetry-bottom{align-items:start;flex-direction:column}.side-panel{display:block}.side-intro{padding:24px 19px 17px}.controls-pad{padding:0 19px 24px}.side-section{padding:18px 19px}.heritage-footer{margin:0 19px 24px}.footer{padding:15px 17px}.hotspot{padding:5px;font-size:6px}.hotspot span{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}