.pop-play-game{max-width:760px;margin:28px auto;padding:clamp(20px,5vw,42px);border-radius:30px;background:linear-gradient(145deg,#edf9ff,#fff8dc);box-shadow:0 18px 55px rgba(43,74,91,.14);font-family:ui-rounded,"Nunito",system-ui,sans-serif;color:#30455b}.pop-play-game header{text-align:center}.pop-play-game header small{font-weight:900;letter-spacing:.08em}.pop-play-game h2{font-size:clamp(1.8rem,5vw,3rem);margin:.4rem 0 1rem}.pop-play-progress{height:12px;border-radius:999px;background:#fff;overflow:hidden}.pop-play-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#76d6aa,#ffd46b);transition:width .3s}.pop-play-round{display:none;text-align:center;padding:28px 0}.pop-play-round.active{display:block}.pop-play-round>b{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff}.pop-play-round h3{font-size:clamp(1.35rem,4vw,2.2rem)}.pop-play-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.pop-play-choices button,.pop-play-finish button{min-height:78px;border:3px solid transparent;border-radius:20px;background:#fff;font:inherit;font-size:1.12rem;font-weight:900;color:#30455b;cursor:pointer;box-shadow:0 8px 20px rgba(43,74,91,.1)}.is-visual .pop-play-choices button{font-size:2.2rem}.pop-play-choices button:hover,.pop-play-choices button:focus{border-color:#ffd46b;transform:translateY(-2px)}.pop-play-choices button.correct{background:#dff8e9;border-color:#50b987}.pop-play-choices button.wrong{background:#ffe8e3;border-color:#ef8a74}.pop-play-feedback{min-height:28px;font-weight:900}.pop-play-finish{text-align:center;padding:34px}.pop-play-finish>strong{font-size:5rem}.pop-play-finish button{padding:14px 24px;background:#ffd46b}@media(max-width:600px){.pop-play-choices{grid-template-columns:1fr}.pop-play-game{border-radius:20px}.pop-play-choices button{min-height:68px}}
