html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#05070f;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif}#app,#app canvas{position:fixed;inset:0;display:block}#loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#05070f;transition:opacity .35s ease}#loading.hidden{opacity:0;pointer-events:none}#loading.done{display:none}.loading-orb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#b4dcff,#4aa8ff 55%,#1b4a86);box-shadow:0 0 28px #4aa8ff8c;animation:orb-pulse 1.4s ease-in-out infinite}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.14);opacity:1}}.loading-text{font-size:14px;letter-spacing:3px;color:#7fd8ff;opacity:.85}#mute-btn{position:fixed;top:12px;right:12px;z-index:45;width:38px;height:38px;border-radius:50%;border:1px solid rgba(127,216,255,.35);background:#0a162699;color:#eaf4ff;font-size:17px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}#mute-btn:active{transform:scale(.92)}#mute-tip{position:fixed;top:56px;right:12px;z-index:45;padding:6px 12px;border-radius:8px;background:#0a1626d9;border:1px solid rgba(127,216,255,.25);color:#9fe8ff;font-size:12px;white-space:nowrap;pointer-events:none}#mute-tip.hidden{display:none}#popups{position:fixed;inset:0;pointer-events:none;z-index:20}.popup{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:15px;color:#9fe8ff;text-shadow:0 0 8px rgba(80,200,255,.8);white-space:nowrap;transition:opacity .2s linear;will-change:transform,opacity}#joystick{position:fixed;inset:0;pointer-events:none;z-index:30}#joystick.hidden{display:none}#joystick-base{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff14;transform:translate(-50%,-50%)}#joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 12px #fff6;transform:translate(-50%,-50%)}#overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#03050cb8;backdrop-filter:blur(4px)}#overlay.hidden{display:none}.overlay-box{text-align:center;color:#eaf4ff;padding:32px 40px}#overlay-title{font-size:30px;font-weight:800;margin-bottom:12px;text-shadow:0 0 16px rgba(120,200,255,.6)}#overlay-sub{font-size:15px;opacity:.85;margin-bottom:14px;line-height:1.7}#overlay-extra{font-size:13px;opacity:.7;margin-bottom:22px;line-height:1.6;min-height:1em}#overlay-extra .go-best{color:#ffd97f;font-weight:700}#overlay-btn{font-size:17px;font-weight:700;color:#06121f;background:linear-gradient(135deg,#7fd8ff,#4aa8ff);border:none;border-radius:999px;padding:12px 44px;cursor:pointer}#overlay-btn:active{transform:scale(.95)}