:root{font-family:Comic Sans MS,Trebuchet MS,Segoe UI,system-ui,sans-serif;color:#0b1f2a;background:#a9dbe5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#a9dbe5}.game{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(16px,4vw,40px);gap:16px}.top-bar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}p{margin:6px 0 0}.mastery{background:#ffffffb3;border:1px solid rgba(55,121,173,.2);border-radius:14px;padding:10px 14px;min-width:180px}.auth-status{margin-top:4px;font-size:.9rem;color:#274d68}.play-area{position:relative;border-radius:24px;background:#b5e6edbf;border:2px solid rgba(97,172,230,.45);display:grid;grid-template-columns:1fr auto;align-items:center;padding:clamp(18px,5vw,56px);overflow:hidden;min-height:250px;max-height:calc(100dvh - 160px)}.equation{font-size:clamp(2.4rem,11vw,8rem);font-weight:800;letter-spacing:.02em}.bubble-wrap{display:flex;justify-content:center;align-items:center;min-width:clamp(160px,27vw,280px)}.bubble{width:clamp(140px,25vw,260px);aspect-ratio:1 / 1.08;border-radius:50%;border:3px solid rgba(107,185,235,.55);background:radial-gradient(circle at 30% 24%,#ffffffd9,#ffffff1a 30%,#97dce81a 70%),radial-gradient(circle at 74% 70%,#ffffff73,#fff0 45%),#a5e1eb57;box-shadow:inset -16px -20px 30px #87c3e659,inset 14px 16px 20px #ffffff57;display:grid;place-items:center;transition:transform .16s ease}.bubble input{width:54%;text-align:center;border:none;background:#ffffffbf;font-size:clamp(2rem,6vw,3.1rem);font-weight:700;border-radius:999px;padding:6px 10px;color:#08324b}.bubble input:focus{outline:3px solid rgba(89,157,218,.38)}.bubble.popping{animation:pop .24s ease}.bubble.shake{animation:shake .32s ease}.floating-items{position:absolute;inset:0;pointer-events:none}.special-item{position:absolute;font-size:clamp(2rem,5vw,3.3rem);animation:funny-dance linear forwards;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));transform-origin:center}.special-item.emoji-fallback{display:grid;place-items:center;min-width:56px;min-height:56px}.special-image{width:clamp(70px,14vw,130px);height:auto;object-fit:contain;border-radius:14px}.pop-burst{position:absolute;width:28px;height:28px;border-radius:999px;border:4px solid rgba(255,255,255,.9);box-shadow:0 0 0 8px #a2e1ff59;transform:translate(-50%,-50%);animation:burst-ring .46s ease-out forwards}.hud{display:grid;gap:8px}.ghost{justify-self:start;border:1px solid rgba(39,101,151,.35);background:#fff9;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}.status,.message{font-size:1.04rem;font-weight:600}.message{color:#205f84;min-height:1.4em}@keyframes pop{0%{transform:scale(1);opacity:1;filter:brightness(1)}45%{transform:scale(1.3);opacity:.95;filter:brightness(1.45)}to{transform:scale(.5);opacity:0;filter:brightness(1.9)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-6px)}}@keyframes funny-dance{0%{transform:translate(-50%,-50%) scale(.3) rotate(-16deg);opacity:0}15%{transform:translate(-50%,-50%) scale(1.05) rotate(10deg);opacity:1}35%{transform:translate(calc(-50% + var(--sway-x)),calc(-50% - var(--sway-y))) scale(1.08) rotate(-10deg);opacity:1}60%{transform:translate(calc(-50% - var(--sway-x)),calc(-50% + var(--sway-y))) scale(1.02) rotate(12deg);opacity:1}85%{transform:translate(calc(-50% + (var(--sway-x) * .5)),calc(-50% - (var(--sway-y) * .3))) scale(1.04) rotate(-8deg);opacity:1}to{transform:translate(-50%,-50%) scale(.7) rotate(20deg);opacity:0}}@keyframes burst-ring{0%{transform:translate(-50%,-50%) scale(.25);opacity:1}to{transform:translate(-50%,-50%) scale(3.8);opacity:0}}@media(max-width:800px){.play-area{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}.top-bar{flex-direction:column}.mastery{width:100%}}