*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}body{-webkit-tap-highlight-color:transparent}#scene{display:block;width:100%;height:100%;touch-action:none}:root{--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}#panel{position:absolute;top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));width:230px;background:#14181ed1;color:#eee;border-radius:10px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12.5px;max-height:calc(100vh - 90px);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}#panel-toggle{display:none;position:absolute;top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));z-index:30;width:42px;height:42px;border:none;border-radius:10px;background:#14181ed1;color:#e8eef4;font-size:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}#panel .sec{margin-bottom:10px}#panel h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9db2c7;margin:6px 0 5px}#panel button{background:#2d3a4a;color:#e8eef4;border:none;border-radius:6px;padding:5px 9px;margin:2px 3px 2px 0;cursor:pointer;font-size:12px}#panel button:hover{background:#3d5068}#panel select{width:100%;background:#2d3a4a;color:#e8eef4;border:none;border-radius:6px;padding:5px;margin:2px 0;font-size:12px}#panel .chk{display:block;margin:3px 0;cursor:pointer}#panel .chk input{margin-right:6px}#panel .rng{display:block;margin:5px 0 2px}#panel .rng span{display:flex;justify-content:space-between;color:#9db2c7;font-size:11px}#panel .rng span b{color:#e8eef4;font-weight:600;font-variant-numeric:tabular-nums}#panel input[type=range]{width:100%;accent-color:#59a5f5;margin:1px 0 0}#panel .note{color:#8aa0b6;font-size:10.5px;line-height:1.35;margin:4px 0 2px}#panel .note.warn{color:#f0b862}#panel button.on{background:#2f6fb5}#panel .tint{display:flex;align-items:center;gap:6px;margin:6px 0 2px}#panel .tint span{flex:1;display:block;color:#9db2c7;font-size:11px}#panel .tint input[type=color]{width:34px;height:22px;padding:0;flex:none;cursor:pointer;background:none;border:1px solid #46596e;border-radius:4px}#panel .tint button{margin:0;padding:3px 7px;font-size:10.5px;flex:none}#panel .swatches{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px}#panel .swatches i{width:20px;height:20px;border-radius:4px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000059}#panel .swatches i.on{border-color:#59a5f5}#walk-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;display:none;font-family:system-ui,sans-serif}#walk-hud.on{display:block}.cross{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.cross:before,.cross:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000000e6}.cross:before{left:50%;top:0;width:2px;height:100%;margin-left:-1px}.cross:after{top:50%;left:0;height:2px;width:100%;margin-top:-1px}#walk-hud .keys{position:absolute;left:50%;bottom:22px;transform:translate(-50%);background:#14181eb8;color:#dfe7ef;padding:7px 12px;border-radius:8px;font-size:12px;white-space:nowrap}#walk-hud .keys b{color:#9dc7f5}#fly-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;display:none;font-family:system-ui,sans-serif}#fly-hud.on{display:block}#fly-hud .cross{display:none}#fly-hud.locked .cross{display:block}#fly-hud .keys{position:absolute;left:50%;bottom:46px;transform:translate(-50%);background:#14181eb8;color:#dfe7ef;padding:7px 12px;border-radius:8px;font-size:12px;white-space:nowrap}#fly-hud .keys b{color:#9dc7f5}#fly-hud #fly-speed{color:#ffd79a;font-variant-numeric:tabular-nums}#touch-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;display:none;pointer-events:none}#touch-nav.on{display:block}#touch-nav .stick{position:absolute;left:calc(20px + var(--safe-l));bottom:calc(24px + var(--safe-b));width:132px;height:132px;border-radius:50%;background:#14181e6b;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;touch-action:none}#touch-nav .stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#e6f0fab8;box-shadow:0 2px 8px #0006}#touch-nav .btns{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(24px + var(--safe-b));display:flex;flex-direction:column-reverse;gap:10px;pointer-events:auto}#touch-nav .btns button{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#14181e9e;color:#e8eef4;font-size:15px;font-weight:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;cursor:pointer}#touch-nav .btns button.on{background:#2f6fb5}#touch-nav .btns button.exit{background:#78282cb8}#touch-nav .btns button.run{font-size:12px;letter-spacing:.06em}#measure-hud{position:absolute;left:calc(12px + var(--safe-l));top:calc(12px + var(--safe-t));z-index:16;background:#14181ed1;color:#ffd79a;padding:8px 12px;border-radius:8px;font-size:13px;display:none;font-variant-numeric:tabular-nums}#measure-hud.on{display:block}#measure-hud small{display:block;color:#9db2c7;font-size:11px;margin-top:3px}#hud{position:absolute;left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b));color:#fff;font-size:12px;background:#14181e99;padding:6px 10px;border-radius:8px}#plan2d-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:20;display:flex;flex-direction:column-reverse}#plan2d-wrap.hidden{display:none}#plan2d{flex:1}#plan2d-toolbar{height:44px;display:flex;gap:14px;align-items:center;padding:0 12px;background:#1c2430;color:#dde;font-size:12px;flex-wrap:nowrap;overflow-x:auto}#plan2d-toolbar label{display:flex;gap:6px;align-items:center;white-space:nowrap}#plan2d-toolbar button,#plan2d-toolbar select{background:#2d3a4a;color:#e8eef4;border:none;border-radius:6px;padding:4px 10px;cursor:pointer}body.touch #walk-hud .keys,body.touch #fly-hud .keys{display:none}body.touch #fly-hud .cross{display:block}body.touch #panel button,body.touch #panel select{padding:8px 11px;font-size:13px}body.touch #panel .chk{padding:3px 0}body.touch #panel input[type=range]{height:26px}@media (max-width: 760px){#panel-toggle{display:block}#panel{top:auto;right:0;left:0;bottom:0;width:auto;max-height:62vh;font-size:12.5px;border-radius:14px 14px 0 0;padding:12px 14px calc(14px + var(--safe-b));padding-left:calc(14px + var(--safe-l));padding-right:calc(14px + var(--safe-r));transform:translateY(101%);transition:transform .22s ease;box-shadow:0 -8px 24px #00000059}#panel.open{transform:none}#panel{z-index:25}body.sheet #hud{display:none}#hud{font-size:10.5px;max-width:calc(100vw - 24px);line-height:1.35}body.fp #hud{display:none}#walk-hud .keys,#fly-hud .keys{white-space:normal;max-width:calc(100vw - 32px);font-size:11px;text-align:center}#measure-hud{font-size:12px;max-width:calc(100vw - 24px)}}@media (max-height: 460px){#panel{max-height:82vh}#touch-nav .stick{width:108px;height:108px}#touch-nav .btns button{width:50px;height:50px}}