*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#05070a;color:#eef7ff;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif}#scene{display:block;width:100vw;height:100vh;cursor:grab}.is-pointer-locked #scene{cursor:none}.hud{position:fixed;z-index:5;color:#eaf7ff;pointer-events:none;text-shadow:0 1px 12px rgba(10,25,45,.7)}.hud--status{top:18px;left:18px;width:min(360px,calc(100vw - 36px));padding:14px 16px;border:1px solid rgba(120,185,255,.22);border-radius:8px;background:#050a129e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__title{margin-bottom:10px;font-size:16px;font-weight:700;letter-spacing:0}.stats{display:grid;gap:8px;margin:0}.stats div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:baseline}.stats dt{color:#bedcf0b3;font-size:12px}.stats dd{margin:0;min-width:0;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lod-controls{position:fixed;top:18px;right:18px;z-index:7;display:flex;gap:6px;padding:6px;border:1px solid rgba(120,185,255,.22);border-radius:8px;background:#050a129e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lod-controls button{min-width:54px;height:32px;padding:0 12px;border:1px solid rgba(160,215,255,.2);border-radius:6px;background:#0c1826b8;color:#ebf7ffd1;font:inherit;font-size:13px;cursor:pointer}.lod-controls button:hover{background:#1c3a58d1}.lod-controls button.is-active{border-color:#62daffc7;background:#127096b8;color:#fff}.lod-controls[hidden]{display:none}.loading{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#03060ab8;transition:opacity .25s ease,visibility .25s ease}.loading--hidden{opacity:0;visibility:hidden;pointer-events:none}.loading__panel{display:grid;gap:10px;min-width:min(360px,calc(100vw - 48px));padding:22px 24px;border:1px solid rgba(122,185,255,.24);border-radius:8px;background:#070e18e0;text-align:center;box-shadow:0 16px 60px #00000057}.loading__panel strong{font-size:17px}.loading__panel span{color:#dceefabd;font-size:13px}.loading__progress{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#78b9ff29}.loading__progress[hidden]{display:none}.loading__progress-bar{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62daff,#b8f3ff);transition:width .18s ease}.loading__progress--indeterminate .loading__progress-bar{width:38%;animation:loading-progress 1.1s ease-in-out infinite}@keyframes loading-progress{0%{transform:translate(-110%)}to{transform:translate(280%)}}.orientation-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#03060adb;color:#eef7ff;text-align:center}.orientation-overlay[hidden]{display:none}.orientation-overlay__panel{display:grid;gap:10px;max-width:320px;padding:22px 24px;border:1px solid rgba(122,185,255,.26);border-radius:8px;background:#070e18e6;box-shadow:0 16px 60px #00000057}.orientation-overlay__panel strong{font-size:18px}.orientation-overlay__panel span{color:#dceefac2;font-size:13px}.joystick-zone{position:fixed;left:82px;bottom:62px;z-index:6;width:132px;height:132px;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-base{position:relative;width:100%;height:100%;border:1px solid rgba(230,245,255,.28);border-radius:50%;background:radial-gradient(circle,#e6f5ff1a,#050a1233);box-shadow:inset 0 0 22px #ffffff12,0 10px 28px #00000042;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:#f0f8ff47;box-shadow:0 6px 22px #00000042;transform:translate(-50%,-50%);transition:transform .08s ease-out}.joystick-zone:active .joystick-knob{transition:none}@media(max-width:720px){.hud--status{top:12px;left:12px;width:calc(100vw - 24px)}.lod-controls{top:auto;right:12px;bottom:16px}.joystick-zone{left:16px;bottom:16px;width:118px;height:118px}}