:root{--peach: #f6c8c1;--rose: #d56082;--brick: #cc432e;--coral: #e58686;--terracotta: #e56133;--orange: #f38c30;--amber: #f9c127;--lime: #d4f0a0;--olive: #b4c447;--green: #14b959;--mint: #97dec2;--teal: #0b889c;--cream: #f9e6ae;--beige: #e5dac2;--tan: #ccb58e;--sky: #c2edfa;--blue: #67a9c7;--azure: #136394;--indigo: #655990;--lavender: #bdb0d8;--cerulean: #63afd1;--sage: #8ed86e;--sand: #eeddab;--pink: #f1929e;--purple: #b488e0;--yellow: #ffe650;--gold: #f1a33c;--vermilion: #e55624;--cyan: #279ed6;--leaf: #6ec94f;--ink: #392412;--ivory: #fff8f0;--bubblegum: #ff87b2;--sunbeam: #ffd166;--slate: #8a9ba8;--chocolate: #6b4226;--walnut: #a0724e;--charcoal: #4a4a52;--seafoam: #3cc68a;--marigold: #f5ce4e;--blush: #ffafc0;--mahogany: #5c2e1a;--soft-shadow: 0 14px 0 rgba(57, 36, 18, .22), 0 22px 34px rgba(57, 36, 18, .18);font-family:ui-rounded,Nunito,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--sky);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100vh;min-height:100dvh;min-height:100lvh;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;touch-action:manipulation;transform-origin:center;-webkit-tap-highlight-color:rgba(57,36,18,0)}button:focus-visible{outline:6px solid rgba(255,209,102,.92);outline-offset:5px}button:disabled{cursor:not-allowed;filter:saturate(.72);opacity:.68}.app{position:relative;width:100%;height:100%;min-height:100vh;min-height:100dvh;min-height:100lvh;overflow:hidden}.menu-app{--menu-stripe-loop-shift: 135.7645px;position:fixed;inset:0;background:linear-gradient(160deg,#f6c8c199,#c2edfaa6 45%,#f9c1279e),var(--sky)}.menu-app:before{position:fixed;inset:-180px;z-index:0;pointer-events:none;background:repeating-linear-gradient(135deg,#f9e6ae3d 0 18px,#f9e6ae00 18px 48px);background-repeat:no-repeat;content:"";will-change:transform;animation:pattern-drift 12s linear infinite}.menu-screen{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;place-items:center;width:100%;height:100%;min-height:100vh;min-height:100dvh;min-height:100lvh;padding:calc(env(safe-area-inset-top) + 28px) calc(env(safe-area-inset-right) + 18px) calc(env(safe-area-inset-bottom) + 26px) calc(env(safe-area-inset-left) + 18px)}.menu-app .menu-settings-button{position:fixed;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);bottom:auto;left:auto;z-index:2;margin:0}.icon-button.menu-settings-button{width:120px;height:120px;border-width:10px}.icon-button.menu-settings-button svg{width:52px;height:52px}.icon-button.menu-settings-button:hover{filter:saturate(1.18) brightness(1.06);transform:translateY(-5px) rotate(5deg) scale(1.04);box-shadow:0 13px #39241233,0 22px 30px #3924122e}.menu-title-wrap{text-align:center;transform:rotate(-1deg)}.menu-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0 0 8px;padding:4px 18px;border:4px solid rgba(57,36,18,.16);border-radius:999px;background:#f9e6ae8a;font-size:1.05rem;font-weight:900;letter-spacing:0}.menu-title-wrap h1{margin:0;color:var(--ink);font-size:4rem;line-height:.94;text-shadow:0 5px 0 rgba(249,230,174,.5)}.menu-button-field{position:relative;width:min(100%,1040px);height:100%;min-height:0;padding-top:18px}.menu-button-field:before{position:absolute;left:50%;top:50%;width:min(78vw,680px);height:min(56vh,420px);border-radius:50%;background:radial-gradient(circle,#fff8f057,#fff8f000 68%);content:"";pointer-events:none;transform:translate(-50%,-50%) rotate(-8deg)}.menu-play-button{--button-color: var(--amber);--tilt: 0deg;--float-delay: 0s;--symbol-size: 160px;--x: 50%;--y: 50%;position:absolute;left:var(--x);top:var(--y);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:clamp(12px,1.6vw,20px);border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--tilt));animation:menu-float 3.6s ease-in-out var(--float-delay) infinite;transition:transform .18s cubic-bezier(.2,1.6,.32,1),filter .16s ease}.menu-symbol-core{position:relative;display:grid;place-items:center;width:var(--symbol-size);height:var(--symbol-size);filter:drop-shadow(0 14px 0 rgba(57,36,18,.18)) drop-shadow(0 22px 26px rgba(57,36,18,.14));transition:transform .18s cubic-bezier(.2,1.6,.32,1),filter .16s ease}.menu-symbol-core:after{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff8f0b8,#fff8f000 18%),radial-gradient(circle at 72% 68%,#ffd16685,#ffd16600 28%);content:"";opacity:0;transform:scale(.42) rotate(-18deg);transition:opacity .16s ease,transform .22s cubic-bezier(.2,1.7,.3,1)}.menu-symbol-label{position:relative;z-index:2;max-width:min(210px,38vw);color:var(--ink);font-size:clamp(1.05rem,2.2vw,1.55rem);font-weight:1000;line-height:1;letter-spacing:0;text-align:center;text-shadow:0 4px 0 rgba(255,248,240,.68),0 7px 14px rgba(57,36,18,.16)}.menu-play-button:hover{animation:none;filter:saturate(1.12) brightness(1.04);transform:translate(-50%,-50%) rotate(var(--tilt)) translateY(-6px) scale(1.035)}.menu-play-button:hover .menu-symbol-core{filter:drop-shadow(0 18px 0 rgba(57,36,18,.18)) drop-shadow(0 30px 30px rgba(57,36,18,.15));transform:rotate(-5deg) scale(1.08)}.menu-play-button:hover .menu-symbol-core:after{opacity:1;transform:scale(1) rotate(0)}.menu-play-button:active{animation:none;filter:saturate(1.25) brightness(1.09);transform:translate(-50%,-50%) rotate(var(--tilt)) translateY(12px) scale(.95)}.menu-play-button:active .menu-symbol-core{filter:drop-shadow(0 5px 0 rgba(57,36,18,.24)) drop-shadow(0 10px 14px rgba(57,36,18,.14));transform:scale(.9,1.08) rotate(6deg)}.menu-play-button:active .menu-symbol-core:after{opacity:1;transform:scale(1.25) rotate(12deg)}.menu-bear-symbol{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transform:scale(1.04);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.menu-aquarium-symbol{position:relative;z-index:1;width:105%;height:105%;object-fit:contain;transform:scale(1.03);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.menu-bear-symbol-fallback{border:9px solid rgba(57,36,18,.78);border-radius:50%;background:radial-gradient(circle at 28% 34%,var(--ivory) 0 8%,transparent 8.4%),radial-gradient(circle at 72% 34%,var(--ivory) 0 8%,transparent 8.4%),radial-gradient(circle at 50% 57%,var(--sand) 0 25%,transparent 25.4%),var(--tan)}.menu-bear-symbol-fallback:before,.menu-bear-symbol-fallback:after{position:relative;content:""}.menu-bubble-symbol{position:relative;z-index:1;width:88%;height:88%;border:7px solid rgba(249,230,174,.78);border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,248,240,.9) 0 8%,transparent 8.6%),radial-gradient(circle at 48% 48%,#f9e6ae47,#c2edfa3d 53%,#b488e05c);box-shadow:inset -12px -16px #b488e02e,inset 12px 13px #fff8f052}.menu-bubble-symbol:before{position:absolute;left:23%;top:20%;width:27%;height:20%;border:5px solid rgba(255,248,240,.7);border-color:rgba(255,248,240,.7) transparent transparent rgba(255,248,240,.7);border-radius:50%;content:"";transform:rotate(-25deg)}.menu-fish-symbol{position:relative;z-index:1;display:block;width:100%;height:72%}.menu-fish-tail{position:absolute;left:4%;top:20%;width:34%;height:58%;border:7px solid rgba(57,36,18,.78);border-radius:46% 10%;background:var(--button-color);transform:rotate(45deg)}.menu-fish-body{position:absolute;right:5%;top:7%;width:72%;height:86%;border:8px solid rgba(57,36,18,.78);border-radius:58% 48% 48% 58%/52% 54% 46% 48%;background:radial-gradient(ellipse at 72% 24%,#fff8f0b8,#fff8f000 16%),linear-gradient(180deg,var(--button-color) 0 62%,var(--sky) 62% 100%);content:""}.menu-fish-body:before{position:absolute;left:26%;top:-19%;width:30%;height:30%;border:6px solid rgba(57,36,18,.78);border-radius:50% 50% 8% 8%;background:var(--button-color);content:""}.menu-fish-eye{position:absolute;right:21%;top:30%;z-index:2;width:15%;height:15%;border:4px solid rgba(57,36,18,.78);border-radius:50%;background:var(--ivory)}.menu-fish-eye:after{position:absolute;right:18%;bottom:14%;width:43%;height:43%;border-radius:50%;background:var(--ink);content:""}.menu-rocket-symbol{position:relative;z-index:1;display:grid;place-items:center;width:82%;height:82%;border:8px solid rgba(57,36,18,.78);border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff8f0ad,#fff8f000 18%),var(--button-color)}.menu-rocket-symbol svg{color:var(--ivory);filter:drop-shadow(0 4px 0 rgba(57,36,18,.28))}.menu-mole-symbol{position:relative;z-index:1;display:block;width:90%;height:86%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.menu-mole-face{position:absolute;left:9%;top:13%;width:82%;height:78%;border:8px solid rgba(57,36,18,.78);border-radius:48% 48% 44% 44%/48% 48% 54% 54%;background:radial-gradient(circle at 29% 28%,rgba(255,248,240,.72) 0 8%,transparent 8.4%),radial-gradient(circle at 72% 28%,rgba(255,248,240,.72) 0 8%,transparent 8.4%),radial-gradient(ellipse at 50% 64%,var(--blush) 0 20%,transparent 20.5%),var(--walnut)}.menu-mole-ear{position:absolute;top:15%;z-index:0;width:26%;height:28%;border:7px solid rgba(57,36,18,.78);border-radius:50%;background:var(--walnut)}.menu-mole-ear:after{position:absolute;inset:26%;border-radius:50%;background:var(--peach);content:""}.menu-mole-ear-left{left:0}.menu-mole-ear-right{right:0}.menu-mole-eye{position:absolute;top:40%;z-index:2;width:13%;height:13%;border:3px solid rgba(57,36,18,.78);border-radius:50%;background:var(--ivory)}.menu-mole-eye:after{position:absolute;right:15%;bottom:12%;width:45%;height:45%;border-radius:50%;background:var(--ink);content:""}.menu-mole-eye-left{left:31%}.menu-mole-eye-right{right:31%}.menu-mole-nose{position:absolute;left:41%;top:56%;z-index:3;width:18%;height:13%;border:3px solid rgba(57,36,18,.78);border-radius:50%;background:var(--rose)}.menu-mole-paw{position:absolute;bottom:3%;z-index:3;width:23%;height:18%;border:5px solid rgba(57,36,18,.78);border-radius:50%;background:var(--tan)}.menu-mole-paw-left{left:18%;transform:rotate(-18deg)}.menu-mole-paw-right{right:18%;transform:rotate(18deg)}.menu-kitty-symbol{position:relative;z-index:1;display:block;width:96%;height:92%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.menu-kitty-symbol-fallback{border-radius:50%;background:var(--cream);opacity:.7}.menu-play-button-kitties .symbol-sparkle{right:-2%;top:-4%}.symbol-sparkle{position:absolute;right:-2%;top:2%;z-index:3;color:var(--yellow);filter:drop-shadow(0 3px 0 rgba(57,36,18,.18))}.menu-play-button-bears .symbol-sparkle{right:4%;top:8%}.menu-play-button-bubbles .symbol-sparkle{color:var(--ivory)}.menu-play-button-aquarium .symbol-sparkle{right:3%;top:-6%}.button-sparkle{animation:sparkle-twirl 2.2s ease-in-out infinite}.brb-button{cursor:not-allowed;filter:saturate(.72);opacity:.72}.brb-button:active{transform:rotate(var(--tilt))}.menu-settings-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#39241285;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-settings-panel{display:flex;flex-direction:column;align-items:stretch;gap:22px;width:min(92vw,420px);padding:28px;border:6px solid rgba(57,36,18,.82);border-radius:32px;background:var(--cream);box-shadow:0 18px #39241238,0 24px 40px #39241247}.menu-settings-title{margin:0;text-align:center;color:var(--ink);font-size:2rem;font-weight:1000}.menu-volume-row{display:grid;grid-template-columns:78px 1fr 58px;align-items:center;gap:14px;width:100%}.menu-volume-label,.menu-volume-value{color:var(--ink);font-size:1.05rem;font-weight:900}.menu-volume-value{text-align:right}.menu-volume-slider{width:100%;accent-color:var(--indigo);cursor:pointer}.menu-volume-slider::-webkit-slider-runnable-track{height:12px;border:3px solid rgba(57,36,18,.58);border-radius:999px;background:var(--beige)}.menu-volume-slider::-webkit-slider-thumb{width:30px;height:30px;margin-top:-12px;border:4px solid rgba(57,36,18,.78);border-radius:50%;background:var(--amber);appearance:none}.menu-volume-slider::-moz-range-track{height:12px;border:3px solid rgba(57,36,18,.58);border-radius:999px;background:var(--beige)}.menu-volume-slider::-moz-range-thumb{width:22px;height:22px;border:4px solid rgba(57,36,18,.78);border-radius:50%;background:var(--amber)}.menu-settings-done{position:relative;overflow:hidden;align-self:center;min-width:136px;padding:12px 32px;border:4px solid rgba(57,36,18,.72);border-radius:999px;background:var(--amber);color:var(--ink);font-size:1.2rem;font-weight:1000;cursor:pointer;box-shadow:0 6px #39241233;transition:transform .18s cubic-bezier(.2,1.7,.3,1),filter .16s ease,box-shadow .16s ease}.menu-settings-done:before{position:absolute;inset:7px 12px auto;height:16px;border-radius:999px;background:#fff8f07a;content:"";opacity:.82;pointer-events:none}.menu-settings-done:hover{filter:saturate(1.16) brightness(1.05);transform:translateY(-4px) scale(1.04);box-shadow:0 10px #3924122e,0 16px 22px #39241229}.menu-settings-done:active{filter:saturate(1.25) brightness(1.1);transform:translateY(7px) scale(.96);box-shadow:0 2px #39241233,0 7px 12px #39241224}.burst-layer{pointer-events:none;position:fixed;inset:0;z-index:50;overflow:hidden}.burst{position:absolute;width:0;height:0;transform:translate(-50%,-50%)}.burst span{position:absolute;left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:calc(var(--size) * .78);border-radius:3px;background:var(--burst-color);box-shadow:0 2px #39241229;transform:rotate(var(--angle)) translateY(0) scale(1);animation:burst-pop .62s ease-out forwards}.burst-launch span{animation-duration:.98s}.game-shell{position:fixed;inset:0;width:100%;height:100%;min-height:100vh;min-height:100dvh;min-height:100lvh;overflow:hidden;background:var(--sky)}.game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.touch-trail-layer{pointer-events:none;position:absolute;inset:0;z-index:8;overflow:hidden}.touch-trail-dot{position:absolute;width:var(--trail-size);height:var(--trail-size);border:3px solid rgba(57,36,18,.28);border-radius:50%;background:var(--trail-color);box-shadow:0 4px #3924121f,0 0 18px #fff8f080;opacity:.85;transform:translate(-50%,-50%) scale(.55);animation:touch-trail-fade .52s ease-out forwards}.touch-trail-color-0{--trail-color: var(--ivory)}.touch-trail-color-1{--trail-color: var(--sunbeam)}.touch-trail-color-2{--trail-color: var(--mint)}.touch-trail-color-3{--trail-color: var(--pink)}.touch-trail-color-4{--trail-color: var(--cerulean)}.game-hud{pointer-events:none;position:absolute;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) calc(env(safe-area-inset-right) + 14px) 0 calc(env(safe-area-inset-left) + 14px)}.game-hud>*{pointer-events:auto}.hud-center{justify-self:center}.hud-right{justify-self:end}.icon-button,.spawn-button,.score-pill,.bubble-score{border:5px solid rgba(57,36,18,.76);background:#f9e6aec2;box-shadow:0 8px #3924122e,0 12px 20px #39241229;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button{position:relative;display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:transform .18s cubic-bezier(.2,1.7,.3,1),filter .16s ease,box-shadow .16s ease}.spawn-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:168px;min-height:70px;padding:8px 26px;border-radius:999px;background:var(--amber);color:var(--ink);font-size:1.6rem;font-weight:1000;cursor:pointer;animation:spawn-pulse 1.75s ease-in-out infinite;transition:transform .18s cubic-bezier(.2,1.7,.3,1),filter .16s ease,box-shadow .16s ease}.icon-button:before,.spawn-button:before{position:absolute;inset:12%;border-radius:inherit;background:radial-gradient(circle at 34% 28%,#fff8f0b8,#fff8f000 30%),radial-gradient(circle at 72% 72%,#ffd1666b,#ffd16600 34%);content:"";opacity:0;pointer-events:none;transform:scale(.48) rotate(-12deg);transition:opacity .16s ease,transform .22s cubic-bezier(.2,1.7,.3,1)}.icon-button svg,.spawn-button svg,.spawn-button span{position:relative;z-index:1}.icon-button:hover,.spawn-button:hover{filter:saturate(1.16) brightness(1.06);transform:translateY(-5px) scale(1.045);box-shadow:0 12px #39241229,0 20px 28px #39241229}.spawn-button:hover{animation:none}.icon-button:hover:before,.spawn-button:hover:before{opacity:1;transform:scale(1) rotate(0)}.game-shell .icon-button,.game-shell .spawn-button{border-width:clamp(8px,1.4vw,10px);overflow:visible}.game-shell .icon-button:after,.game-shell .spawn-button:after,.alpha-toggle-btn:after,.alpha-reset-btn:after,.alpha-close-btn:after{position:absolute;inset:-10%;border-radius:inherit;background:#fff0;content:""}.game-shell .icon-button{width:clamp(104px,16vw,120px);height:clamp(104px,16vw,120px)}.game-shell .icon-button svg{width:clamp(52px,7.5vw,60px);height:clamp(52px,7.5vw,60px)}.game-shell .spawn-button{gap:clamp(12px,2vw,16px);min-width:clamp(268px,44vw,336px);min-height:clamp(116px,18vw,140px);padding:clamp(12px,2vw,16px) clamp(34px,7vw,52px);font-size:clamp(2.44rem,5.2vw,3.2rem)}.game-shell .spawn-button svg{width:clamp(58px,8vw,68px);height:clamp(58px,8vw,68px)}.spawn-button:active,.icon-button:active{filter:saturate(1.28) brightness(1.1);transform:translateY(7px) scale(.94);box-shadow:0 2px #39241233,0 7px 12px #39241224}.spawn-button:active{animation:none}.spawn-button:active:before,.icon-button:active:before{opacity:1;transform:scale(1.16) rotate(10deg)}.game-shell .spawn-button:active,.game-shell .icon-button:active{transform:translateY(12px) scale(.94);box-shadow:0 4px #3924122e,0 12px 18px #39241224}.score-pill,.bubble-score{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:76px;min-height:54px;padding:6px 16px;border-radius:999px;font-size:1.35rem;font-weight:1000}.score-pill{background:var(--lime)}.bubble-score{background:#c2edfadb}.bears-shell{background:var(--sky)}.bubbles-shell,.aquarium-shell{background:var(--teal)}.alphabet-shell{background:var(--ink)}.kitties-shell{background:var(--cream)}.kitties-canvas{touch-action:none}.balloon-keys-shell{background:var(--sky)}.balloon-keys-song-title{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:5px solid rgba(57,36,18,.76);border-radius:999px;background:#ff87b2d1;color:var(--ink);font-size:clamp(1rem,2.4vw,1.4rem);font-weight:1000;white-space:nowrap;box-shadow:0 8px #3924122e,0 12px 20px #39241229;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .12s cubic-bezier(.2,1.6,.32,1),filter .12s ease,box-shadow .12s ease}.balloon-keys-song-title:hover{filter:saturate(1.12) brightness(1.04);transform:translateY(-2px) rotate(-1deg)}.balloon-keys-song-title:active{box-shadow:0 3px #3924122e,0 8px 16px #39241224;transform:translateY(5px) scale(.98)}.menu-piano-symbol{position:relative;z-index:1;display:grid;place-items:center;width:82%;height:82%;border:8px solid rgba(57,36,18,.78);border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff8f0ad,#fff8f000 18%),var(--button-color);overflow:hidden}.menu-piano-keys{display:flex;align-items:flex-end;gap:4px;padding:0 8px 14px;width:100%;height:100%}.menu-piano-key{flex:1;border:4px solid rgba(57,36,18,.72);border-radius:4px 4px 8px 8px;height:58%;min-height:28px;box-shadow:0 4px #39241233}.alpha-pips{display:flex;gap:6px;align-items:center;padding:10px 16px;border:5px solid rgba(57,36,18,.76);border-radius:999px;background:#3924128a;box-shadow:0 8px #3924122e,0 12px 20px #39241229;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alpha-pip{display:block;width:12px;height:12px;border-radius:50%;background:#fff8f038;border:2.5px solid rgba(255,248,240,.44);transition:background .2s ease,border-color .2s ease,transform .2s ease}.alpha-pip-filled{background:var(--sunbeam);border-color:var(--amber);transform:scale(1.2)}.alpha-settings-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#39241285;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;padding:calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px)}.alpha-settings-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3.5vw,28px);width:min(96vw,560px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 48px);overflow-y:auto;padding:clamp(30px,5vw,44px);border:clamp(8px,1.6vw,12px) solid rgba(57,36,18,.82);border-radius:32px;background:var(--cream);box-shadow:0 18px #39241238,0 24px 40px #39241247}.alpha-settings-title{margin:0;font-size:2rem;font-weight:1000;color:var(--ink)}.alpha-settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:clamp(16px,3vw,24px)}.alpha-settings-label{font-size:clamp(1.35rem,2.8vw,2.2rem);font-weight:800;color:var(--ink)}.alpha-toggle{position:relative;display:flex;gap:0;border:clamp(6px,1.2vw,8px) solid rgba(57,36,18,.72);border-radius:999px;overflow:visible;background:var(--beige)}.alpha-toggle-btn{position:relative;min-height:clamp(58px,9vw,76px);padding:clamp(12px,2.4vw,16px) clamp(22px,5vw,36px);border:none;background:transparent;font-size:clamp(1.35rem,2.8vw,2rem);font-weight:900;color:#3924128c;cursor:pointer;transition:background .16s ease,color .16s ease,filter .16s ease,transform .18s cubic-bezier(.2,1.7,.3,1)}.alpha-toggle-btn:before{position:absolute;inset:7px 10px auto;height:14px;border-radius:999px;background:#fff8f073;content:"";opacity:0;pointer-events:none;transform:scaleX(.35);transition:opacity .16s ease,transform .2s cubic-bezier(.2,1.7,.3,1)}.alpha-toggle-btn:first-child{border-radius:999px 0 0 999px}.alpha-toggle-btn:last-child{border-radius:0 999px 999px 0}.alpha-toggle-btn.active{background:var(--indigo);color:var(--ivory)}.alpha-toggle-btn:hover{filter:saturate(1.2) brightness(1.08);transform:translateY(-3px) scale(1.04)}.alpha-toggle-btn:hover:before,.alpha-toggle-btn:active:before,.alpha-toggle-btn.active:before{opacity:1;transform:scaleX(1)}.alpha-toggle-btn:active{filter:saturate(1.28) brightness(1.12);transform:translateY(4px) scale(.94)}.alpha-reset-btn{position:relative;min-height:clamp(72px,11vw,94px);padding:clamp(18px,3.4vw,24px) clamp(34px,7vw,48px);border:clamp(6px,1.2vw,8px) solid rgba(57,36,18,.72);border-radius:999px;background:var(--coral);font-size:clamp(1.4rem,3vw,2.1rem);font-weight:900;color:var(--ink);cursor:pointer;box-shadow:0 12px #39241233;transition:transform .18s cubic-bezier(.2,1.7,.3,1),filter .16s ease,box-shadow .16s ease}.alpha-close-btn{position:relative;min-height:clamp(72px,11vw,94px);padding:clamp(18px,3.4vw,24px) clamp(44px,9vw,64px);border:clamp(6px,1.2vw,8px) solid rgba(57,36,18,.72);border-radius:999px;background:var(--amber);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:1000;color:var(--ink);cursor:pointer;box-shadow:0 12px #39241233;transition:transform .18s cubic-bezier(.2,1.7,.3,1),filter .16s ease,box-shadow .16s ease}.alpha-reset-btn:before,.alpha-close-btn:before{position:absolute;inset:9px 18px auto;height:18px;border-radius:999px;background:#fff8f080;content:"";opacity:.8;pointer-events:none;transform:scaleX(.84);transition:opacity .16s ease,transform .2s cubic-bezier(.2,1.7,.3,1)}.alpha-reset-btn:hover,.alpha-close-btn:hover{filter:saturate(1.16) brightness(1.06);transform:translateY(-5px) scale(1.045);box-shadow:0 16px #39241229,0 22px 28px #39241229}.alpha-reset-btn:hover:before,.alpha-close-btn:hover:before{opacity:1;transform:scaleX(1)}.alpha-reset-btn:active,.alpha-close-btn:active{filter:saturate(1.28) brightness(1.1);transform:translateY(9px) scale(.95);box-shadow:0 3px #39241233,0 8px 14px #39241224}.alpha-reset-btn:active:before,.alpha-close-btn:active:before{opacity:1;transform:scaleX(1.08)}@keyframes menu-float{0%,to{transform:translate(-50%,-50%) rotate(var(--tilt)) translateY(0)}50%{transform:translate(-50%,-50%) rotate(calc(var(--tilt) * -.75)) translateY(-10px)}}@keyframes sparkle-twirl{0%,to{transform:rotate(-8deg) scale(.92)}50%{transform:rotate(16deg) scale(1.12)}}@keyframes pattern-drift{to{transform:translate3d(calc(var(--menu-stripe-loop-shift) * -1),calc(var(--menu-stripe-loop-shift) * -1),0)}}@keyframes burst-pop{72%{opacity:1;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) rotate(220deg) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1.12)) rotate(380deg) scale(.2)}}@keyframes touch-trail-fade{0%{opacity:.9;transform:translate(-50%,-50%) scale(.55)}65%{opacity:.55;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes spawn-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}}@media(max-width:640px){.menu-screen{padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 8px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 8px)}.menu-title-wrap h1{font-size:2.45rem}.menu-app .menu-settings-button{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px)}.icon-button.menu-settings-button{width:78px;height:78px;border-width:6px}.icon-button.menu-settings-button svg{width:34px;height:34px}.menu-button-field{width:100%;height:100%;padding-top:0}.menu-play-button{left:var(--mobile-x);top:var(--mobile-y);gap:6px}.button-sparkle{width:22px;height:22px}.menu-symbol-label{font-size:clamp(.92rem,4vw,1.18rem)}.game-hud{grid-template-columns:auto 1fr auto;grid-template-areas:"back spacer right" "center center center";row-gap:10px;column-gap:8px;padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 10px) 0 calc(env(safe-area-inset-left) + 10px)}.back-button{grid-area:back}.hud-center{grid-area:center;max-width:100%}.hud-right{grid-area:right}.icon-button{width:52px;height:52px;border-width:4px}.spawn-button{min-width:134px;min-height:58px;padding:6px 16px;border-width:4px;font-size:1.22rem}.score-pill,.bubble-score{min-width:60px;min-height:48px;padding:4px 12px;border-width:4px;font-size:1.08rem}.alpha-settings-panel{width:100%;max-width:420px;gap:16px;padding:26px 20px}.alpha-settings-row{flex-direction:column;align-items:stretch;gap:10px}.alpha-settings-label{align-self:center;font-size:clamp(1.25rem,5vw,1.55rem)}.alpha-toggle{width:100%}.alpha-toggle-btn{flex:1;min-height:64px;padding:12px 10px;font-size:clamp(1.16rem,4.6vw,1.45rem)}.alpha-reset-btn,.alpha-close-btn{width:min(100%,320px);min-height:76px;padding:18px 22px}}@media(max-height:700px){.menu-title-wrap h1{font-size:3rem}.menu-button-field{padding-top:0}.menu-symbol-label{font-size:clamp(.95rem,2vw,1.25rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}