.paw-game-shell{--brown:#63351f;--deep-brown:#442313;position:relative;display:flex;min-height:100svh;overflow:hidden;flex-direction:column;align-items:center;padding:72px 14px 24px;color:var(--brown);background-color:#ffd76c;background-image:radial-gradient(circle at 50% 22%,#fff2a9 0 18%,transparent 42%),linear-gradient(180deg,#ffe98c,#ffc65e 58%,#ffad55)!important;isolation:isolate}.paw-game-shell:before{content:"";position:absolute;z-index:-2;inset:0;opacity:.32;background-image:radial-gradient(#fff7cb 3px,transparent 0);background-size:34px 34px}.paw-sunburst{top:-210px;left:50%;width:min(950px,150vw);aspect-ratio:1;translate:-50% 0;border-radius:50%;opacity:.22;background:repeating-conic-gradient(from -5deg,#fff 0 8deg,transparent 8deg 17deg)}.paw-confetti,.paw-sunburst{position:absolute;z-index:-1}.paw-confetti{color:#e8794b;font-size:clamp(18px,4vw,32px);letter-spacing:20px;rotate:-12deg;opacity:.65}.paw-confetti-left{top:31%;left:4%}.paw-confetti-right{top:42%;right:3%;rotate:14deg;color:#8fbb69}.paw-game-shell>.prek-parallax{z-index:-3;opacity:.78}.paw-guide-cherry{position:absolute;z-index:2;left:-42px;bottom:-28px;width:300px;height:300px;pointer-events:none;transform-origin:50% 92%;filter:drop-shadow(0 13px 8px #6d3a2538);will-change:transform}.paw-guide-cherry>.paw-cherry-image{width:100%;height:100%;animation:paw-cherry-sprite-in .18s ease-out both}.paw-guide-cherry.is-idle{animation:paw-cherry-idle 4.2s ease-in-out infinite}.paw-guide-cherry.is-correct{animation:paw-cherry-correct 1.12s cubic-bezier(.2,.9,.25,1) both;filter:drop-shadow(0 18px 10px #6d3a2540) drop-shadow(0 0 18px #ffe66f)}.paw-guide-cherry.is-wrong{animation:paw-cherry-wrong 1.02s cubic-bezier(.36,.07,.19,.97) both;filter:drop-shadow(0 10px 7px #6d3a2538) saturate(.94)}.paw-guide-cherry:after,.paw-guide-cherry:before{position:absolute;z-index:3;pointer-events:none;opacity:0}.paw-guide-cherry.is-correct:before{content:"✦";top:18px;left:20px;color:#fff9a8;font-size:45px;text-shadow:74px -17px 0 #fff,155px 4px 0 #ffd54d,226px 59px 0 #ff8caf,198px 159px 0 #fff,32px 155px 0 #73e0c1;animation:paw-cherry-sparkle 1.05s ease-out both}.paw-guide-cherry.is-correct:after{content:"";top:92px;left:50%;width:96px;height:96px;border:8px solid #fff8a9;border-radius:50%;box-shadow:0 0 0 8px #ff9dc577,0 0 25px #fff7a9;animation:paw-cherry-burst-ring .88s ease-out both}.paw-guide-cherry.is-wrong:before{content:"○  ○  ○";top:37px;left:35px;color:#8dc5dc;font-size:27px;letter-spacing:9px;text-shadow:108px 22px 0 #b7deea;animation:paw-cherry-bubbles 1s ease-out both}.paw-guide-cherry.is-wrong:after{content:"~";top:73px;right:31px;color:#b58ac9;font-size:43px;font-weight:1000;text-shadow:-179px 74px 0 #8dbfd4;animation:paw-cherry-bubbles .95s ease-out .08s both}.paw-success-cherry{width:220px;height:220px;margin:-122px auto -8px;filter:drop-shadow(0 12px 7px #6d3a2540);animation:paw-success-cherry-dance .78s ease-in-out infinite alternate}.paw-success-card{margin-top:95px}.paw-title-bar{position:relative;z-index:3;display:grid;grid-template-columns:62px 1fr 58px;align-items:center;gap:13px;width:min(690px,100%);padding:10px 13px;border:5px solid var(--brown);border-radius:27px;background:linear-gradient(#fff9c8,#ffe889);box-shadow:inset 0 4px 0 #fff,0 8px 0 #a45b2d,0 15px 0 #7d411f,0 22px 28px #7f431f42}.paw-logo{display:grid;place-items:center;width:58px;height:58px;border:4px solid var(--brown);border-radius:20px;color:#fff4c0;background:#ef7755;box-shadow:inset 0 4px #ffad83,inset 0 -6px #c84e36,0 5px 0 #8a4129}.paw-logo svg{width:35px;height:35px;fill:currentColor}.paw-title-bar p{margin:0 0 1px;color:#b15b2f;font-size:14px;letter-spacing:.11em;text-transform:uppercase}.paw-title-bar h1{margin:0;color:var(--deep-brown);font-size:clamp(23px,5vw,39px);letter-spacing:-.05em;line-height:1}.paw-title-bar>button{display:grid;place-items:center;width:54px;height:54px;cursor:pointer;border:4px solid var(--brown);border-radius:18px;color:#fff;background:#62b6e8;box-shadow:inset 0 4px #a8ddf7,inset 0 -6px #378dcc,0 5px 0 #285f89}.paw-title-bar>button:active{translate:0 4px;box-shadow:inset 0 3px #a8ddf7,inset 0 -3px #378dcc,0 1px 0 #285f89}.paw-title-bar>button svg{width:28px;height:28px}.paw-progress{position:relative;z-index:2;display:flex;align-items:center;gap:7px;margin:19px 0 8px;padding:7px 13px;border:3px solid var(--brown);border-radius:999px;background:#fff2b4;box-shadow:0 4px 0 #a45b2d}.paw-progress span{margin-right:5px;font-size:14px}.paw-progress svg{width:23px;height:23px;color:#d79248;fill:#fff7da}.paw-progress svg.is-filled{color:#bd6a25;fill:#ffd52f;animation:paw-star-pop .45s cubic-bezier(.2,1.5,.4,1)}.paw-progress svg.is-current{color:#c56e25;fill:#fff3a0;animation:paw-current-pulse 1s ease-in-out infinite}.paw-board{position:relative;z-index:1;display:flex;width:min(820px,100%);flex:1;flex-direction:column;align-items:center;justify-content:center;margin-top:5px;padding:20px 22px 18px;border:6px solid var(--brown);border-radius:42px;background:linear-gradient(160deg,#fff8c9,#ffe9a0);box-shadow:inset 0 6px 0 #fff,0 11px 0 #bc6c34,0 19px 0 #75401f,0 30px 38px #81421f4a}.paw-board:after,.paw-board:before{content:"";position:absolute;z-index:-1;top:42%;width:70px;height:110px;border:5px solid var(--brown);background:#8fd2bd}.paw-board:before{left:-34px;border-radius:32px 0 0 32px}.paw-board:after{right:-34px;border-radius:0 32px 32px 0;background:#f298ad}.paw-prompt{margin:0 0 10px;color:#8b4b27;font-size:clamp(18px,3.5vw,25px);text-align:center}.number-card{display:grid;width:clamp(155px,29vw,235px);aspect-ratio:1;place-items:center;border:7px solid var(--brown);border-radius:36px;background:linear-gradient(145deg,#fffdf1,#fff2a6 65%,#ffcf56);box-shadow:inset 8px 8px 0 #fff,inset -10px -12px 0 #edaa37,0 11px 0 #9b5127,0 18px 22px #6b321f42;transform:perspective(500px) rotateX(2deg) rotateY(-2deg)}.number-card span{color:#f06c4d;font-size:clamp(112px,22vw,178px);font-weight:1000;line-height:.8;-webkit-text-stroke:5px var(--brown);paint-order:stroke fill;text-shadow:0 5px 0 #fff7b9,0 10px 0 #c34e38,0 15px 16px #71341f55}.paw-choices{display:grid;width:min(650px,100%);grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,24px);margin-top:25px}.paw-choice{position:relative;display:flex;min-width:0;min-height:104px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px 12px;border:5px solid var(--brown)!important;border-radius:26px!important;color:#fff5d4;box-shadow:inset 0 5px #ffffff66,inset 0 -10px #0002,0 8px 0 #783c23,0 14px 16px #74391e42!important;transition:transform .14s,filter .14s}.paw-choice-coral{background:#f47968}.paw-choice-sunny{background:#f5b83f}.paw-choice-mint{background:#69c7a8}.paw-choice:hover:not(:disabled){transform:translateY(-5px) scale(1.025);filter:brightness(1.04)}.paw-choice:active:not(:disabled){transform:translateY(6px) scale(.97);box-shadow:inset 0 4px #ffffff55,inset 0 -5px #0002,0 2px 0 #783c23!important}.paw-icons{display:flex;min-height:46px;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;max-width:145px}.paw-icons svg{width:clamp(27px,5vw,39px);height:clamp(27px,5vw,39px);fill:currentColor;filter:drop-shadow(0 3px 0 #7c3d274d);rotate:-8deg}.paw-icons svg:nth-child(2n){rotate:8deg}.paw-choice-label{position:absolute;right:8px;bottom:6px;display:grid;width:29px;height:29px;place-items:center;border:3px solid var(--brown);border-radius:50%;color:var(--brown);background:#fff6c9;font-size:17px;box-shadow:0 2px 0 #71391f}.paw-choice.is-wrong{animation:paw-shake .55s}.paw-choice.is-correct{animation:paw-bounce .65s cubic-bezier(.2,1.5,.4,1);filter:brightness(1.08);box-shadow:inset 0 5px #ffffff66,inset 0 -10px #0002,0 8px 0 #783c23,0 0 0 8px #fff,0 0 0 14px #5bb768!important}.paw-feedback{min-height:24px;margin:14px 0 0;color:#814321;font-size:17px;text-align:center}.paw-celebration{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:#6634198a;backdrop-filter:blur(5px)}.paw-success-card{width:min(450px,94vw);padding:26px 28px 32px;text-align:center;border:7px solid var(--brown);border-radius:38px;background:linear-gradient(#fff8c7,#ffd976);box-shadow:inset 0 5px #fff,0 12px 0 #9a4e29,0 24px 50px #48200f66;animation:paw-card-in .55s cubic-bezier(.2,1.5,.4,1)}.paw-success-icon{display:grid;width:92px;height:92px;margin:-70px auto 8px;place-items:center;border:6px solid var(--brown);border-radius:30px;color:#fff2bc;background:#ef7657;box-shadow:inset 0 6px #ffae86,inset 0 -8px #c64f37,0 7px 0 #853c26;rotate:-6deg}.paw-success-icon svg{width:54px;height:54px;fill:currentColor}.paw-success-card p{margin:8px 0 0;color:#90512b;font-size:18px}.paw-success-card h2{margin:0;color:#ef654c;font-size:clamp(44px,10vw,66px);letter-spacing:-.07em;-webkit-text-stroke:3px var(--brown);paint-order:stroke fill;text-shadow:0 5px #fff3a9,0 9px #bc4936}.paw-success-stars{display:flex;justify-content:center;gap:6px;margin:18px 0;color:#b86c25}.paw-success-stars svg{width:45px;height:45px;fill:#ffd331;filter:drop-shadow(0 4px 0 #ad631f)}.paw-success-card button{display:flex;width:100%;min-height:66px;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:5px solid var(--brown);border-radius:22px;color:#fff;background:#67bd72;box-shadow:inset 0 4px #a2dda9,inset 0 -7px #3b9550,0 7px 0 #2c6a3b;font-size:25px}.paw-success-card button:active{translate:0 5px;box-shadow:inset 0 3px #a2dda9,inset 0 -4px #3b9550,0 2px 0 #2c6a3b}@keyframes paw-shake{20%{transform:translateX(-10px) rotate(-4deg)}45%{transform:translateX(9px) rotate(4deg)}70%{transform:translateX(-5px)}90%{transform:translateX(3px)}}@keyframes paw-bounce{45%{transform:translateY(-18px) scale(1.08)}75%{transform:translateY(3px) scale(.97)}}@keyframes paw-card-in{0%{opacity:0;transform:scale(.5) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes paw-star-pop{0%{transform:scale(.3) rotate(-50deg)}to{transform:none}}@keyframes paw-current-pulse{50%{transform:scale(1.18) rotate(8deg)}}@keyframes paw-cherry-sprite-in{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes paw-cherry-idle{0%,to{transform:translateY(0) rotate(-.5deg) scale(1)}50%{transform:translateY(-5px) rotate(.7deg) scale(1.012,.99)}}@keyframes paw-cherry-correct{0%{transform:translateY(0) rotate(0) scale(1)}16%{transform:translateY(13px) rotate(-5deg) scale(1.13,.86)}42%{transform:translateY(-58px) rotate(8deg) scale(.91,1.13)}60%{transform:translateY(-45px) rotate(-5deg) scale(1.04,.98)}76%{transform:translateY(5px) rotate(4deg) scale(1.12,.9)}90%{transform:translateY(-14px) rotate(-2deg) scale(.98,1.05)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes paw-cherry-wrong{0%{transform:translate(0) rotate(0) scale(1)}16%{transform:translate(-9px,2px) rotate(-5deg) scale(.98,1.02)}32%{transform:translate(8px,5px) rotate(4deg) scale(.98,.99)}48%{transform:translate(-5px,8px) rotate(-3deg) scale(.99,.96)}66%{transform:translate(3px,12px) rotate(2deg) scale(1.02,.92)}82%{transform:translateY(15px) rotate(-2deg) scale(1.03,.9)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes paw-cherry-sparkle{0%{opacity:0;transform:scale(.2) rotate(-40deg)}28%{opacity:1;transform:scale(1.3) rotate(9deg)}70%{opacity:.95;transform:translateY(-15px) scale(.94) rotate(25deg)}to{opacity:0;transform:translateY(-38px) scale(.6) rotate(48deg)}}@keyframes paw-cherry-burst-ring{0%{opacity:0;transform:translate(-50%,18px) scale(.2)}35%{opacity:.95;transform:translate(-50%) scale(.72)}to{opacity:0;transform:translate(-50%,-24px) scale(1.85)}}@keyframes paw-cherry-bubbles{0%{opacity:0;transform:translateY(8px) scale(.45)}32%{opacity:.9;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-31px) scale(.72)}}@keyframes paw-success-cherry-dance{to{transform:translateY(-13px) rotate(5deg) scale(1.025)}}@media(max-width:600px){.paw-game-shell{padding:67px 8px 17px}.paw-title-bar{grid-template-columns:48px 1fr 48px;gap:8px;padding:8px;border-width:4px}.paw-logo,.paw-title-bar>button{width:46px;height:46px;border-width:3px}.paw-logo svg{width:29px}.paw-title-bar>button svg{width:24px}.paw-title-bar p{font-size:10px}.paw-title-bar h1{font-size:clamp(20px,6vw,27px)}.paw-progress{margin:14px 0 6px}.paw-board{justify-content:flex-start;padding:15px 10px 14px;border-width:5px;border-radius:30px}.paw-board:after,.paw-board:before{display:none}.paw-prompt{margin-bottom:8px}.number-card{width:clamp(134px,38vw,165px);border-width:6px}.number-card span{font-size:clamp(98px,30vw,124px)}.paw-choices{gap:8px;margin-top:20px}.paw-choice{min-height:112px;padding:10px 3px;border-width:4px!important}.paw-icons{max-width:90px;gap:0}.paw-icons svg{width:29px;height:29px}.paw-feedback{margin-top:10px}.paw-guide-cherry{left:-34px;bottom:-13px;width:170px;height:170px;filter:drop-shadow(0 8px 5px #6d3a2533)}.paw-guide-cherry.is-correct:before{top:14px;left:20px;font-size:25px;text-shadow:48px -8px 0 #fff,98px 18px 0 #ffd54d,116px 55px 0 #ff8caf}.paw-guide-cherry.is-correct:after{top:51px;left:50%;width:58px;height:58px;border-width:5px;box-shadow:0 0 0 5px #ff9dc566,0 0 16px #fff7a9}.paw-guide-cherry.is-wrong:before{top:22px;left:25px;font-size:17px}.paw-guide-cherry.is-wrong:after{top:45px;right:21px;font-size:25px}}@media(max-height:760px) and (min-width:601px){.paw-game-shell{padding-top:67px}.paw-title-bar{grid-template-columns:50px 1fr 50px}.paw-logo,.paw-title-bar>button{width:48px;height:48px}.paw-progress{margin:12px 0 6px}.paw-board{padding:12px 20px}.number-card{width:145px}.number-card span{font-size:112px}.paw-choices{margin-top:18px}.paw-choice{min-height:86px}.paw-feedback{margin:8px 0 0}}@media(prefers-reduced-motion:reduce){.paw-choice.is-correct,.paw-choice.is-wrong,.paw-guide-cherry,.paw-guide-cherry:after,.paw-guide-cherry:before,.paw-progress svg.is-current,.paw-progress svg.is-filled,.paw-success-card,.paw-success-cherry{animation-duration:.01ms;animation-iteration-count:1}}