:root{color-scheme:dark;--accent:#84f0ca;--dim:#456b65;--panel:rgba(5,15,19,.88);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cadbd9;background:#02050b}
*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:4px}#flight{height:100dvh;min-height:560px;position:relative;overflow:hidden}#scene,#scene canvas,.vignette{position:absolute;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 20%,rgba(0,4,10,.16) 68%,rgba(0,2,7,.65) 100%)}
header{position:absolute;top:32px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font:400 23px/1.3 system-ui,sans-serif;letter-spacing:.3px;margin:9px 0 0}h1 span{display:block;font:10px/1.8 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:#798d9b;margin-top:3px}.mode-picker{display:flex;border:1px solid #35574f;border-radius:6px;padding:4px;background:#071218dd;gap:3px}.mode-picker button{padding:10px 20px;border:0;border-radius:3px;background:transparent;color:#8caba5;font-size:12px}.mode-picker button[aria-pressed=true]{background:var(--accent);color:#071216}
.study-panel{position:absolute;top:158px;left:36px;width:184px}.model-picker{display:flex;flex-direction:column;align-items:flex-start;margin:14px 0;gap:3px}.model-picker button{width:100%;text-align:left;background:#06111899;border:1px solid transparent;border-left:2px solid #203537;font-size:11px;padding:9px 12px;color:#789794}.model-picker button[aria-pressed=true]{color:var(--accent);border-left-color:var(--accent);background:#11302a88}.study-panel p{font-size:10px;line-height:1.7;color:#93aba8}.study-panel .scope{color:#607b78;font-size:9px;border-top:1px solid #203436;padding-top:14px}.reticle{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);pointer-events:none;color:var(--accent)}.reticle i{position:absolute;inset:8px;border:1px solid currentColor;border-radius:50%;opacity:.55}.reticle b{position:absolute;width:3px;height:3px;background:currentColor;left:19.5px;top:19.5px;border-radius:50%}.reticle:before,.reticle:after{content:"";position:absolute;top:20px;width:10px;border-top:1px solid currentColor}.reticle:before{left:0}.reticle:after{right:0}.reticle span:before,.reticle span:after{content:"";position:absolute;left:20px;height:10px;border-left:1px solid currentColor}.reticle span:before{top:0}.reticle span:after{bottom:0}.hud-marker{position:absolute;top:58%;left:50%;transform:translateX(-50%);text-align:center;display:grid;gap:6px;pointer-events:none;font-size:8px;letter-spacing:2px;color:#718e8b}.hud-marker span+span{font-size:7px;opacity:.6}
.dashboard{position:absolute;bottom:49px;left:50%;width:min(760px,calc(100% - 100px));transform:translateX(-50%);display:flex;align-items:center;gap:28px;padding:15px 22px;background:linear-gradient(180deg,#0d1e23e8,#040b10ed);border:1px solid #233c40;border-top:2px solid #3b5f5f;clip-path:polygon(2% 0,98% 0,100% 12%,100% 100%,0 100%,0 12%);box-shadow:0 0 50px #000}.attitude-block{display:grid;gap:8px;text-align:center}.attitude-block canvas{width:82px;height:82px}.attitude-block .eyebrow,.radar-block .eyebrow,.flight-status .eyebrow{font-size:8px;letter-spacing:1.5px}.readings{min-width:130px;display:grid;gap:11px}.readings div{display:grid;grid-template-columns:43px 1fr;gap:2px}.readings span{font-size:8px;color:#739793}.readings strong{font-size:13px;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums}.readings em{grid-column:2;font-size:6px;color:#53716e;font-style:normal;letter-spacing:1px}.flight-status{flex:1;align-self:center}.flight-status strong{display:block;font-weight:400;font-size:17px;letter-spacing:3px;margin:12px 0;color:var(--accent)}.flight-status p{font-size:9px;color:#8baaab;white-space:nowrap}.flight-status p span{margin-left:10px}.flight-status small{font-size:7px;color:#537276}.radar-block{text-align:center;display:grid;gap:7px}.radar-block canvas{width:96px;height:108px;background:#03120b;border:1px solid #254c35;box-shadow:inset 0 0 12px #3cf68520}footer{position:absolute;bottom:17px;left:36px;right:36px;font-size:7px;letter-spacing:1.6px;color:#688b87;display:flex;align-items:center;gap:8px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.footer-right{margin-left:auto}.touch-controls{display:none;position:absolute;bottom:208px;left:20px;right:20px;justify-content:space-between}.touch-controls button{border:1px solid #3f7b6a;background:#0b221fbb;color:var(--accent);border-radius:8px;padding:16px 22px;touch-action:none;user-select:none}#error{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);max-width:500px;background:#261215;padding:25px;border:1px solid #ae6060;font:14px/1.6 system-ui}
body[data-mode=modern]{--accent:#70d8fa;--dim:#355b6d}.mode-picker,.study-panel,.dashboard{transition:background-color .2s,color .2s}
#motion-preview{background:#07171bdd;border:1px solid #31534e;color:var(--accent);font-size:9px;line-height:1.5;text-align:left;padding:8px 10px;width:100%;border-radius:3px}#motion-preview[aria-pressed=true]{background:#23443d}.study-panel .scope{margin-top:14px}
.dashboard{transform:translateX(-50%) perspective(900px) rotateX(var(--pitch,0rad)) rotateY(var(--yaw,0rad)) rotateZ(var(--roll,0rad));transform-origin:50% 120%}
.footer-right a{color:#7baba0;text-decoration:none}.footer-right a:hover{color:var(--accent)}
body[data-review-model=depth-spread] .hud-marker{top:43%}.study-panel{max-height:calc(100dvh - 180px);overflow-y:auto;scrollbar-width:thin}
@media(max-width:900px){.study-panel{left:20px;top:127px;width:150px}.dashboard{width:calc(100% - 40px);gap:16px}.identity h1{font-size:20px}header{left:20px;right:20px;top:22px}.scope{display:none}footer{left:20px;right:20px}.footer-right{display:none}}@media(max-width:600px){#flight{min-height:620px}.identity h1{font-size:16px}.identity .eyebrow{font-size:8px}.mode-picker button{padding:8px 11px;font-size:10px}.study-panel{width:130px}.study-panel .eyebrow{font-size:8px}.model-picker button{font-size:9px;padding:8px}.dashboard{gap:12px;padding:16px 12px;bottom:42px}.flight-status{display:none}.readings{min-width:100px;flex:1}.attitude-block canvas{width:62px;height:62px}.radar-block canvas{width:75px;height:84px}.hud-marker{top:56%;font-size:7px}.touch-controls{display:flex;bottom:190px}footer{font-size:6px}.study-panel p{font-size:8px}}@media(pointer:coarse){.touch-controls{display:flex}}
@media(max-width:600px){.study-panel{left:20px;right:20px;width:auto;top:123px}.model-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.model-picker button{padding:8px 5px;white-space:nowrap}.study-panel p{font-size:9px;max-width:100%;line-height:1.5;margin:9px 0}#motion-preview{width:auto;padding:6px 10px}.hud-marker{top:61%}}