@font-face{font-family:system-local;src:local("Segoe UI")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1317;color:#edf2ec;font-family:system-local,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible{outline:2px solid #d4ef84;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.35}button{touch-action:manipulation}button svg{pointer-events:none}[hidden]{display:none!important}.stage{--acid:#d4ef84;--muted:#91a1a6;position:absolute;left:50%;top:50%;width:var(--landscape-width,100vw);height:var(--landscape-height,100vh);transform:translate(-50%,-50%);overflow:hidden;container-type:size;user-select:none;-webkit-user-select:none;touch-action:none;background:#111c21}.stage.portrait{transform:translate(-50%,-50%) rotate(90deg)}.lobby,.cockpit{position:absolute;inset:0}.lobby{background:radial-gradient(ellipse at 25% 65%,#2c3c3d 0,transparent 43%),linear-gradient(120deg,#1b292d,#111c21 60%);overflow:hidden}.lobby:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.035' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");pointer-events:none;opacity:.35}.brand{position:absolute;left:4%;top:6%;display:flex;gap:10px;align-items:center;z-index:2;font-size:13px;letter-spacing:2px}.brand img{width:35px;height:35px;border-radius:10px}.brand b{color:var(--acid);font-weight:500}.brand small{display:block;letter-spacing:2px;color:#899b9f;font-size:9px;margin-top:5px}.build-tag{position:absolute;right:4%;top:8%;font:9px monospace;color:#879a9d;letter-spacing:1px;display:flex;align-items:center;gap:7px}.build-tag i,.lobby-footer i{height:5px;width:5px;background:var(--acid);border-radius:50%;box-shadow:0 0 8px #d4ef8455}.build-tag span{border-left:1px solid #405050;padding-left:14px;margin-left:10px;color:#d2dfd6}.hangar-lines{position:absolute;left:4%;right:49%;top:24%;bottom:16%;border:1px solid #c2e8e410;border-right:0;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.hangar-lines:before{content:"01";position:absolute;font:100px monospace;color:#b2c8c207;top:-15px;left:10px}.hangar-lines:after{content:"EXPLORER CLASS / PERSONAL ROBOT";font:8px monospace;color:#8b9d9444;position:absolute;bottom:14px;left:14px;letter-spacing:2px}.model-zone{position:absolute;left:3%;top:15%;width:53%;height:75%;z-index:1}.model-zone canvas,.hud-model canvas{display:block;width:100%;height:100%;touch-action:none}.model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#9eaeac;font-size:11px}.loader{width:18px;height:18px;border:2px solid #5d7167;border-top-color:var(--acid);border-radius:50%;animation:spin 1s linear infinite}.model-label{position:absolute;bottom:13%;left:8%;font:10px monospace;letter-spacing:1.5px;color:#d5dfd3;z-index:2}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--acid);margin-right:7px}.model-label small{display:block;color:#8b9b9b;font:10px system-local;margin:7px 0 0 13px;letter-spacing:1px}.model-note{position:absolute;left:44%;bottom:14%;font-size:9px;color:#859c9a;z-index:2}.model-note span{font-size:16px;margin-left:4px}.connect-panel{position:absolute;left:60%;top:22%;width:32%;z-index:2;max-width:430px}.eyebrow{font:9px monospace;letter-spacing:3px;color:var(--acid)}h1{font-size:clamp(24px,5.8cqh,52px);line-height:1.35;letter-spacing:1px;margin:13px 0 10px;font-weight:750}h1 em{font-style:normal;color:var(--acid)}.intro{font-size:clamp(10px,2.4cqh,13px);color:#93a4a4;letter-spacing:.5px;margin:0 0 7cqh}label{display:flex;justify-content:space-between;font-size:10px;color:#d5ddd7;letter-spacing:1px}label span{font:8px monospace;color:#778e90}.device-field{height:clamp(42px,11cqh,65px);margin-top:8px;display:flex;align-items:center;background:#0c1518cc;border:1px solid #536451;border-radius:8px;box-shadow:inset 0 2px 6px #0005,0 0 0 3px #d4ef8405;gap:10px;padding:0 15px}.device-field:focus-within{border-color:var(--acid);box-shadow:0 0 0 3px #d4ef8414}.device-symbol{color:#82978b;font-size:23px}.device-field input{min-width:0;width:100%;background:transparent;border:0;color:#f0f5eb;font:clamp(16px,4.1cqh,23px) monospace;outline:0;user-select:text;-webkit-user-select:text;letter-spacing:1px}.field-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:var(--acid);box-shadow:0 0 10px #d4ef8444}.field-error{color:#ffa69c;font-size:9px;min-height:17px;padding-top:3px}.connect-button{height:clamp(42px,11cqh,60px);width:100%;border-radius:8px;background:linear-gradient(#e1f7a4,#b9d76c);color:#1d2d19;display:flex;align-items:center;gap:12px;padding:0 19px;box-shadow:inset 0 1px 0 #f5ffd9,0 4px 0 #789347,0 7px 18px #0005;transition:transform .12s,filter .12s;font-size:clamp(13px,3.2cqh,17px);letter-spacing:2px}.connect-button:hover{filter:brightness(1.06)}.connect-button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #f5ffd9,0 1px 0 #789347}.play-triangle{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #21351e}.button-arrow{margin-left:auto;font-size:23px;font-weight:300}.entry-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:8px}.entry-footer>span{font-size:8px;color:#7f9390}.text-button{background:transparent;padding:0;color:#aebdb6;font-size:10px}.text-button span{color:var(--acid);padding-left:6px}.lobby-footer{position:absolute;left:4%;right:4%;bottom:5%;display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#728986;z-index:2}.lobby-footer>span{display:flex;align-items:center;gap:7px}.cockpit{background:#0b1518}#camera,#demo-camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#102327}.video-shade{position:absolute;inset:0;background:linear-gradient(#09131677,transparent 25%,transparent 55%,#050c11a6);pointer-events:none}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:3%;right:3%;height:32px;display:flex;align-items:center;gap:8px;font-size:11px}.session-name{display:flex;align-items:center;gap:7px;background:#101f259e;border:1px solid #9fbfbb33;padding:8px 12px;border-radius:6px;backdrop-filter:blur(10px)}.session-name b{font:11px monospace}.session-name>span:last-child{font:7px monospace;color:#d4ef84;background:#d4ef8412;padding:3px 5px;border-radius:3px}.live-dot{height:5px;width:5px;background:#d4ef84;border-radius:50%;box-shadow:0 0 8px #d4ef84}.telemetry{margin-left:auto;display:flex;align-items:center;gap:8px;font:10px monospace;background:#101f2588;padding:8px 10px;border-radius:5px}.signal-bars{color:#d4ef84;letter-spacing:-2px}.top-divider{height:13px;width:1px;background:#d7ede333;margin:0 3px}.battery-icon{width:17px;height:9px;border:1px solid #dcead5;border-radius:2px;position:relative}.battery-icon:before{content:"";position:absolute;inset:1px;background:#d4ef84}.battery-icon:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#dcead5}.tool-button{height:32px;width:32px;flex-shrink:0;border-radius:6px;background:linear-gradient(#3a47488c,#18262cc4);border:1px solid #9fbcbb4a;box-shadow:inset 0 1px 0 #fff2,0 2px 3px #0004;position:relative;font-size:19px}.tool-button #sound-slash{position:absolute;inset:5px;font-size:16px;color:#bec9c5}.tool-button.leave{color:#ffc3b5}.mini-model{position:absolute;left:3%;top:61px;width:clamp(145px,22cqw,220px);height:clamp(112px,31cqh,180px);border:1px solid #c1e1d633;border-radius:9px;background:linear-gradient(145deg,#14272cb8,#0b191e88);box-shadow:inset 0 1px 0 #edfff614,0 3px 20px #0002;backdrop-filter:blur(10px);overflow:hidden}.mini-title{height:25px;display:flex;align-items:center;gap:5px;padding:0 9px;color:#dbe9df;font-size:9px}.mini-title>span{width:4px;height:4px;border-radius:50%;background:#829191}.mini-title>span.fresh{background:#d4ef84;box-shadow:0 0 6px #d4ef84}.mini-title b{font-weight:400}.mini-title small{font-size:7px;margin-left:auto;color:#a3b8b0}.mini-title button{background:none;padding:0 0 0 3px;font-size:14px;color:#bfd5cb}.hud-model{position:absolute;top:19px;bottom:15px;left:0;right:0}.mini-footer{position:absolute;bottom:6px;left:9px;right:9px;font:6px monospace;letter-spacing:1px;color:#9fb5ad;display:flex;justify-content:space-between;pointer-events:none}.mini-footer span{font:7px system-local}.reticle{position:absolute;left:50%;top:46%;width:45px;height:45px;transform:translate(-50%,-50%);opacity:.6;pointer-events:none}.reticle i{position:absolute;width:9px;height:9px;border-color:#e8f7de;border-style:solid;border-width:0}.reticle i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.reticle i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.reticle i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.reticle i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.reticle>span{width:3px;height:3px;background:#fff;position:absolute;left:21px;top:21px}.notice{position:absolute;left:50%;top:16%;transform:translateX(-50%);font-size:10px;color:#e0ecdd;background:#0e1c24a6;backdrop-filter:blur(8px);border:1px solid #bfd8c333;border-radius:25px;padding:8px 15px;max-width:48%;text-align:center;white-space:nowrap;transition:opacity .3s}.notice.warning{color:#ffd39b;border-color:#e5b37955}.flight-status{position:absolute;top:46%;right:3%;display:flex;align-items:baseline;gap:5px;color:#eef6e5;text-shadow:0 1px 5px #0006}.flight-status>span{font-size:9px;border:1px solid #d4ef8455;background:#182f26a3;color:#d4ef84;border-radius:4px;padding:4px 6px;margin-right:4px}.flight-status b{font:18px monospace}.flight-status small{font:9px monospace}.control-cluster{position:absolute;bottom:35px;width:clamp(112px,29cqh,168px);text-align:center}.left-cluster{left:5%}.right-cluster{right:5%}.stick-caption{display:flex;align-items:baseline;gap:6px;justify-content:center;color:#e4eedf;text-shadow:0 1px 5px #0006;font-size:10px;margin-bottom:6px;letter-spacing:1px}.stick-caption span{font:7px monospace;color:#bfd2bf}.joystick{width:100%;aspect-ratio:1;border-radius:50%;position:relative;touch-action:none;background:radial-gradient(circle,#16252c83 0 46%,#86998c42 47%,#12212698 49%,#50625d70 51%,#17252b83 61%,#bacab538 62%,#263a3888 64%,#0e1a2277 70%);border:1px solid #e4ffe23b;box-shadow:inset 0 2px 5px #0008,inset 0 -1px 1px #e5ffe933,0 5px 16px #0003;backdrop-filter:blur(3px)}.joystick.engaged{border-color:#d4ef8499;box-shadow:inset 0 2px 5px #0008,0 0 20px #d4ef8425}.stick-cross{position:absolute;inset:24%;border:1px solid #d0e1cc18;border-radius:50%}.stick-cross:before,.stick-cross:after{content:"";position:absolute;background:#d0e1cc22}.stick-cross:before{width:1px;top:-20%;bottom:-20%;left:50%}.stick-cross:after{height:1px;left:-20%;right:-20%;top:50%}.joystick>span{position:absolute;color:#d1e5c86b;font-size:8px}.stick-up{top:8%;left:47%}.stick-down{bottom:8%;left:47%}.stick-left{left:8%;top:46%}.stick-right{right:8%;top:46%}.stick-knob{position:absolute;width:48%;height:48%;left:26%;top:26%;border-radius:50%;background:radial-gradient(ellipse at 37% 25%,#8e9e8dcf,#52695ccc 34%,#263b35e6 68%,#17282ce6);border:1px solid #e8ffdf66;box-shadow:inset 0 2px 3px #eaffdf44,inset 0 -3px 3px #0009,0 5px 9px #0008;pointer-events:none;will-change:transform}.stick-knob i{position:absolute;inset:19%;border:1px solid #d9edcf22;border-radius:50%;box-shadow:inset 0 1px 4px #0002;background:repeating-radial-gradient(circle,#e4f5e510 0 1px,transparent 1px 3px)}.stick-hint{font-size:8px;letter-spacing:1px;color:#bbcebc;margin-top:7px;display:flex;gap:6px;justify-content:center}.stick-hint button{font-size:8px;color:#bbcebc}.stick-hint>span{color:#d4ef84;font-size:7px}.action-pad{position:absolute;right:calc(5% + clamp(112px,29cqh,168px) + 14px);bottom:54px;width:123px;height:131px}.game-button{position:absolute;width:47px;height:47px;border-radius:50%;color:#18282a;border:1px solid #edfff5aa;background:radial-gradient(ellipse at 35% 20%,#e9f9efbd,#a1bdb3bd 40%,#547f74b8);box-shadow:inset 0 2px 1px #fff6,inset 0 -3px 4px #0005,0 3px 0 #101c2599,0 5px 9px #0005;backdrop-filter:blur(4px);padding:9px;touch-action:none}.game-button:active,.game-button.pressed{transform:translateY(3px);box-shadow:inset 0 2px 7px #0005,0 1px 0 #101c25aa;filter:brightness(1.15)}.game-button svg{width:100%;height:100%;fill:none;stroke:#14272add;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #ffffff44)}.game-button small{position:absolute;font-size:8px;white-space:nowrap;color:#e3eddf;bottom:-13px;left:0;width:100%;text-shadow:0 1px 3px #000;letter-spacing:1px}.button-letter{position:absolute;font:7px monospace;left:5px;top:5px;color:#20352e99}.amber{left:38px;top:0;background:radial-gradient(ellipse at 35% 20%,#ffeac7dd,#e9bb70bd 45%,#a7783ca6)}.blue{left:0;top:45px;background:radial-gradient(ellipse at 35% 20%,#c7e9ffdd,#82acc7bd 45%,#416980a6)}.rose{right:0;top:45px;background:radial-gradient(ellipse at 35% 20%,#ffd9d2dd,#d4958cbd 45%,#935b58a6)}.mint{left:38px;bottom:-2px;background:radial-gradient(ellipse at 35% 20%,#e6ffc7dd,#b8d685bd 45%,#718d50a6)}.bottom-bar{position:absolute;bottom:9px;left:3%;right:3%;display:flex;align-items:center;gap:5px;font:7px monospace;letter-spacing:1px;color:#c0d0c1}.bottom-bar .tiny-square{width:4px;height:4px;margin-right:3px}.stop-button{position:absolute;left:50%;transform:translateX(-50%);bottom:-1px;padding:6px 22px;border:1px solid #eb9a8870;border-radius:5px;background:linear-gradient(#7c454a99,#43292ca8);color:#ffcec3;box-shadow:inset 0 1px 0 #ffd7c533,0 2px 4px #0005;font-size:10px;letter-spacing:2px}.stop-button span{font-size:9px;margin-right:5px}.key-hint{margin-left:auto;font:8px system-local;color:#a9beaf}.demo-badge{position:absolute;left:50%;top:52px;transform:translateX(-50%);color:#e5ca8b;font-size:9px;background:#3f332bc2;padding:5px 10px;border:1px solid #e5ca8b55;border-radius:4px;white-space:nowrap}.overlay{position:absolute;inset:0;background:#0e1a20eb;backdrop-filter:blur(18px);z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column}.connecting h2{font-size:20px;font-weight:500;letter-spacing:2px;margin:12px 0}.connecting p{font-size:11px;color:#9fb1ad;margin:0}.connection-orbit{width:100px;height:100px;position:relative;margin:0 0 20px;display:grid;place-items:center}.connection-orbit img{width:40px;border-radius:12px;box-shadow:0 0 40px #d4ef8433}.connection-orbit i{position:absolute;inset:0;border:1px solid #d4ef8425;border-top-color:#d4ef84;border-radius:50%;animation:spin 2s linear infinite}.connection-orbit i:nth-child(2){inset:10px;border-top-color:#9eccbe;animation-duration:1.5s;animation-direction:reverse}.connection-orbit i:nth-child(3){inset:-10px;border:1px dashed #d4ef841f;animation-duration:20s}.connection-steps{display:flex;align-items:center;gap:13px;margin:25px 0;font:9px monospace;color:#687e7e}.connection-steps i{width:30px;height:1px;background:#546a6544}.connection-steps .active{color:#d4ef84}.outline-button{padding:10px 25px;border:1px solid #90aa9055;background:#d8ffe405;border-radius:5px;color:#bbcdc3;font-size:10px;letter-spacing:1px}.dialog-box{position:relative;width:min(470px,75%);max-height:90%;overflow:auto;padding:28px;background:linear-gradient(140deg,#26373a,#17282d);border:1px solid #b0c8ba44;border-radius:12px;box-shadow:0 15px 60px #0006}.dialog-box h2{font-size:20px;letter-spacing:1px;margin:12px 0 18px}.dialog-box p{color:#bdccc4;font-size:12px;line-height:1.9;margin:10px 0}.dialog-box strong{color:#e7f3dd;font-weight:500}.dialog-close{position:absolute;right:13px;top:10px;background:transparent;color:#afc3b8;font-size:24px}.dialog-box .manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:10px;color:#adc2b5;line-height:1.8}.manual-grid b{display:block;color:#d4ef84;font-size:11px}.dialog-box .dialog-footnote{border-top:1px solid #a1beae22;padding-top:10px;margin-top:15px;font-size:10px;color:#7f9b8e}#dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}#dialog-actions button{border-radius:5px;padding:10px 20px;background:#d4ef84;color:#21311e;font-size:11px}#dialog-actions button.secondary{background:#a8c4ae15;color:#b8cdc0;border:1px solid #b8cdc033}.toast{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);background:#102127ed;border:1px solid #d4ef8466;color:#e7f4dc;padding:10px 18px;border-radius:7px;font-size:11px;z-index:40;box-shadow:0 5px 25px #0005;max-width:70%;text-align:center;pointer-events:none}.screen-corners{position:absolute;inset:8px;border:1px solid #e2f3de15;border-radius:12px;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.connection-orbit i{animation-duration:5s}}@container(max-height:360px){.brand{top:5%;font-size:11px}.brand img{width:30px;height:30px}.brand small{font-size:7px}.connect-panel{top:19%}.intro{margin-bottom:4cqh}.entry-footer{margin-top:16px}.mini-model{height:100px;top:54px;width:145px}.control-cluster{bottom:31px;width:100px}.action-pad{right:calc(5% + 112px);bottom:47px;transform:scale(.86);transform-origin:bottom right}.stick-caption{font-size:8px;margin-bottom:3px}.flight-status{top:42%}.hud-top{top:9px}.mini-title{height:20px}.key-hint{display:none}.connection-orbit{width:70px;height:70px;margin-bottom:15px}.connecting h2{font-size:17px}.connection-steps{margin:18px 0}.connecting .eyebrow{font-size:8px}}
.connect-panel{top:20%}.intro{margin-bottom:4.5cqh}.entry-footer{margin-top:17px}.lobby-footer{bottom:3.5%}.lobby-footer{pointer-events:none}.lobby-footer button{pointer-events:auto}@container(max-height:360px){.connect-panel{top:18%}.intro{margin-bottom:2.5cqh}.entry-footer{margin-top:13px}.lobby-footer{bottom:3%}}
.tool-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hud-top{left:max(3%,env(safe-area-inset-left));right:max(3%,env(safe-area-inset-right))}@container(max-height:360px){h1{font-size:20px;line-height:1.2;margin:8px 0}.eyebrow{font-size:8px}.device-field{height:40px;margin-top:6px}.connect-button{height:40px}.field-error{min-height:13px}.entry-footer{margin-top:12px}.intro{font-size:9px;margin-bottom:8px}.device-field input{font-size:16px}}
.is-demo .notice{top:22%}