: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;-webkit-tap-highlight-color:rgba(57,36,18,0)}.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-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-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;width:100%;padding-top:18px}.menu-play-button{--button-color: var(--amber);--tilt: 0deg;--float-delay: 0s;position:relative;display:grid;grid-template-columns:58px 1fr 40px;align-items:center;width:min(82vw,480px);min-height:112px;padding:14px 28px;border:7px solid rgba(57,36,18,.78);border-radius:32px;background:var(--button-color);box-shadow:var(--soft-shadow);cursor:pointer;transform:rotate(var(--tilt));animation:menu-float 3.6s ease-in-out var(--float-delay) infinite;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.menu-play-button:before{position:absolute;inset:9px 14px auto;height:18px;border-radius:999px;background:#f9e6ae73;content:""}.menu-play-button span{position:relative;justify-self:center;font-size:2.55rem;font-weight:1000;line-height:1;letter-spacing:0}.menu-play-button svg{position:relative;filter:drop-shadow(0 3px 0 rgba(249,230,174,.4))}.menu-play-button:hover{filter:saturate(1.12) brightness(1.04)}.menu-play-button:active,.menu-play-button.launching{box-shadow:0 6px #39241240,0 12px 18px #39241233;transform:rotate(var(--tilt)) translateY(8px) scale(.98)}.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))}.is-launching .menu-screen{animation:launch-zoom .72s cubic-bezier(.2,.9,.2,1) forwards}.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}.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{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;cursor:pointer}.spawn-button{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}.spawn-button:active,.icon-button:active{transform:translateY(5px) scale(.98);box-shadow:0 3px #3924122e,0 7px 16px #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{background:var(--teal)}@keyframes menu-float{0%,to{transform:rotate(var(--tilt)) translateY(0)}50%{transform: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 launch-zoom{0%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1.12) rotate(-1.5deg)}to{opacity:0;transform:scale(1.36) rotate(1deg)}}@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 spawn-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}}@media(max-width:640px){.menu-screen{padding-top:calc(env(safe-area-inset-top) + 20px)}.menu-title-wrap h1{font-size:2.45rem}.menu-button-stack{align-items:flex-start;gap:18px;padding-left:50px}.menu-play-button{width:min(64vw,300px);grid-template-columns:44px 1fr;min-height:94px;padding:12px 18px;border-width:6px;border-radius:26px}.button-sparkle{display:none}.menu-play-button span{font-size:2rem}.game-hud{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)}.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}}@media(max-height:700px){.menu-title-wrap h1{font-size:3rem}.menu-button-stack{gap:16px}.menu-play-button{min-height:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}