.count-game-page{background:#cfeeff}
.count-app{background:#eef9ff}
.count-title-wrap{text-align:center;line-height:1}
.count-subtitle{font-size:.78rem;font-weight:1000;color:#d9efff;margin-top:4px;text-transform:uppercase;letter-spacing:.07em}
.count-score{min-width:58px;height:46px;padding:0 10px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:5px;font-size:1rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.count-score strong{font-size:1.15rem}
.count-hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #dceaf7;box-shadow:0 8px 20px rgba(14,80,149,.09);position:relative;z-index:4}
.count-round{padding:9px 10px;border-radius:15px;background:#eaf5ff;color:#0a62bb;font-size:.72rem;font-weight:1000;white-space:nowrap}
.count-question{text-align:center;font-size:.85rem;font-weight:1000;color:#164d85;letter-spacing:.035em}
.count-reset{width:44px;height:44px;border:0;border-radius:15px;background:#eef6ff;color:#0a6dd6;font-size:1.4rem;font-weight:1000;box-shadow:inset 0 0 0 2px #d6e9fb}
.count-world{position:relative;min-height:690px;padding:170px 14px 145px;overflow:hidden;background:linear-gradient(#68c9ff 0 24%,#7fd673 24% 31%,#66717b 31% 100%)}
.count-sky{position:absolute;inset:0 0 auto;height:26%;pointer-events:none}
.count-cloud{position:absolute;width:88px;height:29px;border-radius:999px;background:#fff;opacity:.92;filter:drop-shadow(0 3px 3px rgba(49,112,163,.12))}
.count-cloud:before,.count-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}
.count-cloud:before{width:38px;height:38px;left:13px;top:-18px}.count-cloud:after{width:50px;height:50px;right:8px;top:-25px}
.count-cloud.cloud-one{left:5%;top:33px}.count-cloud.cloud-two{right:7%;top:72px;transform:scale(.8)}
.count-sun{position:absolute;right:18%;top:24px;width:52px;height:52px;border-radius:50%;background:#ffd63e;box-shadow:0 0 0 10px rgba(255,220,82,.18)}
.count-garage{position:absolute;left:50%;top:48px;width:min(80%,520px);height:104px;transform:translateX(-50%);background:#f1b548;border:6px solid #d77633;border-radius:18px 18px 8px 8px;z-index:2;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.count-garage-roof{position:absolute;left:-8%;right:-8%;top:-29px;height:34px;background:#e74839;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 5px 0 #a9302a)}
.count-garage-sign{position:absolute;left:50%;top:17px;transform:translateX(-50%);white-space:nowrap;padding:8px 15px;border-radius:999px;background:#174d87;color:#fff;font-size:.78rem;font-weight:1000;letter-spacing:.07em;border:3px solid #e8f5ff}
.count-yard{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-content:center;min-height:345px;max-width:620px;margin:0 auto;padding:16px;border:5px solid rgba(255,255,255,.85);border-radius:28px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 19%,rgba(255,255,255,.12) 19% 20%);box-shadow:0 16px 32px rgba(0,0,0,.18)}
.count-car{display:grid;place-items:center;min-width:0;animation:countPop .28s ease}
.count-car svg{width:100%;max-width:100px;height:auto;filter:drop-shadow(0 7px 5px rgba(0,0,0,.25))}
.count-car:nth-child(2n){transform:translateY(7px) rotate(1deg)}.count-car:nth-child(3n){transform:translateY(-5px) rotate(-1deg)}
.count-answers{position:absolute;left:14px;right:14px;bottom:35px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:590px;margin:auto}
.count-answer{border:0;border-radius:24px;padding:17px 8px;background:linear-gradient(#fff,#eef6ff);color:#0b326d;font-size:clamp(2rem,8vw,3.4rem);font-weight:1000;box-shadow:0 7px 0 #b8c9d9,0 12px 24px rgba(0,0,0,.17);transition:transform .15s ease,background .15s ease,color .15s ease;min-height:84px}
.count-answer:active{transform:translateY(3px)}
.count-answer.is-wrong{animation:countShake .34s ease;background:#ffe8ea;color:#d62d3a;box-shadow:0 7px 0 #e6a7ac}
.count-answer.is-correct{background:linear-gradient(#5fe28f,#2dc768);color:#fff;box-shadow:0 7px 0 #189749}
.count-answer.is-disabled{pointer-events:none}
.count-feedback{position:absolute;left:50%;bottom:132px;z-index:8;transform:translateX(-50%) translateY(12px);opacity:0;min-width:185px;padding:10px 18px;border-radius:999px;background:#fff;text-align:center;font-weight:1000;box-shadow:0 9px 24px rgba(0,0,0,.2);transition:.2s ease;pointer-events:none}
.count-feedback.show{opacity:1;transform:translateX(-50%) translateY(0)}.count-feedback.good{color:#118949}.count-feedback.bad{color:#d82d3b}
.count-finish{position:absolute;inset:0;z-index:20;background:rgba(5,35,72,.72);display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}
.count-finish-card{width:min(100%,390px);padding:28px 20px;border-radius:30px;background:#fff;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.32)}
.count-finish-card h2{font-size:2rem;margin:5px 0;color:#0b326d}.count-finish-card p{margin:0;color:#6d7d97;font-weight:800}.count-finish-stars{font-size:1.8rem;margin:16px 0}.count-finish-card button{border:0;border-radius:18px;background:linear-gradient(#35c96b,#1cab52);color:#fff;padding:14px 20px;font-weight:1000;box-shadow:0 6px 0 #107d39}
@keyframes countPop{0%{opacity:0}100%{opacity:1}}
@keyframes countShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
@media(max-width:430px){.count-world{padding-left:9px;padding-right:9px;min-height:640px}.count-yard{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:11px;min-height:330px}.count-answers{left:9px;right:9px;gap:7px}.count-answer{min-height:74px;border-radius:19px}.count-hud{gap:6px;padding-left:8px;padding-right:8px}.count-round{padding:8px 7px}.count-question{font-size:.74rem}.count-reset{width:40px;height:40px}}
@media(min-width:650px){.count-world{min-height:760px}.count-yard{min-height:395px}.count-answer{min-height:96px}}
@media(prefers-reduced-motion:reduce){.count-car,.count-answer,.count-feedback{animation:none!important;transition:none!important}}