:root{--bg: #070b16;--panel: rgba(14, 20, 36, .92);--accent: #7fd7ff;--good: #4ade80;--bad: #ff5050;--text: #e6eefc;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);z-index:50}.wd-hud{position:absolute;inset:0;pointer-events:none}.wd-hud-top{position:absolute;top:env(safe-area-inset-top,8px);left:50%;transform:translate(-50%);display:flex;gap:10px;background:var(--panel);border-radius:12px;padding:6px 12px;font-weight:700;font-size:15px;white-space:nowrap}.wd-timer{color:#ffd861}.wd-hint{position:absolute;top:54px;left:50%;transform:translate(-50%);background:#000000b3;padding:5px 12px;border-radius:10px;font-size:13px;opacity:0;transition:opacity .15s}.wd-hint.show{opacity:1}.wd-actionbar{position:absolute;bottom:calc(env(safe-area-inset-bottom,10px) + 6px);right:10px;display:flex;flex-wrap:wrap;gap:8px;max-width:60%;justify-content:flex-end;pointer-events:auto}.wd-btn{pointer-events:auto;min-width:46px;height:46px;border:none;border-radius:12px;background:var(--panel);color:var(--text);font-size:18px;font-weight:700;cursor:pointer;padding:0 10px}.wd-btn.sel{outline:2px solid var(--accent);background:#7fd7ff2e}.wd-btn.wd-find{background:#7fd7ff2e;font-size:13px}.wd-btn:active{transform:scale(.94)}.wd-minimap{position:absolute;top:env(safe-area-inset-top,8px);right:8px;width:140px;height:96px;background:#070b16d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;pointer-events:none}.wd-joy{position:absolute;bottom:calc(env(safe-area-inset-bottom,10px) + 12px);left:18px;width:120px;height:120px;border-radius:50%;background:#141c308c;border:2px solid rgba(127,215,255,.25);pointer-events:auto;touch-action:none}.wd-joynub{position:absolute;left:50%;top:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px;border-radius:50%;background:#7fd7ff80;pointer-events:none}.wd-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#142036,#070b16 70%);pointer-events:auto}.wd-menu-card{width:min(92vw,380px);background:var(--panel);border-radius:18px;padding:24px 20px 20px;text-align:center;box-shadow:0 12px 40px #00000080}.wd-menu-card h1{margin:0 0 4px;font-size:32px;letter-spacing:1px}.wd-sub{margin:0 0 18px;font-size:14px;color:#9fb0c8}.wd-group{margin-bottom:16px;text-align:left}.wd-label{font-size:12px;color:#9fb0c8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.wd-seg{display:flex;gap:8px}.wd-seg button{flex:1;padding:12px 6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.wd-seg button.sel{background:#7fd7ff33;border-color:var(--accent)}.wd-play{width:100%;margin-top:6px;padding:14px;border:none;border-radius:14px;background:linear-gradient(180deg,#4ade80,#2bbf63);color:#07210f;font-size:18px;font-weight:800;cursor:pointer}.wd-play:active{transform:scale(.98)}.wd-tip{margin-top:12px;font-size:12px;color:#7f93ad}.wd-result-emoji{font-size:64px;line-height:1;margin-bottom:8px}