:root{--emerald-shallow:#3fe0c5;--emerald-deep:#0a8f7a;--sand:#f2e3b8;--coral:#ff6f61;--ui-dark:#082824bf;--font-display:"Trebuchet MS", "Verdana", sans-serif}*{box-sizing:border-box}html,body{background:var(--emerald-deep);width:100%;height:100%;font-family:var(--font-display);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;padding:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}.hud{position:absolute;inset:0}.power-wrap{top:max(16px, env(safe-area-inset-top));width:min(360px,46vw);position:absolute;left:16px}.power-label{color:#fff;letter-spacing:3px;text-shadow:0 1px 3px #0006;margin-bottom:4px;font-size:13px;font-weight:700}.power-bar{background:var(--ui-dark);border:2px solid #ffffffb3;border-radius:12px;height:22px;overflow:hidden}.power-fill{background:linear-gradient(90deg,#ffd34a,#ff8a3c,#ff5470);border-radius:10px;width:50%;height:100%;transition:width .25s ease-out}.power-fill.low{animation:.8s ease-in-out infinite low-blink}@keyframes low-blink{50%{filter:brightness(1.8)saturate(1.4)}}.power-pct{color:#fff;text-shadow:0 1px 3px #0006;margin-top:3px;font-size:14px;font-weight:700}.power-bar.gain{animation:.45s ease-out bar-gain}@keyframes bar-gain{30%{border-color:#6dffb0;box-shadow:0 0 18px 4px #6dffb0}}.power-bar.hurt{animation:.45s ease-out bar-hurt}@keyframes bar-hurt{0%,40%,80%{border-color:#ff5470;transform:translate(-5px)}20%,60%{border-color:#ff5470;transform:translate(5px)}}.hud-timer{top:max(16px, env(safe-area-inset-top));color:#fff;text-shadow:0 1px 3px #0006;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;position:absolute;right:16px}.hud-boost{color:#ffd34a;text-shadow:0 1px 3px #00000080;opacity:0;font-size:14px;font-weight:700;transition:opacity .2s;position:absolute;top:72px;left:16px}.hud-boost.active{opacity:1;animation:.5s ease-in-out infinite low-blink}.hud-toast{color:#fff;text-shadow:0 2px 6px #00000073;opacity:0;font-size:22px;font-weight:700;position:absolute;top:24vh;left:50%;transform:translate(-50%)}.hud-toast.show{animation:1.4s ease-out toast-pop}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.8)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}25%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-14px)}}.sting-vignette{opacity:0;background:radial-gradient(#0000 55%,#ff1e3c8c 100%);position:absolute;inset:0}.sting-vignette.flash{animation:.5s ease-out sting-flash}@keyframes sting-flash{15%{opacity:1}to{opacity:0}}.mute-btn{top:max(52px, calc(env(safe-area-inset-top) + 36px));background:var(--ui-dark);cursor:pointer;pointer-events:auto;z-index:20;border:1.5px solid #fff9;border-radius:50%;width:42px;height:42px;font-size:18px;position:absolute;right:16px}.chat-prompt,.chat-bubble{will-change:transform;display:none;position:absolute;top:0;left:0}.chat-prompt.visible,.chat-bubble.visible{display:block}.chat-prompt{background:var(--ui-dark);color:#fff;white-space:nowrap;border:1.5px solid #fff9;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:700;animation:1.2s ease-in-out infinite prompt-bob}@keyframes prompt-bob{50%{margin-top:-5px}}.chat-bubble{color:#123;background:#fffffff5;border-radius:16px 16px 16px 4px;max-width:260px;padding:10px 14px;font-size:14px;line-height:1.35;box-shadow:0 4px 16px #00000040}.chat-name{letter-spacing:1px;text-transform:uppercase;color:#0a8f7a;margin-bottom:2px;font-size:11px;font-weight:800}.typing-dots{gap:4px;padding:4px 2px;display:inline-flex}.typing-dots span{background:#0a8f7a;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite dot-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,60%,to{opacity:.45;transform:none}30%{opacity:1;transform:translateY(-5px)}}.touch-controls{display:none;position:absolute;inset:0}.touch-controls.active{display:block}.joystick-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:0;bottom:0;left:0}.joystick-base{opacity:0;background:#0828244d;border:2px solid #ffffff8c;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;transition:opacity .15s;position:absolute}.joystick-base.engaged{opacity:1}.joystick-thumb{background:#ffffffd9;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000059}.action-btn{right:26px;bottom:max(30px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;cursor:pointer;background:#0828248c;border:2px solid #ffffffb3;border-radius:50%;width:74px;height:74px;font-size:30px;position:absolute}.action-btn:active{background:#082824cc;transform:scale(.92)}.screens{background:linear-gradient(#04282240,#0428228c);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screens.visible{pointer-events:auto;display:flex}.screen-panel{text-align:center;color:#fff;max-width:620px;padding:32px 40px;animation:.5s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)}}.title-crab{font-size:64px;animation:2.4s ease-in-out infinite crab-bob}@keyframes crab-bob{50%{transform:translateY(-10px)rotate(-6deg)}}.game-title{letter-spacing:2px;color:#fff;text-shadow:0 3px #0a8f7a,0 6px 18px #00000059;margin:8px 0;font-size:clamp(36px,7vw,64px);line-height:1.05}.tagline{opacity:.92;margin:10px 0 18px;font-size:18px}.howto{opacity:.9;gap:6px;margin-bottom:24px;font-size:15px;display:grid}.ai-settings{justify-items:center;gap:8px;margin-bottom:22px;display:grid}.ai-toggle{cursor:pointer;pointer-events:auto;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.ai-toggle input{accent-color:#ffb84a;cursor:pointer;width:18px;height:18px}.ai-key{pointer-events:auto;color:#fff;text-align:center;background:#08282499;border:1.5px solid #ffffff80;border-radius:999px;width:min(340px,80vw);padding:9px 14px;font-family:inherit;font-size:13px}.ai-key::placeholder{color:#ffffff8c}.ai-key:focus{border-color:#ffb84a;outline:none}.ai-note{opacity:.7;max-width:380px;font-size:11.5px}.big-btn{pointer-events:auto;letter-spacing:2px;color:#063a32;cursor:pointer;background:linear-gradient(#ffe27a,#ffb84a);border:none;border-radius:999px;padding:14px 44px;font-family:inherit;font-size:22px;font-weight:800;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #c77c1e,0 10px 24px #0000004d}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #c77c1e,0 6px 14px #0000004d}.result-title{letter-spacing:2px;margin:0 0 6px;font-size:clamp(30px,6vw,52px)}.result-title.win{color:#6dffb0;text-shadow:0 3px #0a6b4f,0 6px 18px #00000059}.result-title.lose{color:#ff8097;text-shadow:0 3px #7a1330,0 6px 18px #00000059}.stats{background:var(--ui-dark);border-radius:14px;gap:8px;max-width:300px;margin:18px auto 26px;padding:16px 22px;display:grid}.stat-row{justify-content:space-between;font-size:18px;display:flex}.stat-label{opacity:.75}.stat-value{font-weight:800}