.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}}.technique-info{margin-top:18px;padding:14px;border:1px solid #47634b;border-radius:8px;background:#192b2255}.technique-info .eyebrow{font-size:8px}.formation{height:auto;min-height:110px}.formation small{line-height:1.5}.scene-label{max-width:calc(100% - 50px)}.scene-label h1{overflow-wrap:break-word}@media(min-width:721px){.arena{position:sticky;top:16px;align-self:start;height:calc(100dvh - 150px);min-height:550px;max-height:900px}}.immersive{padding:0;max-width:none;height:100dvh;overflow:hidden}.immersive header{position:fixed;inset:0 0 auto;height:auto;min-height:66px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;border:0;z-index:5;pointer-events:none;background:linear-gradient(#070d16b3,transparent)}.immersive header>*{pointer-events:auto}.immersive .brand{font-size:11px;letter-spacing:1px;gap:8px}.immersive .brand-icon{font-size:22px}.immersive .header-right{gap:8px}.immersive .controls-toggle{background:#101c24b8;min-height:40px;padding:8px 14px;border:0;border-radius:22px}.immersive .icon-button{width:36px;height:36px;border:0;background:#101c24a0}.immersive .workspace{display:block;margin:0}.immersive .arena{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0}.immersive .arena:after{border-radius:0;background:linear-gradient(transparent 88%,#050b1077)}.immersive .scene-label{top:calc(76px + env(safe-area-inset-top));left:22px;max-width:calc(100% - 44px);z-index:1}.immersive .scene-label h1{font:500 14px Segoe UI,sans-serif;letter-spacing:.5px;margin:0;color:#d7e6d8b3;text-shadow:0 1px 10px #071219}.immersive .arena-bottom{bottom:calc(18px + env(safe-area-inset-bottom));left:15px;right:15px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.play-hint{margin:0;font-size:11px;letter-spacing:0;color:#a9bfb3;text-shadow:0 1px 8px #000}.play-hint:empty{display:none}.play-actions{display:flex;gap:8px;pointer-events:auto}.play-actions button{border:0;border-radius:26px;height:46px;padding:10px 22px;background:#14241fdb;font-size:12px}.play-actions .camera-action{background:#b4e8c9;color:#10251b}.play-actions .glass{width:46px;padding:10px;font-size:18px}.cast-status{position:absolute;bottom:calc(90px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;pointer-events:none;color:#d4e5bc;font-size:10px;letter-spacing:1px}.camera-error{position:absolute;bottom:130px;left:10%;right:10%;color:#ffc194;background:#151d22d9;padding:14px;border-radius:8px;font-size:12px;z-index:3}.immersive aside{position:fixed;z-index:10;right:0;top:0;bottom:0;width:min(360px,92vw);padding:calc(18px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));background:#0b151bf5;overflow-y:auto;overscroll-behavior:contain;transform:translate(102%);visibility:hidden;transition:transform .2s ease,visibility .2s;box-shadow:-12px 0 40px #0003}.immersive.panel-open aside{transform:translate(0);visibility:visible}.panel-close{float:right;border:0;font-size:25px;padding:0 6px;line-height:28px}.immersive .panel-title{font-size:15px;margin:4px 0 18px}.immersive .camera-preview{height:125px;border:0;border-radius:7px}.immersive .camera-preview:not(.enabled){display:none}.immersive .camera-preview:before,.immersive .camera-preview:after{display:none}.immersive .tracking-info,.immersive .camera-section>.hint:not(.tracking-error){display:none}.immersive .formation{border:0;border-radius:5px;min-height:76px;height:auto;padding:10px 6px;background:transparent}.immersive .formation.selected{background:#25483680}.immersive .form-symbol{display:inline-block;font-size:17px;margin:0 0 5px}.immersive .formation strong{font-size:11px}.immersive .formation small{font-size:9px;line-height:1.5}.immersive .technique-info{padding:0;border:0;background:none}.immersive .settings,.immersive .formations{margin-top:18px;padding-top:16px}.immersive .quality-row{font-size:11px}.immersive .quality-row small{font-size:9px}.immersive footer{position:fixed;bottom:20px;right:20px;z-index:6;padding:0}.immersive footer:empty{display:none}.immersive footer button{padding:9px 14px;border-radius:20px;background:#203f33;color:#d7e9ce;font-size:11px}@media(max-width:720px){.immersive header{padding-left:15px;padding-right:15px}.immersive .brand{font-size:10px;letter-spacing:.5px}.immersive .scene-label{left:18px}.immersive .header-right>button{font-size:11px}.immersive .arena-bottom{bottom:calc(14px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.immersive aside{transition:none}}html,body{overflow-x:hidden}.immersive .controls-toggle[aria-expanded=true]{background:#284333}.immersive .camera-error{display:flex;align-items:center;gap:10px;left:18px;right:18px;max-width:370px;margin:0 auto;bottom:105px;padding:10px 12px;font-size:11px;line-height:1.6}.camera-error button{border:0;padding:0 4px;font-size:21px;color:#d8c6ac}.immersive .camera-corner{position:fixed;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));width:176px;height:132px;z-index:6;pointer-events:none;border:1px solid #61756c66;border-radius:10px;background:#0b141b;overflow:hidden;box-shadow:0 4px 20px #0005}.immersive .camera-corner.hand-found{border-color:#87caa17d}.camera-corner.enabled video{opacity:1}.camera-corner .camera-overlay{justify-content:flex-end;padding:0!important}.camera-corner .camera-overlay>span{width:100%;font-size:9px;text-align:center;padding:4px 3px;background:#06130cc4;border-radius:0;line-height:1.4}.camera-corner .hand-skeleton{object-fit:contain}@media(max-width:720px){.immersive .camera-corner{width:120px;height:90px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom))}.camera-corner .camera-overlay>span{font-size:8px}}@media(max-height:500px)and (orientation:landscape){.immersive .camera-corner{width:128px;height:96px;right:12px;bottom:12px}}.immersive .brand-version{display:inline-block;margin-left:7px;font-size:9px;font-weight:400;letter-spacing:0;color:#9aafa4;white-space:nowrap}@media(max-width:360px){.immersive .brand{font-size:9px;letter-spacing:0;gap:4px}.immersive .brand-icon{font-size:16px}.immersive .brand-version{font-size:8px;margin-left:4px}.immersive .controls-toggle{padding:8px 10px}.immersive .icon-button{width:30px;height:30px}.immersive .header-right{gap:4px}}.quytong-param{display:block;font-size:11px;color:#b4c9be;margin-top:20px}.quytong-param>span{float:right;color:#d3e3cc}.quytong-controls .primary{margin-top:14px}.play-actions .cast-action{background:#b99b58;color:#181b13}.play-actions .cast-action:disabled{opacity:.5;cursor:default}