.countingPage{color:#35334a;background:radial-gradient(circle at 10% 10%,#ffe68b 0 7%,#0000 22%),radial-gradient(circle at 90% 12%,#b9f1e2 0 8%,#0000 24%),linear-gradient(145deg,#fffaf0,#eff9ff 56%,#fff0f6);min-height:100dvh;padding:clamp(10px,2vw,22px)}.countingShell{flex-direction:column;width:min(1100px,100%);min-height:calc(100dvh - clamp(20px,4vw,44px));margin:0 auto;display:flex}.countingHeader{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:14px;display:grid}.countingHeader>div:nth-child(2){text-align:center}.countingHeader span{color:#77728b;letter-spacing:.08em;font-size:.84rem;font-weight:900}.countingHeader h1{color:#6852b5;margin:3px 0 0;font-size:clamp(1.65rem,4vw,2.6rem)}.countingBack{color:#625e78;font-weight:900;text-decoration:none}.countingRoundMark{color:#ee6b98;letter-spacing:4px;justify-self:end;font-size:1.3rem}.countingGame{flex:1;grid-template-columns:minmax(0,1fr) 310px;gap:16px;min-height:0;display:grid}.countingBoard,.countingAnswer{background:#ffffffe6;border:3px solid #7467af33;border-radius:30px;box-shadow:0 18px 50px #433e5b21}.countingBoard{flex-direction:column;min-height:0;padding:18px;display:flex;overflow:hidden}.countingPrompt{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.countingPrompt span{color:#886fd1;letter-spacing:.1em;font-size:.8rem;font-weight:1000}.countingPrompt strong{font-size:1.15rem}.countingSvg{width:100%;height:100%;min-height:330px;overflow:visible}.countingAnswer{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.countingHint,.countingCelebrate{font-size:3.4rem;line-height:1}.countingAnswer h2{color:#5e4ca3;margin:13px 0 7px;font-size:1.45rem}.countingAnswer p{color:#6c687b;margin:0 0 19px;font-weight:700;line-height:1.55}.countingAnswer form{width:100%}.countingAnswer label{margin-bottom:7px;font-weight:900;display:block}.countingInputRow{justify-content:center;align-items:center;gap:9px;display:flex}.countingInputRow input{color:#463879;text-align:center;background:#fff;border:4px solid #b9a9ed;border-radius:20px;outline:0;width:120px;height:76px;font-size:2.3rem;font-weight:1000}.countingInputRow input:focus{border-color:#6f58c4;box-shadow:0 0 0 5px #6f58c424}.countingInputRow span{font-size:1.15rem;font-weight:900}.countingAnswer button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8069d4,#5944ac);border:0;border-radius:17px;width:100%;min-height:52px;margin-top:17px;font-size:1.05rem;font-weight:1000;box-shadow:0 7px #403183}.countingAnswer button:active{transform:translateY(4px);box-shadow:0 3px #403183}.countingFeedback{color:#c64c58;min-height:44px;margin-top:14px;font-weight:900;line-height:1.4}.countingAnswer.correct{background:#fffdf4;border-color:#f4c84e}.countingCelebrate{animation:.65s cubic-bezier(.2,1.6,.4,1) countingPop}.countingAnswer.correct strong{color:#d55368;font-size:1.3em}.countingAnswer .countingNext{background:linear-gradient(135deg,#20b486,#087d5d);margin-bottom:19px;box-shadow:0 7px #076149}.countingAnswer a{color:#655b80;font-weight:900}@keyframes countingPop{0%{opacity:0;transform:scale(.55)rotate(-15deg)}65%{transform:scale(1.35)rotate(8deg)}to{opacity:1;transform:none}}button:focus-visible,.countingBack:focus-visible,.countingAnswer a:focus-visible{outline-offset:3px;outline:4px solid #4694c852}@media (width>=760px) and (height>=600px){.countingPage{height:100dvh;overflow:hidden}}@media (width<=759px){.countingHeader{grid-template-columns:1fr auto;margin-bottom:8px}.countingHeader>div:nth-child(2){grid-area:1/1/auto/-1}.countingBack,.countingRoundMark{grid-row:2}.countingGame{grid-template-columns:1fr}.countingBoard{min-height:380px}.countingAnswer{min-height:340px}}@media (width<=480px){.countingPage{padding:7px}.countingHeader h1{font-size:1.55rem}.countingHeader span{font-size:.72rem}.countingBoard{border-radius:22px;min-height:310px;padding:10px}.countingPrompt{flex-direction:column;align-items:flex-start;gap:2px}.countingSvg{min-height:245px}.countingAnswer{border-radius:22px;min-height:300px;padding:18px}.countingHint,.countingCelebrate{font-size:2.7rem}.countingAnswer h2{font-size:1.25rem}.countingInputRow input{width:105px;height:66px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}