body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#0b0e1a}#game-root{position:fixed;inset:0;touch-action:none}.joy-base{position:fixed;width:128px;height:128px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(216,180,254,.35);background:rgba(30,20,60,.25);pointer-events:none;z-index:30}.joy-knob{left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:rgba(168,85,247,.55);border:2px solid rgba(240,171,252,.8)}.hud,.joy-knob{position:absolute}.hud{inset:0;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;color:#e9e4f7;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-top{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:24px;padding:10px 22px;background:rgba(15,10,34,.72);border:1px solid rgba(168,85,247,.35);border-radius:12px}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px}.hud-label{font-size:11px;color:#9d8fc4}.hud-value{font-size:18px;font-weight:700;color:#d8b4fe;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-zone{position:absolute;top:14px;left:14px;padding:10px 14px;background:rgba(15,10,34,.72);border:1px solid rgba(251,146,60,.4);border-radius:12px;max-width:240px}.hud-zone-name{font-size:13px;font-weight:700;color:#fdba74;margin-bottom:3px}.hud-zone-boss{font-size:11px;color:#bda88f;line-height:1.4}.mp-corner{position:absolute;top:108px;left:14px;pointer-events:auto;font-size:12px;color:#cfc4ea}.mp-panel button,.mp-session button,.mp-toggle{pointer-events:auto;padding:7px 12px;border-radius:9px;background:rgba(30,20,60,.85);border:1px solid rgba(120,160,255,.45);color:#c9d8ff;font-size:12px;font-weight:600;cursor:pointer}.mp-panel{flex-direction:column;padding:10px;background:rgba(15,10,34,.9);border:1px solid rgba(120,160,255,.35);border-radius:12px}.mp-join,.mp-panel{display:flex;gap:6px}.mp-join input{width:76px;padding:6px 8px;border-radius:8px;border:1px solid rgba(120,160,255,.4);background:rgba(10,8,24,.9);color:#e9e4f7;font-size:13px}.mp-close{opacity:.7}.mp-session{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:rgba(15,10,34,.9);border:1px solid rgba(120,160,255,.45);border-radius:12px}.mp-session strong{color:#9db8ff;font-size:14px}.mp-warn{color:#fca5a5;font-weight:700}.voice-toggle{position:absolute;left:16px;bottom:84px;pointer-events:auto;padding:8px 14px;border-radius:10px;background:rgba(30,20,60,.8);border:1px solid rgba(120,110,160,.45);color:#9d8fc4;font-size:12px;font-weight:600;cursor:pointer}.voice-toggle.on{border-color:#f9a8d4;color:#fce7f3;background:rgba(131,24,67,.75)}.voice-mic{position:absolute;left:16px;bottom:128px;width:52px;height:52px;border-radius:50%;pointer-events:auto;background:rgba(30,20,60,.85);border:1.5px solid rgba(168,85,247,.5);font-size:22px;cursor:pointer;transition:transform .1s,box-shadow .15s}.voice-mic.on{background:rgba(190,24,93,.9);border-color:#f9a8d4;box-shadow:0 0 18px rgba(244,114,182,.7);transform:scale(1.08)}.voice-mic:disabled{opacity:.35;cursor:default}.voice-listening{position:absolute;bottom:190px;left:16px;padding:7px 14px;background:rgba(190,24,93,.85);border:1px solid #f9a8d4;border-radius:10px;color:#fce7f3;font-size:12px;font-weight:600;animation:hud-pulse 1s ease-in-out infinite}.voice-toast{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;border-radius:12px;border:1px solid;font-size:14px}.voice-toast .voice-heard{font-size:11px;opacity:.75}.voice-toast.ok{background:rgba(20,83,45,.9);color:#bbf7d0;border-color:#4ade80}.voice-toast.fail{background:rgba(76,29,29,.9);color:#fecaca;border-color:#f87171}.boss-badge{pointer-events:none;padding:6px 14px;border-radius:10px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700;white-space:nowrap;border:1.5px solid}.boss-badge.locked{background:rgba(127,29,29,.88);color:#fecaca;border-color:#f87171}.boss-badge.ready{background:rgba(20,83,45,.88);color:#bbf7d0;border-color:#4ade80;animation:hud-pulse 1.2s ease-in-out infinite}.boss-badge.gripped{background:rgba(124,45,18,.9);color:#fed7aa;border-color:#fb923c}.boss-badge.slipping{background:rgba(113,63,18,.92);color:#fef08a;border-color:#facc15;animation:hud-pulse .5s ease-in-out infinite}.hud-skins{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:6px}.hud-skin{pointer-events:auto;padding:6px 12px;background:rgba(30,20,60,.8);border:1px solid rgba(168,85,247,.4);border-radius:9px;color:#bda8e4;font-size:12px;cursor:pointer}.hud-skin.active{background:rgba(124,58,237,.85);border-color:#d8b4fe;color:#fff;font-weight:600}.hud-banner{position:absolute;top:88px;left:50%;transform:translateX(-50%);padding:8px 18px;background:rgba(127,29,29,.85);border:1px solid #f87171;border-radius:10px;font-size:14px;font-weight:600;color:#fecaca;animation:hud-pulse 1.2s ease-in-out infinite}@keyframes hud-pulse{50%{opacity:.65}}.hud-bottom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.hud-upgrade{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:118px;padding:10px 16px;background:rgba(30,20,60,.85);border:1px solid rgba(168,85,247,.5);border-radius:12px;color:#e9e4f7;font-size:13px;cursor:pointer;transition:background .15s,transform .1s}.hud-upgrade:hover:not(:disabled){background:rgba(76,42,138,.9);transform:translateY(-2px)}.hud-upgrade:disabled{opacity:.45;cursor:default}.hud-upgrade-name em{font-style:normal;color:#a78bfa;font-size:11px}.hud-upgrade-cost{font-weight:700;color:#d8b4fe;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-upgrade-cost:before{content:"◆ ";font-size:10px}.hud-evolve{border-color:rgba(240,171,252,.7);background:rgba(60,20,80,.9)}.hud-evolve:not(:disabled){animation:hud-pulse 1.2s ease-in-out infinite;border-color:#f0abfc;box-shadow:0 0 14px rgba(240,171,252,.45)}.hud-evolve .hud-upgrade-cost:before{content:""}.evolve-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(240,171,252,.95),rgba(88,28,135,.75));animation:evolve-flash .9s ease-out forwards}@keyframes evolve-flash{0%{opacity:1}to{opacity:0}}.hud-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,3,15,.65);pointer-events:auto}.hud-modal-box{padding:26px 44px;background:rgba(24,15,48,.97);border:1px solid rgba(168,85,247,.55);border-radius:16px;text-align:center}.hud-modal-box h2{margin:0 0 10px;font-size:16px;color:#c4b5fd}.hud-modal-box p{margin:0 0 18px;font-size:26px;font-weight:700;color:#d8b4fe;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-modal-box p span{font-size:13px;font-weight:400;color:#9d8fc4}.hud-modal-box button{padding:8px 28px;background:#7c3aed;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.hud-modal-box button:hover{background:#8b5cf6}