.offline-status{color:#9fbea7;font-size:8px;letter-spacing:.3px}.flight-hud{max-width:calc(100% - 40px)}.travel-options{display:flex;gap:6px;margin-bottom:15px}.travel-options button{flex:1;font-size:10px;padding:8px 4px}.travel-options button[aria-pressed=true]{background:#244638;border-color:#b1d5a6;color:#e0efcb}.formation-grid>.formation:last-child:nth-child(odd){grid-column:1/-1;height:88px}.hand-skeleton{object-fit:contain}.flight-hud{position:absolute;right:26px;bottom:82px;z-index:2;display:flex;flex-direction:column;gap:7px;text-align:right;padding:12px 16px;border-right:2px solid #bce2a4;background:linear-gradient(90deg,transparent,#0b1a1dc9);pointer-events:none}.flight-hud strong{font-size:10px;letter-spacing:1.5px;color:#d7f3b9}.flight-hud span{font:11px monospace;color:#9dbdae}.flight-controls{padding:14px 0 0}.flight-controls label{font-size:10px;display:flex;justify-content:space-between;color:#bed7c9}.flight-controls label span{color:#719b87}.quality-row.scenery-control{padding:0 0 18px;margin:0 0 18px;border-top:0;border-bottom:1px solid #233138}.scenery-control>span:first-child{max-width:85%}.scenic .scene-label{text-shadow:0 2px 14px #122a32}.scenic .scene-label .eyebrow,.scenic .scene-label p,.scenic .arena-top .eyebrow,.scenic .stats{color:#d4e4cf}.scenic .arena-bottom{color:#e0eddb}.camera-preview video{object-fit:contain}.hand-skeleton{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hand-skeleton polyline{fill:none;stroke:#80ffbe;stroke-width:2}.hand-skeleton circle{fill:#f5df85;stroke:#164731;stroke-width:1}.tracking-info{color:#92bfa9;font:9px monospace;line-height:1.6;margin:8px 0 0}.tracking-error{color:#ffc194!important}:root{font-family:Segoe UI,system-ui,sans-serif;color:#dce7e6;background:#080e13;font-synthesis:none;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:1px solid #2b373e;border-radius:7px;padding:9px 13px}button:hover{border-color:#7fd9bc;background:#ffffff06}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9aebce;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}a{text-decoration:none;color:inherit}.app{max-width:1800px;margin:auto;padding:0 36px}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202b32}.brand{display:flex;gap:13px;align-items:center;letter-spacing:2px;font-size:15px}.brand b{color:#bce5ce;font-weight:500}.brand-icon{font-size:40px;color:#a9d9bc}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#657b82;margin-top:9px}.header-right{display:flex;gap:16px;align-items:center}.prototype{font-size:9px;letter-spacing:1.6px;color:#899c9e}.icon-button{border-radius:50%;padding:0;width:29px;height:29px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:26px;margin-top:26px}.arena{min-height:740px;position:relative;overflow:hidden;border:1px solid #26353b;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,#14322d55,transparent 57%),linear-gradient(145deg,#0b151e,#080d12);touch-action:none}.arena:after{pointer-events:none;content:"";position:absolute;inset:0;background:linear-gradient(transparent 80%,#050b10aa);border-radius:12px}.canvas{position:absolute;inset:0}.canvas canvas{display:block}.arena-top,.arena-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:1}.arena-top{top:26px}.eyebrow{font-size:9px;letter-spacing:2px;color:#84a69e}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8ceac7;margin-right:8px;box-shadow:0 0 10px #8ceac7}.stats{font-family:monospace;font-size:10px;color:#8baba3}.stats span{padding:0 9px;color:#39504f}.scene-label{position:absolute;top:85px;left:32px;pointer-events:none}.scene-label h1{font-family:Georgia,serif;font-size:48px;font-weight:500;letter-spacing:-1px;margin:10px 0;color:#dfede3}.scene-label p{color:#76918e;font-size:11px;letter-spacing:1px}.crosshair{position:absolute;top:51%;color:#34534f;font-size:20px;font-weight:400}.crosshair.left{left:23px}.crosshair.right{right:23px}.arena-bottom{bottom:24px;font-size:9px;letter-spacing:1px;color:#89a39e}.dot{display:inline-block;width:5px;height:5px;background:#6b8386;border-radius:50%;margin-right:8px}.dot.active{background:#94f3c5;box-shadow:0 0 10px #94f3c5}.glass{background:#101c2288;font-size:10px;letter-spacing:0}.render-error{position:absolute;top:45%;left:15%;right:15%;padding:25px;background:#1b262c;border-radius:8px}aside{padding:0 0 0 2px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px}.tiny{color:#9be4c7}.camera-preview{height:155px;border:1px solid #2d3b40;border-radius:8px;background:radial-gradient(ellipse,#1b2b2c55,#0d161c);position:relative;overflow:hidden}.camera-preview:before,.camera-preview:after{position:absolute;width:18px;height:18px;content:"";z-index:2;top:12px;border-top:1px solid #65877b}.camera-preview:before{left:12px;border-left:1px solid #65877b}.camera-preview:after{right:12px;border-right:1px solid #65877b}video{width:100%;height:100%;object-fit:cover;opacity:0}.enabled video{opacity:.8}.camera-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.camera-glyph{font-size:32px;font-weight:400;color:#8db8a6}.camera-overlay strong{font-size:11px;font-weight:500}.camera-overlay small{font-size:9px;color:#6d8985}.enabled .camera-overlay{justify-content:flex-end;padding:10px}.enabled .camera-overlay>span{background:#07120dbb;padding:5px 8px;border-radius:4px;font-size:10px}.primary{background:#b4e8c9;color:#10251b;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;font-weight:600;border-color:#b4e8c9;padding:13px 14px;margin-top:12px}.primary:hover{background:#c7f4d9;border-color:#d8ffe9}.primary span{font-size:17px}.camera-select{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#839994;margin-top:10px}select{background:#111e24;border:1px solid #2a3a3e;border-radius:4px;color:#b5c9c3;font-size:10px;padding:4px}.hint{font-size:10px;color:#849b95;line-height:1.8;margin:10px 0 0}.formations,.settings{border-top:1px solid #233138;margin-top:21px;padding-top:19px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-head h2{font-size:12px;font-weight:500;margin:0}.section-head>span{font-size:8px;letter-spacing:1.5px;color:#6d8b80}.formation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.formation{position:relative;text-align:left;height:99px;border-color:#28383d;border-radius:7px;padding:13px 12px;background:#101a20}.formation.selected{border-color:#8ab59b;background:linear-gradient(135deg,#213a2f,#14231f)}.form-number{position:absolute;top:11px;right:10px;font:9px monospace;color:#536b65}.form-symbol{font-size:24px;line-height:1;color:#8aaf9e;display:block;margin-bottom:8px}.formation.selected .form-symbol{color:#c7edb2}.formation strong{font-size:11px;font-weight:500;display:block}.formation small{display:block;margin-top:5px;font-size:8px;color:#80968f}output{font:21px Georgia,serif;color:#bdebc9}output small{font:9px Segoe UI,system-ui,sans-serif;color:#789087}input[type=range]{width:100%;height:3px;accent-color:#beeac8;cursor:pointer;display:block;margin:18px 0}.range-labels{display:flex;justify-content:space-between;align-items:center;font:9px monospace;color:#71897e}.range-labels button{font-size:9px;color:#a6c9b7;border:0;padding:1px}.speed-row{display:flex;justify-content:space-between;font-size:10px;color:#9cb2aa;margin-top:22px}.speed-row span{color:#c2d9c8}.quality-row{border:0;border-top:1px solid #223037;border-radius:0;width:100%;margin-top:16px;padding:15px 0 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:10px}.quality-row small{display:block;font-size:9px;color:#71867e;margin-top:5px}.toggle{width:29px;height:16px;border-radius:15px;background:#2b3b3e;position:relative}.toggle:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:#899d94}.toggle.on{background:#40694f}.toggle.on:after{left:16px;background:#ccf3d1}.privacy{border:1px solid #23332f;background:#10211b55;border-radius:6px;margin-top:20px;padding:12px 13px 12px 36px;color:#829e8d;font-size:9px;line-height:1.8;position:relative}.privacy>span{position:absolute;left:13px;top:17px;font-size:15px;color:#a1c3aa}footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0;color:#526f68;font-size:8px;letter-spacing:1.5px}footer button{border:0;font-size:9px;color:#8ca99b;letter-spacing:0}.modal-backdrop{position:fixed;inset:0;background:#020809dd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{max-width:520px;background:#111e23;border:1px solid #3a5047;border-radius:14px;padding:35px;position:relative;max-height:90dvh;overflow:auto}.modal h2{font:32px Georgia,serif;color:#d4ebd7}.modal p,.modal li{line-height:1.9;font-size:12px;color:#a0b6ad}.modal ul{padding-left:18px}.close{position:absolute;right:12px;top:12px;font-size:22px;border:0;padding:0 8px}@media(min-width:1500px){.arena{min-height:810px}.workspace{grid-template-columns:minmax(0,1fr) 350px}.camera-preview{height:185px}}@media(max-width:1000px){.app{padding:0 20px}.workspace{gap:18px;grid-template-columns:minmax(0,1fr) 290px}.scene-label h1{font-size:39px}.arena-top,.arena-bottom{left:18px;right:18px}.scene-label{left:22px}.stats{font-size:9px}.stats span{padding:0 4px}}@media(max-width:720px){.app{padding:0 14px}header{height:80px}.brand{font-size:11px;letter-spacing:1px;gap:7px}.brand-icon{font-size:29px}.brand small{font-size:6px;letter-spacing:1.6px}.prototype{display:none}.header-right{gap:6px}.header-right>button{font-size:10px}.workspace{grid-template-columns:1fr;gap:23px;margin-top:14px}.arena{min-height:480px;height:62dvh;max-height:700px}.scene-label{top:58px}.scene-label h1{font-size:35px;margin:8px 0}.scene-label .eyebrow{font-size:7px}.scene-label p{font-size:10px}.arena-top{top:18px}.eyebrow,.stats{font-size:8px}.arena-bottom{font-size:7px;bottom:16px}.glass{font-size:9px;padding:8px}.camera-preview{height:190px}.panel-title{margin-bottom:13px}.formation{height:103px}.formation small{font-size:10px}.formation strong{font-size:13px}.settings{margin-bottom:16px}.privacy{margin-bottom:5px}footer{flex-wrap:wrap;gap:10px;padding:20px 0}footer>span:last-child{display:none}.modal{padding:28px 22px}}
