*{box-sizing:border-box}html,body{margin:0;background:#07111c;color:#e0eef7;font:15px/1.6 'Noto Sans SC',sans-serif;width:100%;height:100%;overflow:hidden}button,input{font:inherit;color:inherit}button{border:1px solid #436879;background:#102d3cdb;border-radius:8px;padding:10px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:hover:not(:disabled){border-color:#a1dbe8}button:focus-visible,input:focus-visible{outline:2px solid #9ce5fc;outline-offset:3px}[hidden]{display:none!important}.brand{font-size:26px;letter-spacing:5px;color:#b3f0fc}.entry-card{width:600px;max-width:90vw;margin:8vh auto}.entry-card h1{font-size:30px;font-weight:400}.entry-card p{color:#9bb6c9}.fine{font-size:12px}.settings{padding:24px;border:1px solid #315265;border-radius:15px;background:#10232e;margin:28px 0}.settings h2{margin:0}.settings #start{width:100%;margin-top:24px;text-align:left;border-color:#80cced;background:#164158;font-size:20px}.settings small{display:block;font-size:13px;color:#b0d5e7}#experience{position:absolute;inset:0}#video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#04090e}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06101be8,transparent 36%,transparent 76%,#06101bb3),linear-gradient(0deg,#06101bec,transparent 26%,transparent 82%,#06101bc9)}header{position:absolute;top:24px;left:32px;right:32px;display:flex;gap:24px;align-items:center;font-size:14px}header>div{border-left:1px solid #547583;padding-left:22px}header small{display:block;font-size:9px;letter-spacing:2px;color:#94afbe}#connection{margin-left:auto;font-size:12px;color:#9fc6d6}#breadcrumbs{position:absolute;top:99px;left:32px;font-size:12px;color:#a8c5d6}#breadcrumbs button{padding:3px 9px;background:transparent;border:0}.scope{position:absolute;left:32px;top:148px}.scope h1{font-weight:400;font-size:28px;margin:10px 0}.scope p{font-size:12px;color:#9bb1c2}.eyebrow{font-size:9px;letter-spacing:3px;color:#7da9bb}#readouts{position:absolute;left:32px;top:285px;width:245px;display:grid;gap:23px}.readout{border-left:2px solid #396072;padding-left:15px}.readout label{display:block;font-size:12px;letter-spacing:2px;color:#9ed6e6}.readout strong{font-size:20px;font-weight:400}.readout small{display:block;font-size:10px;color:#9ab7c7;margin-top:7px}#altitudes{position:absolute;right:30px;top:36%;width:115px;display:grid;border-right:1px solid #365466}#altitudes button{text-align:right;border:0;border-radius:0;background:none;color:#8aafc0;padding:16px}#altitudes button.selected{border-right:3px solid #a4e9ec;background:#16435288;color:white}#next,#alarm{position:absolute;left:52%;top:49%;text-align:left;box-shadow:0 6px 30px #0005}#alarm{left:67%;top:32%;border-color:#c49655;background:#3d2e22d9;color:#ffd496}#alarm small{display:block;color:#d5b394;font-size:10px}#gaze{position:absolute;left:50%;top:48%;width:150px;height:150px;border:1px solid #8ae1ee6c;border-radius:50%;pointer-events:none;box-shadow:0 0 36px #66d0ed23}#gaze::after{content:'';position:absolute;inset:12px;border:1px dashed #8ae1ee99;border-radius:50%;animation:turn 16s linear infinite}#gaze span{position:absolute;top:-30px;font-size:10px;letter-spacing:3px;white-space:nowrap}.legend{position:absolute;left:32px;bottom:115px;font-size:10px;line-height:2;color:#8fafc1}.bottom{position:absolute;left:20%;right:13%;bottom:35px}.bottom>p{text-align:center;font-size:16px;margin-bottom:18px;text-shadow:0 2px 8px black}#command{display:flex;gap:10px;align-items:center;background:#0a2231ed;border:1px solid #476d7f;border-radius:13px;padding:16px}#command input{flex:1;min-width:0;border:0;border-left:1px solid #355769;background:none;padding:10px 14px}#command input::placeholder{color:#93b4c7}#mina-state{font-size:12px;color:#a0e8f8;min-width:34px}#command button{font-size:12px;white-space:nowrap}#detail{position:absolute;right:180px;top:200px;width:340px;background:#0b2331ed;border:1px solid #557c8e;border-radius:12px;padding:24px}#detail h2{font-size:22px;font-weight:400;margin-top:0}#detail p{font-size:13px;color:#b6cbda}#detail .signal{border:1px solid #305164;padding:30px 15px;margin-top:18px;color:#97b6c9;font-size:12px}.demo{position:absolute;bottom:8px;left:32px;font-size:10px;color:#91acbd}#stats{position:absolute;bottom:8px;right:30px;font-size:10px;color:#8faec0;font-family:monospace}#chat{position:absolute;left:24%;right:17%;bottom:160px;background:#0a2332f5;border:1px solid #658b9d;border-radius:16px;padding:20px 26px;max-height:52vh;overflow:auto;box-shadow:0 15px 60px #0008}.handle{height:4px;width:55px;border-radius:8px;background:#7899aa;margin:0 auto 18px}.chat-head{display:flex;justify-content:space-between;align-items:center}#messages{margin:20px 0;font-size:15px}#messages p{padding:10px 16px;border-radius:10px;background:#102f40}#messages p.user{background:#1d485d;margin-left:20%}#loading{position:absolute;inset:0;background:#07121ce8;display:grid;place-items:center;z-index:5}#loading>div{width:550px;max-width:90vw;padding:40px;border:1px solid #3c677c;border-radius:20px;background:#102633}#loading h2{font-size:25px;font-weight:400}#loading p{color:#adc6d4}#loading small{display:block;margin-top:20px;color:#779cad;font-size:12px}#notice{position:fixed;left:50%;top:90px;transform:translateX(-50%);z-index:7;padding:15px 24px;border:1px solid #6eacbf;background:#15394d;border-radius:10px;max-width:80vw}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:1100px){body{font-size:12px}header{left:20px;right:20px;gap:12px;top:15px}header small{display:none}.scope{left:20px;top:115px}.scope h1{font-size:21px}#breadcrumbs{top:75px;left:15px}#readouts{left:20px;top:220px;width:170px;gap:15px}.readout strong{font-size:15px}.readout small{font-size:9px}#altitudes{right:16px;width:88px}#alarm{left:62%;top:25%}.bottom{left:19%;right:11%;bottom:28px}#command{padding:10px;gap:5px}#command button{padding:8px}#gaze{width:90px;height:90px}.legend{left:20px;font-size:8px;bottom:100px}#detail{width:260px;right:112px;top:150px;padding:16px}#chat{left:20%;right:13%;bottom:120px}#stats{max-width:50%;text-align:right;font-size:8px}.brand{font-size:20px}#connection{font-size:10px}}@media(prefers-reduced-motion:reduce){#gaze::after{animation:none}}