:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#f3e9da;--muted:#c9b8c4;--pink:#f18bd7;--amber:#ffc47a;--glass:#18122094;--edge:#f3e9da24;font-family:PingFang SC,Hiragino Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#2b2135;width:100%;height:100%;margin:0;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.loading{z-index:40;color:var(--cream);letter-spacing:.18em;background:#1c2230;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;transition:opacity .7s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading__line{background:linear-gradient(90deg, transparent, var(--amber), transparent);width:120px;height:2px;animation:1.4s infinite breathe}@keyframes breathe{50%{opacity:.4;transform:scaleX(.35)}}.welcome{z-index:30;background:radial-gradient(at 50% 60%,#2b213540,#140f1cb8);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.welcome.hidden{opacity:0;pointer-events:none}.welcome__panel{text-align:center;max-width:520px;color:var(--cream);padding:44px 48px}.eyebrow{letter-spacing:.34em;color:var(--amber);font-size:10px}.welcome h1{letter-spacing:.12em;margin:18px 0 4px;font-size:64px;font-weight:700}.welcome__en{letter-spacing:.42em;color:var(--muted);font-size:13px}.welcome__copy{color:var(--muted);margin:26px 0 30px;font-size:14px;line-height:1.9}.primary-button{border:1px solid var(--amber);color:var(--cream);letter-spacing:.2em;cursor:pointer;background:linear-gradient(120deg,#ffc47a38,#f18bd72e);border-radius:999px;padding:13px 34px;font-size:16px}.primary-button:hover{background:#ffc47a57}.welcome__keys{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;font-size:11px;display:flex}kbd{border:1px solid var(--edge);font:inherit;color:var(--cream);background:#ffffff0f;border-radius:5px;padding:2px 7px;font-size:.92em}.hud{z-index:20;pointer-events:none;color:var(--cream);transition:opacity .3s;position:fixed;inset:0}.hud.hidden{opacity:0}.brand{align-items:center;gap:12px;display:flex;position:absolute;top:22px;left:26px}.brand__mark{border-left:5px solid var(--pink);border-right:3px solid var(--amber);width:8px;height:34px}.brand strong{letter-spacing:.16em;font-size:21px;display:block}.brand small{color:var(--muted);letter-spacing:.28em;font-size:10px}.hud__panel{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:14px 18px;font-size:13px;position:absolute}.hud__panel p{margin:0}.hud__city{letter-spacing:.08em;top:84px;left:26px}.hud__keys{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex;margin-top:12px!important}.hud__traffic{width:210px;top:22px;right:26px}.hud__traffic strong{float:right;color:var(--amber)}.hud__bar{background:#ffffff1f;border-radius:4px;height:4px;margin-top:12px;display:block;overflow:hidden}.hud__bar i{background:linear-gradient(90deg, #8fd0b8, var(--amber), #ff7b6b);width:45%;height:100%;display:block}.hud__missile{letter-spacing:.1em;top:106px;right:26px}.hud__missile strong{color:var(--amber);margin-left:6px}.hud__speed{bottom:26px;left:26px}.hud__altitude{bottom:26px;left:196px}.hud__speed small,.hud__altitude small{color:var(--muted);letter-spacing:.3em;font-size:11px;display:block}.hud__speed strong,.hud__altitude strong{letter-spacing:.04em;font-size:38px;font-weight:600}.hud__speed span,.hud__altitude span{color:var(--muted);margin-left:6px;font-size:12px}.crosshair{border:1px solid #f3e9daa6;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{content:"";background:var(--cream);border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touchpad{pointer-events:auto;gap:18px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.touchpad button{border:1px solid var(--edge);background:var(--glass);width:54px;height:54px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;font-size:20px}.touchpad button:active{background:#ffc47a4d}@media (width<=900px){.hud__city{max-width:46vw;font-size:11px}.hud__keys{flex-wrap:wrap}.hud__traffic{width:150px;font-size:11px}.touchpad{gap:10px}.touchpad button{width:44px;height:44px}.welcome h1{font-size:44px}}