:root{color-scheme:dark;--ink:#e9efea;--muted:#97a6a2;--green:#c7ec9a;--line:#ffffff1c}*{box-sizing:border-box}body{margin:0;background:#101615;color:var(--ink);font:13px/1.5 system-ui,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:#ffffff06;border-radius:5px;padding:9px 13px}button:hover{background:#ffffff15;border-color:#b7d68c}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}header{height:67px;display:flex;align-items:center;gap:35px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{font-size:12px;letter-spacing:2px;font-weight:650}.brand span{color:var(--green);font-size:25px;vertical-align:middle;margin-right:7px}.project{font:10px monospace;letter-spacing:1px;color:var(--muted)}.project i{margin:0 12px;color:#56685e}nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:11px}nav button{padding:6px 10px}main{max-width:1920px;margin:auto}#world{height:calc(100vh - 150px);min-height:620px;max-height:1050px;position:relative;overflow:hidden;background:#74817a}#render{position:absolute;inset:0}#render canvas{display:block;width:100%;height:100%;touch-action:none}#world:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#0a191252,transparent 40%,#0b1711b3);z-index:1}.topline{position:absolute;left:32px;right:32px;top:24px;display:flex;align-items:center;gap:8px;z-index:2}.pill{font:9px monospace;letter-spacing:1px;background:#12271ebf;border:1px solid #ffffff29;padding:7px 10px;border-radius:4px;backdrop-filter:blur(12px)}.pill i{width:5px;height:5px;background:#9bada0;display:inline-block;border-radius:50%;margin-right:7px}.pill.subtle{background:#20382961}.time{font:10px monospace;margin-left:auto;background:#12271ebf;padding:7px 10px;border-radius:4px}.scene-title{position:absolute;top:85px;left:32px;z-index:2;pointer-events:none;text-shadow:0 2px 20px #142b1e}.scene-title>div{font:10px monospace;letter-spacing:2px;color:#d7edc5}h1{font-weight:450;letter-spacing:-1.8px;font-size:40px;margin:9px 0 6px}.scene-title p{font-size:12px;max-width:470px;color:#e0e9df;margin:0}.cameras{position:absolute;top:220px;left:32px;z-index:3;display:flex;gap:2px;background:#12231cbf;backdrop-filter:blur(15px);padding:3px;border:1px solid #ffffff29;border-radius:6px}.cameras button{font-size:10px;border:0;padding:6px 12px}.cameras .active{background:#d0e8b5;color:#182b1d}.readout{position:absolute;z-index:3;right:32px;top:84px;width:258px;background:#10221de8;border:1px solid #ffffff23;border-radius:8px;backdrop-filter:blur(20px);padding:17px 18px;box-shadow:0 18px 80px #0c1e202e}.readout-head{font:9px monospace;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:15px;display:flex;justify-content:space-between;color:#c9d7cc}.readout-head span{font-size:8px;color:var(--green)}.eyebrow{font:8px monospace;letter-spacing:1px;color:#b7c5b9}.big{font:46px/1.35 system-ui;font-weight:450;letter-spacing:-1px;color:#d3efb0;white-space:nowrap}.big small{font-size:20px;color:#9fae99}.goal{height:3px;background:#87977d55;margin:8px 0;position:relative}.goal:after{content:'';position:absolute;width:1px;height:9px;background:#d5e1c2;left:50%;top:-3px}.goal span{height:100%;display:block;width:0;background:var(--green);transition:width .15s}.goal-label{display:flex;justify-content:space-between;color:#9caca0;font:8px monospace}.numbers{margin:18px 0;display:grid;gap:8px}.numbers>div{display:flex;justify-content:space-between;font-size:10px;color:#aebeb3}.numbers strong{font:10px monospace;color:#e4ece3;font-weight:400}.chartlabel{font:8px monospace;color:#aebeb3;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px}.chartlabel span{color:#829889}#plot{width:100%;height:82px;display:block}.legend{display:flex;align-items:center;gap:5px;color:#aebeb3;font:8px monospace}.legend i{width:5px;height:5px;border-radius:50%;margin-left:5px}.grey{background:#8b9d9e}.blue{background:#8bdce6}.green{background:#c7ec9a}.equipment{position:absolute;z-index:3;bottom:124px;left:32px;display:flex;align-items:center;gap:6px}.equipment>span{font:8px monospace;letter-spacing:1px;margin-right:5px}.equipment button{font-size:10px;background:#12251fbb;backdrop-filter:blur(10px)}.scene-note{position:absolute;bottom:90px;left:32px;right:32px;z-index:2;font:8px monospace;color:#c1cfc1;display:flex;justify-content:space-between;gap:15px}.playbar{position:absolute;bottom:18px;left:32px;right:32px;z-index:3;display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff38;padding-top:15px}.primary{background:var(--green);border-color:var(--green);color:#20311c;min-width:165px;font-size:12px;font-weight:600}.primary:hover{background:#dcf3bc}.primary span{margin-right:5px}#stageSummary{font-size:11px;color:#c5d3c6;margin-left:8px}#next{margin-left:auto;font-size:11px;background:#12251fbb}.stages{display:grid;grid-template-columns:repeat(5,1fr);padding:0 32px;border-bottom:1px solid var(--line);background:#141d18}.stages button{display:flex;align-items:center;gap:15px;text-align:left;border:0;border-radius:0;padding:18px;border-top:2px solid transparent}.stages button>span{font:12px monospace;color:#748779}.stages strong{display:block;font-size:12px;font-weight:500}.stages small{font-size:10px;color:#8e9f93}.stages .selected{background:#d0e8b50b;border-top-color:var(--green)}.stages .selected>span{color:var(--green)}.experiment{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px 48px}.section-tag{font:9px monospace;letter-spacing:1.3px;color:var(--green)}h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:8px 0}.experiment p{max-width:600px;color:var(--muted);font-size:12px;margin:6px 0}.switches{display:flex;flex-wrap:wrap;gap:12px 18px;max-width:460px;align-items:center;font-size:10px;color:#bac9bc}.switches input{accent-color:var(--green);vertical-align:middle}.switches label{cursor:pointer}.switches button{font-size:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid var(--line);font:9px monospace;color:#8ea094}footer>div{display:flex;gap:22px;align-items:center}footer button{font:9px monospace}#objectCard{position:absolute;z-index:5;left:32px;top:275px;width:290px;padding:20px;background:#10221df2;border:1px solid #c7ec9a66;border-radius:8px;box-shadow:0 14px 60px #0005;backdrop-filter:blur(20px)}#objectType{font:8px monospace;letter-spacing:1px;color:var(--green)}#objectCard h2{font-size:20px;margin:8px 0}#objectCard p{font-size:11px;color:#b6c7ba;margin:0 0 14px}#objectSpecs{display:grid;gap:7px}#objectSpecs>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;border-top:1px solid #ffffff12;padding-top:6px}#objectSpecs span{color:#98af9e}#objectSpecs strong{font:10px monospace;font-weight:400;text-align:right}#closeCard{position:absolute;right:9px;top:6px;border:0;font-size:20px;padding:0 5px;color:#9aac9e}#thermalInset{display:flex;gap:10px;margin-top:15px;border-top:1px solid var(--line);padding-top:13px}#thermal{width:65px;height:65px}#thermalInset strong{font:8px monospace}#thermalInset p,#thermalInset span{font:9px monospace;color:#aebeb3}dialog{width:440px;max-width:92vw;background:#14231c;color:var(--ink);border:1px solid #5c705e;border-radius:10px;padding:24px}dialog::backdrop{background:#09140db3;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}dialog p,dialog small{font-size:11px;color:var(--muted)}#sliders label{display:block;margin:20px 0;font-size:12px}#sliders output{float:right;color:var(--green);font:11px monospace}input[type=range]{width:100%;accent-color:var(--green);margin-top:10px}#fallback{position:absolute;z-index:6;background:#15281e;padding:20px;top:50%;left:20%;max-width:400px}[hidden]{display:none!important}@media(min-height:900px){#world{min-height:680px}}@media(max-width:1000px){h1{font-size:31px}.readout{width:225px;right:20px;padding:14px}.scene-title p{max-width:350px}.equipment>span{display:none}.scene-note{flex-direction:column;gap:3px;font-size:7px}.stages{padding:0 15px}.stages button{padding:14px 10px;gap:8px}.stages small{font-size:8px}.experiment{padding:25px}.project{display:none}.scene-title,.topline,.cameras,.equipment{left:20px}}@media(max-width:700px){header{padding:0 16px;height:58px}nav{gap:12px}#world{height:850px;min-height:850px}.topline{left:16px;right:16px;top:15px}.pill{font-size:7px}.scene-title{top:65px;left:16px}h1{font-size:30px}.scene-title p{max-width:90vw;font-size:10px}.cameras{top:165px;left:16px}.readout{top:auto;bottom:170px;right:16px;left:16px;width:auto;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.readout-head{grid-column:1/-1;margin-bottom:4px;padding-bottom:8px}.eyebrow{grid-column:1}.big{grid-column:1;font-size:35px}.goal,.goal-label{display:none}.numbers{grid-column:2;grid-row:2/6;margin:4px 0;gap:6px}.chartlabel{grid-column:1;padding-top:5px}#plot{height:50px;grid-column:1}.legend{grid-column:1}.equipment{left:16px;bottom:130px}.equipment button{font-size:9px;padding:7px 8px}.scene-note{left:16px;right:16px;bottom:91px}.playbar{left:16px;right:16px;bottom:18px}.playbar #stageSummary{display:none}.primary{min-width:140px}.stages{overflow:auto;padding:0;grid-template-columns:repeat(5,minmax(115px,1fr))}.stages button{gap:7px}.experiment{display:block}.switches{margin-top:20px}footer{display:block;padding:20px}footer>div{gap:15px;margin-top:12px;font-size:8px}#objectCard{top:210px;left:16px;width:270px}#thermalInset{grid-column:1/-1}#thermal{width:48px;height:48px}}