:root{font-family:Arial,Helvetica,sans-serif;color:#edf6f4;background:#102328;--mint:#69e0bb;--muted:#a6b9b8;--line:#ffffff22}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8ef4cf;outline-offset:4px}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;height:68px;background:linear-gradient(#0b1c22ee,#0b1c2200);display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:3}.brand{font-size:12px;letter-spacing:.12em;font-weight:bold}.brand span{color:var(--mint);font-size:22px;margin:0 8px}.header-right{display:flex;gap:10px;align-items:center;color:#d2e0dd;font-size:10px;letter-spacing:.08em}.header-right a{margin-left:24px;border-bottom:1px solid #99b4ac;padding:6px 0}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;box-shadow:0 0 8px #48d6ab80}#overlay{position:fixed;inset:0;pointer-events:none}#overlay section{pointer-events:auto}.intro{position:absolute;top:105px;left:30px;max-width:300px;text-shadow:0 2px 15px #0008}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--mint);margin:0 0 16px}h1{font-size:48px;line-height:.98;letter-spacing:-.045em;font-weight:500;margin:0 0 20px}p{font-size:12px;line-height:1.6;color:#cad9d6;margin:0 0 14px}#view-copy{max-width:255px}.intro #xr-status{max-width:265px;font-size:10px;color:#b6cbc5;margin-top:9px}.intro #xr-entry button{position:static!important;width:auto!important;min-width:185px!important;margin:0!important;padding:12px 20px!important;border:1px solid #a3efd1!important;border-radius:3px!important;background:#163c36e8!important;font:600 11px Arial!important;opacity:1!important;color:#cbffe9!important;text-shadow:none!important;letter-spacing:.04em!important}.intro #xr-entry a{font-size:11px;color:var(--mint)}.live-panel{position:absolute;right:30px;top:105px;width:270px;background:#0d242beb;backdrop-filter:blur(14px);padding:18px 20px;border:1px solid var(--line);border-radius:4px}.panel-top{font-size:9px;letter-spacing:.08em;display:flex;align-items:center;gap:7px}.live{margin-left:auto;color:var(--mint);font-size:8px}.big-number{display:flex;align-items:baseline;gap:12px;margin:18px 0 16px}.big-number strong{font-size:46px;font-weight:500;letter-spacing:-.04em}.big-number span{font-size:10px;color:var(--muted);max-width:70px;line-height:1.5}.metrics{display:flex;gap:35px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div{display:flex;flex-direction:column;gap:6px}.metrics b{font-size:19px;font-weight:500}.metrics span{font-size:9px;color:var(--muted)}.constraint{font-size:8px;letter-spacing:.1em;margin:15px 0 10px;color:var(--muted)}.constraint strong{display:block;font-size:13px;color:#ffcc75;margin-top:7px;letter-spacing:0}.small{font-size:9px!important;color:var(--muted)!important;margin:0}.stations{position:absolute;left:30px;bottom:80px;width:260px;background:#0c232ce8;border:1px solid var(--line);border-radius:4px;backdrop-filter:blur(12px);padding:14px}.station-heading,.control-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;margin-bottom:10px}.station-heading button{font-size:9px;background:none;border:0;color:var(--mint);padding:0}.stations nav{display:grid;gap:3px}.stations nav button{background:none;border:0;border-radius:3px;color:#6a9e9b;text-align:left;padding:9px 10px;font-size:9px;display:flex;gap:16px}.stations nav button span{font-size:11px;color:#c5d9d3}.stations nav button.active,.stations nav button:hover{background:#ffffff12;color:var(--mint)}.controls{position:absolute;right:30px;bottom:80px;width:270px;background:#0d242beb;backdrop-filter:blur(14px);padding:15px 16px;border:1px solid var(--line);border-radius:4px}.control-heading button{background:transparent;color:#a9d9ca;border:0;font-size:20px;padding:0}.preset-row{display:flex;gap:4px;margin-bottom:12px}.preset-row button{background:#ffffff09;border:1px solid var(--line);border-radius:2px;color:#dce9e6;font-size:8px;padding:6px 4px;flex:1}.preset-row button.active{border-color:#70d9b6;color:var(--mint)}label{display:block;font-size:10px;color:#becfcb;margin:10px 0}output{float:right;color:var(--mint)}input[type=range]{display:block;width:100%;height:3px;accent-color:#6ce5ba;margin:10px 0 13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.actions button,.action-row button,#task-next{background:#1c4943;border:1px solid #8edcbd33;color:#c7f8e4;border-radius:2px;padding:8px 5px;font-size:9px}.actions button:hover,.action-row button:hover,#task-next:hover{background:#286558}.inspection,.task{position:absolute;left:50%;transform:translateX(-50%);bottom:80px;width:330px;background:#0c242dea;backdrop-filter:blur(15px);border:1px solid #71d2b555;border-radius:4px;padding:18px}.inspection h2,.task h2{font-size:22px;letter-spacing:-.02em;margin:14px 0 9px;font-weight:500}.inspection .panel-top button,.task .eyebrow button{margin-left:auto;background:none;border:0;color:#8dcbb8;font-size:20px}.inspection p,.task p{font-size:11px}.action-row{display:flex;gap:8px;margin:16px 0}.action-row button{flex:1}.task{bottom:auto;top:100px}.task .eyebrow{display:flex;margin:0}.task #task-next{padding:9px 18px}.task[hidden],.inspection[hidden],#control-body[hidden]{display:none}footer{position:fixed;bottom:0;left:0;right:0;min-height:48px;background:linear-gradient(transparent,#071b23ed);display:flex;align-items:center;justify-content:space-between;padding:12px 30px;gap:12px;font-size:9px;color:#b0c6be;pointer-events:none}footer button{pointer-events:auto;background:none;border:0;color:#b5d5c8;font-size:9px;padding:5px 0;border-bottom:1px solid #87b4a455}#loading{position:fixed;inset:0;z-index:10;background:#10252a;display:flex;align-items:center;justify-content:center;flex-direction:column}#loading h2{font-weight:400;font-size:22px;margin:22px 0 10px}#loading p{font-size:11px}.loader{width:35px;height:35px;border:1px solid #badbd12a;border-top-color:#74e8bc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{max-width:530px;background:#102a31;color:#e2efe9;border:1px solid #75c4ac66;border-radius:5px;padding:28px}dialog::backdrop{background:#041217bb}dialog h2{font-size:26px;font-weight:400}dialog p{font-size:12px}dialog a{color:var(--mint);font-size:11px}dialog button{float:right;border:1px solid #85c9b266;background:#265b4c;color:#d2f9e9;padding:8px 18px;font-size:11px}body.inspecting .intro h1{font-size:36px}body.inspecting #view-copy{display:none}body.vr-active header,body.vr-active #overlay,body.vr-active footer{display:none}@media(max-height:800px) and (min-width:900px){.intro{top:90px}h1{font-size:38px}.live-panel{top:90px;padding:13px 17px}.big-number{margin:10px 0}.big-number strong{font-size:35px}.metrics{padding:10px 0}.controls,.stations,.inspection{bottom:60px}.stations nav button{padding:7px 10px}.intro #view-copy{font-size:11px;max-width:230px}.intro #xr-status{max-width:230px}.controls{padding:12px 14px}.actions button{font-size:8px;padding:7px 3px}}@media(max-width:900px){header{height:60px;padding:0 16px}.brand{font-size:10px}.header-right>span{display:none}.header-right a{margin-left:0;font-size:9px}.intro{left:16px;top:80px;width:190px}h1{font-size:34px}.intro #view-copy{font-size:11px;max-width:180px}.intro #xr-status{max-width:180px}.live-panel{right:16px;top:80px;width:200px;padding:12px}.big-number strong{font-size:35px}.big-number{margin:10px 0}.metrics{padding:10px 0;gap:20px}.constraint{margin:10px 0 0}.live-panel .small{display:none}.stations{left:16px;bottom:60px;width:210px;padding:10px}.station-heading{font-size:8px}.station-heading button{font-size:8px}.stations nav button{padding:7px}.stations nav button span{font-size:10px}.controls{right:16px;bottom:60px;width:210px;padding:10px}.actions button{font-size:8px}.preset-row{flex-wrap:wrap}.preset-row button{flex-basis:40%}.inspection{bottom:285px;width:280px;left:50%}.task{top:275px;width:290px}.controls label{margin:7px 0}footer{padding:12px 16px;font-size:8px}footer span:nth-child(2){display:none}}@media(max-width:580px){.intro{top:74px;width:170px}h1{font-size:28px}.intro #view-copy{display:none}.intro #xr-entry button{min-width:145px!important;padding:9px 11px!important;font-size:9px!important}.intro #xr-status{font-size:8px;max-width:165px}.live-panel{width:155px;top:75px}.panel-top{font-size:7px}.live{display:none}.big-number{display:block;margin:7px 0}.big-number strong{font-size:30px}.big-number span{font-size:8px;margin-left:7px}.metrics{gap:20px}.metrics b{font-size:15px}.metrics span{font-size:7px}.constraint{font-size:7px}.constraint strong{font-size:10px}.stations{bottom:55px;left:12px;width:175px}.stations nav button{padding:5px;gap:10px}.station-heading button{display:none}.controls{right:12px;bottom:55px;width:175px}.control-heading{font-size:8px}.actions{gap:3px}.actions button{font-size:7px;padding:6px 2px}.preset-row{margin-bottom:7px}.preset-row button{font-size:7px;padding:5px}.controls label{font-size:8px}.inspection{bottom:310px;width:265px}.inspection h2{font-size:18px}.inspection p{font-size:9px}.task{top:250px}.task h2{font-size:18px}footer{font-size:7px}}
body.focused .intro h1{font-size:30px}body.focused .intro #view-copy,body.focused .intro .eyebrow{display:none}
