.game-page{padding-bottom:64px;scroll-margin-top:84px}.game-page button{font:inherit;cursor:pointer}.game-page button:disabled{opacity:.45;cursor:default}.game-page button:focus-visible,.game-page input:focus-visible{outline:3px solid #fff;outline-offset:5px}.game-page [hidden]{display:none!important}
.game-page .game-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.game-mode{padding:18px;text-align:left;border:1px solid #ffffff30;border-radius:18px;background:#ffffff06;color:var(--lav)}.game-mode span{display:block;color:var(--lav-dim);font-size:.85rem;margin-top:4px}.game-mode b{font-size:1.1rem}.game-mode[aria-pressed=true]{border-color:var(--teal);background:#6fe3d616;box-shadow:inset 0 0 0 1px var(--teal)}
.game-hud{display:flex;align-items:center;gap:28px;margin-bottom:16px}.game-hud div{display:grid;line-height:1.2}.game-hud small{color:var(--lav-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.game-hud strong{font:700 2rem 'Bricolage Grotesque',sans-serif;font-variant-numeric:tabular-nums;margin-top:6px}.game-hud button{background:transparent;border:1px solid #ffffff40;color:var(--lav);border-radius:99px;min-height:44px;padding:0 18px}.game-hud #game-pause{margin-left:auto}
.game-board{position:relative;height:clamp(340px,53vh,490px);border:1px solid #ffffff30;border-radius:28px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 10% 90%,#523277,transparent 65%),radial-gradient(ellipse at 95% 10%,#1a5965,transparent 65%),#130c29;touch-action:pan-y}
.game-field{position:absolute;inset:0}.game-bubble{position:absolute;translate:-50% -50%;width:clamp(58px,9vw,94px);aspect-ratio:1;border-radius:50%;border:2px solid hsl(var(--hue) 95% 79% / .8);color:#fff;background:radial-gradient(circle at 28% 23%,#fffc 0 4%,transparent 10%),radial-gradient(circle at 35% 30%,hsl(var(--hue) 90% 80% / .1) 45%,hsl(var(--hue) 90% 66% / .65) 90%,#fffd);box-shadow:inset -5px -5px 18px hsl(var(--hue) 100% 80% / .35),0 0 20px hsl(var(--hue) 100% 80% / .08);font-size:1.7rem!important;transition:scale .15s,opacity .15s;animation:game-bob 3s ease-in-out infinite}.game-bubble:nth-child(2n){animation-delay:-1.4s}.game-bubble.is-star{color:var(--gold);border-color:var(--gold)}.game-bubble.just-popped{scale:1.3;opacity:0;pointer-events:none}.game-bubble:hover{filter:brightness(1.2)}
@keyframes game-bob{50%{transform:translateY(-8px)}}
.game-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#1b1035d9;backdrop-filter:blur(8px)}.game-overlay h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:16px}.game-overlay p{color:var(--lav-dim);max-width:34ch;margin-bottom:24px}.game-overlay .btn{border:0;font-weight:700}.game-overlay .game-spark{font-size:3rem;color:var(--teal);margin-bottom:16px}.game-paused{position:absolute;inset:0;display:grid;place-items:center;z-index:4;background:#190d35e8;font:700 2rem 'Bricolage Grotesque',sans-serif;pointer-events:none}
.game-instructions{color:var(--lav-dim);max-width:80ch;margin:18px 0 8px;font-size:.95rem}.game-feedback{min-height:1.7em;color:var(--teal);font-weight:600}.game-options{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:16px;font-size:.9rem}.game-options label{display:flex;gap:10px;align-items:center;min-height:44px}.game-options input{width:20px;height:20px;accent-color:var(--teal)}.game-options a{margin-left:auto}.game-note{font-size:.8rem;color:var(--slate);margin-top:10px}
.catch-basket{position:absolute;bottom:3%;width:28%;max-width:180px;height:38px;translate:-50% 0;left:50%;border:3px solid var(--teal);border-top:0;border-radius:0 0 50% 50%;background:linear-gradient(transparent,#6fe3d644);text-align:center;color:var(--teal);font-size:.75rem;pointer-events:none}.basket-control{display:flex;gap:16px;align-items:center;margin:14px 0}.basket-control input{width:100%;accent-color:var(--teal);height:44px}.basket-control label{white-space:nowrap}.game-page:not([data-mode=catch]) .catch-basket,.game-page:not([data-mode=catch]) .basket-control{display:none}.game-page[data-mode=catch] .game-board{touch-action:none}.game-page[data-mode=catch] .game-bubble{width:54px;animation:none}
.grow-zone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px}.giant-scene{flex:1;display:grid;place-items:center;position:relative;width:100%;min-height:240px}.giant-ring{position:absolute;width:198px;height:198px;border:18px solid #6fe3d62a;outline:1px dashed #6fe3d68a;border-radius:50%}.giant-bubble{width:var(--size,36px);height:var(--size,36px);border-radius:50%;border:2px solid var(--pink);background:radial-gradient(circle at 30% 24%,#fffd 0 3%,transparent 10%),radial-gradient(circle at 35% 30%,#b48cff09 45%,#ff8ad869 82%,#6fe3d6aa);box-shadow:inset 0 0 28px #b48cff55;z-index:1}.giant-bubble.in-zone{border-color:var(--teal);box-shadow:0 0 32px #6fe3d655}.grow-controls{display:flex;gap:16px;align-items:center;width:min(100%,500px)}.grow-controls button{min-height:54px;padding:0 22px;background:var(--film);color:var(--night);font-weight:700;border:0;border-radius:99px;touch-action:none;user-select:none}.grow-meter{flex:1;font-size:.8rem}.grow-meter meter{display:block;width:100%;height:20px}.game-page:not([data-mode=grow]) .grow-zone{display:none}.game-page[data-mode=grow] .game-field{display:none}.game-page.quiet-motion .game-bubble{animation:none;transition:none}.is-paused .game-bubble{animation-play-state:paused}
@media(max-width:600px){.game-modes{gap:6px!important}.game-mode{padding:12px 8px}.game-mode b{font-size:.85rem}.game-mode span{font-size:.7rem}.game-hud{gap:16px}.game-hud strong{font-size:1.6rem}.game-hud button{padding:0 12px;font-size:.8rem}.game-board{border-radius:20px}.game-options a{margin-left:0}.game-page .game-hud{flex-wrap:wrap}.grow-controls{gap:12px}.grow-controls button{padding:0 14px;font-size:.85rem}.giant-scene{min-height:230px}}
@media(prefers-reduced-motion:reduce){.game-bubble{animation:none;transition:none}}
@media(max-width:600px){.game-page .game-hud{flex-wrap:nowrap;gap:8px}.game-hud small{font-size:.6rem;letter-spacing:.04em}.game-hud strong{font-size:1.4rem}.game-hud button{padding:0 10px;font-size:.72rem}.game-board{height:clamp(320px,42svh,380px)}.game-mode{line-height:1.4}.game-mode span{margin-top:6px}.game-page .game-modes{margin-bottom:16px}}