@import"https://fonts.googleapis.com/css2?family=Chewy&family=Patrick+Hand&display=swap";:root{--paper: #f6f0e2;--paper-edge: #e7dcc2;--ink: #3a3330;--blue: #3a6fe8;--red: #e8503a;--yellow: #f6c945;--display: "Chewy", "Comic Sans MS", cursive;--body: "Patrick Hand", "Comic Sans MS", "Marker Felt", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}body{color:var(--ink);font-family:var(--body);background:radial-gradient(135% 115% at 50% 28%,#fbf6e9 0%,var(--paper) 58%,var(--paper-edge) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(120,90,40,.05) 1px,transparent 1.4px),radial-gradient(rgba(120,90,40,.035) 1px,transparent 1.4px);background-size:5px 5px,7px 7px;background-position:0 0,2px 3px;mix-blend-mode:multiply}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:1}svg{position:relative;z-index:1}.prompt{text-align:center;font-family:var(--display);font-size:clamp(22px,6.5vw,38px);letter-spacing:.5px;padding:28px 18px 8px;line-height:1.25;color:var(--ink);text-shadow:1px 2px 0 rgba(255,255,255,.5)}h1.prompt{font-size:clamp(44px,15vw,84px);color:var(--ink)}.big-button{position:relative;border:3px solid rgba(58,51,48,.85);border-radius:32px 28px 30px 26px/26px 30px 28px 32px;padding:26px;font-family:var(--display);font-size:clamp(22px,6.5vw,30px);letter-spacing:.5px;color:var(--ink);box-shadow:3px 5px #3a33302e,inset 0 0 0 100px #ffffff14;cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1)}.big-button:active{transform:scale(.95) rotate(-.5deg);box-shadow:1px 2px #3a33302e}[data-dot]{transform-origin:center;transform-box:fill-box;animation:dot-pop .5s cubic-bezier(.34,1.7,.5,1) backwards}[data-dot]>circle{transform-origin:center;transform-box:fill-box;animation:breathe 3.4s ease-in-out infinite}@keyframes dot-pop{0%{transform:scale(0)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.dot-leaving{animation:dot-fade .45s ease forwards}@keyframes dot-fade{to{opacity:0;transform:scale(.4)}}.dot-bounce{animation:dot-bounce .42s cubic-bezier(.34,1.7,.5,1)}@keyframes dot-bounce{0%{transform:scale(1)}30%{transform:scale(.84)}65%{transform:scale(1.18)}to{transform:scale(1)}}.dot-invite .dot-circle{animation:invite-pulse 1.5s ease-in-out infinite}@keyframes invite-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 1px 1px rgba(58,51,48,.12))}50%{transform:scale(1.06);filter:drop-shadow(0 0 7px rgba(58,51,48,.32))}}.say-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(64px,22vw,150px);letter-spacing:1px;pointer-events:none;z-index:5;text-shadow:2px 4px 0 rgba(255,255,255,.55);animation:say-pop 1.15s cubic-bezier(.22,1.4,.4,1) forwards}@keyframes say-pop{0%{transform:translate(-50%,-50%) scale(.2) rotate(-8deg);opacity:0}22%{opacity:1}45%{transform:translate(-50%,-50%) scale(1.14) rotate(3deg);opacity:1}70%{transform:translate(-50%,-50%) scale(1) rotate(-1deg);opacity:1}to{transform:translate(-50%,-56%) scale(1.04) rotate(0);opacity:0}}.prompt-in{animation:prompt-in .5s ease both}@keyframes prompt-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){[data-dot],[data-dot]>circle,.dot-invite .dot-circle,.say-word,.prompt-in{animation:none}}.sparkle{position:absolute;width:14px;height:14px;pointer-events:none;z-index:4;background:linear-gradient(transparent 45%,currentColor 45% 55%,transparent 55%),linear-gradient(90deg,transparent 45%,currentColor 45% 55%,transparent 55%);animation:sparkle-out .7s ease-out forwards}@keyframes sparkle-out{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(90deg);opacity:0}}.grownups-panel,.math-gate{z-index:10;background:#2820188c;align-items:center;justify-content:center}.gu-card{background:var(--paper);border:3px solid rgba(58,51,48,.85);border-radius:26px 22px 24px 20px/20px 24px 22px 26px;padding:26px 24px;min-width:270px;box-shadow:4px 6px #3a333040;text-align:center}.gu-card h2{font-family:var(--display);margin:0 0 14px;font-size:28px}.gu-card label{display:block;margin:14px 0;font-size:20px}.gu-card input[type=range]{width:100%;accent-color:var(--blue)}.math-q{font-family:var(--display);font-size:40px;margin:6px 0 18px}.math-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.math-choice{border:3px solid rgba(58,51,48,.8);border-radius:18px 14px 16px 12px/12px 16px 14px 18px;background:#fff;font-family:var(--display);font-size:26px;padding:16px 0;cursor:pointer;transition:transform .12s ease}.math-choice:active{transform:scale(.94)}.math-wrong{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}