.cw-root{--blue:#408fc0;--ink:#29485b;--green:#76b886;--red:#d96b61}
.cw-root *{box-sizing:border-box}.cw-root{background:transparent;margin:0;color:var(--ink);font-family:Roboto,Arial,sans-serif}
.cw-page{max-width:960px;margin:auto;padding:28px 18px 60px}.cw-brand{color:white;font:400 25px 'Fredoka One',Arial,sans-serif;margin-bottom:20px}
.cw-root h1{color:#fff;font:400 42px/1.05 'Fredoka One',Arial,sans-serif;text-align:center;margin:0 0 8px}.cw-intro{color:#fff;font-size:18px;font-weight:700;text-align:center;margin:0 0 28px}
.cw-game{background:#fff;border:2px solid #337599;border-radius:17px;padding:19px;box-shadow:7px 8px 0 #286d92}
.cw-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700}.cw-top button,.cw-next{border:2px solid #367ca5;border-radius:9px;background:#fff;color:#2b698d;padding:8px 12px;font-weight:700;cursor:pointer}
.cw-progress-track{height:10px;background:#e4eff5;border-radius:8px;margin:12px 0 18px;overflow:hidden}.cw-progress-bar{height:100%;background:var(--blue);width:0;transition:width .25s}
.cw-play{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.cw-scene{position:relative;min-height:410px;overflow:hidden;border:2px solid #84b4ce;border-radius:13px;background:#eff8fc;display:flex;flex-direction:column;align-items:center}
.cw-scene.cw-rain{background:linear-gradient(#bdd9ea,#e6f1f7)}.cw-scene.cw-cold{background:linear-gradient(#d2e6f2,#f4f9fb)}.cw-scene.cw-sun{background:linear-gradient(#f9df9c,#fdf6d9)}
.cw-scene:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-55px;height:125px;border-radius:50%;background:#c7dcb4}.cw-scene.cw-cold:after{background:#f7fafb}.cw-scene.cw-sun:after{background:#e5d69a}
.cw-weather-icon{position:absolute;right:20px;top:20px;width:95px;height:95px;z-index:1}
.cw-rainfall{display:none;position:absolute;inset:82px 0 0;width:100%;height:calc(100% - 82px);z-index:1;pointer-events:none}
.cw-scene.cw-rain .cw-rainfall{display:block}
.cw-snowfall{display:none;position:absolute;inset:82px 0 0;width:100%;height:calc(100% - 82px);z-index:1;pointer-events:none}
.cw-scene.cw-cold .cw-snowfall{display:block}.cw-snowfall .flakes{animation:cw-snowfall 5.5s linear infinite}
.cw-scene-detail{position:absolute;left:14px;bottom:38px;width:146px;height:146px;z-index:1}
.cw-prompt{background:#ffffffeb;border-bottom:2px solid #b3d0df;text-align:center;width:100%;padding:16px;z-index:2}.cw-prompt strong{font:400 26px 'Fredoka One',Arial,sans-serif;display:block}.cw-prompt span{font-size:14px}
.cw-person{width:210px;height:275px;margin-top:auto;margin-bottom:12px;z-index:1;filter:drop-shadow(4px 5px 0 #315e6b33)}
.cw-person.cw-happy{transform-origin:center bottom;animation:cw-happyHop 640ms cubic-bezier(.22,.72,.27,1)}
.cw-right{display:flex;flex-direction:column}.cw-question{font:400 25px 'Fredoka One',Arial,sans-serif;margin:4px 0 13px}.cw-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cw-choice{min-height:206px;background:white;border:2px solid #83b2cd;border-radius:13px;box-shadow:4px 5px 0 #c7dce7;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:transform .15s,border-color .15s}
.cw-choice:hover:not(:disabled),.cw-choice:focus-visible{transform:translateY(-4px);border-color:var(--blue);outline:none}.cw-choice svg{height:120px;width:125px}.cw-choice span{font:400 22px 'Fredoka One',Arial,sans-serif;color:#2a6281}
.cw-choice.cw-correct{background:#f4fbf5;border-color:var(--green);box-shadow:4px 5px 0 #b8dbc1}.cw-choice.cw-wrong{background:#fff0ee;border-color:var(--red);animation:cw-shake .32s}
.cw-choice:disabled{cursor:default}.cw-message{min-height:76px;padding:19px 2px 8px;font:400 20px 'Fredoka One',Arial,sans-serif;color:#34754e}.cw-message.cw-error{color:#a3514b}.cw-next{align-self:flex-end;background:var(--blue);color:white;font:400 20px 'Fredoka One',Arial,sans-serif;padding:10px 24px}.cw-next:disabled{opacity:.45;cursor:default}
.cw-note{font-size:13px;color:#e0eff7;margin-top:17px}@keyframes cw-shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes cw-snowfall{to{transform:translateY(100px)}}@keyframes cw-happyHop{0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-12px) rotate(-2deg)}67%{transform:translateY(-4px) rotate(2deg)}}
@media(max-width:700px){.cw-page{padding:15px 12px 50px}.cw-game{padding:11px;box-shadow:4px 5px 0 #286d92}.cw-play{display:flex;flex-direction:column}.cw-scene{min-height:315px}.cw-prompt{padding:10px}.cw-prompt strong{font-size:22px}.cw-person{height:205px;width:160px;margin-bottom:4px}.cw-weather-icon{width:65px;height:65px}.cw-rainfall,.cw-snowfall{inset:62px 0 0;height:calc(100% - 62px)}.cw-scene-detail{width:98px;height:98px;left:5px;bottom:26px}.cw-choice{min-height:145px}.cw-choice svg{height:78px;width:88px}.cw-choice span{font-size:19px}.cw-message{min-height:55px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.cw-root *{animation:none!important;transition:none!important}}

@media(max-width:700px){.cw-root h1{font-size:34px}.cw-intro{font-size:16px;margin-bottom:16px}}

@media(max-width:420px){
.cw-page{padding:12px 12px 35px}
.cw-root h1{font-size:30px;margin-bottom:5px}
.cw-intro{font-size:14px;margin-bottom:11px}
.cw-game{padding:9px}
.cw-top{font-size:13px}
.cw-top button{padding:5px 8px}
.cw-progress-track{margin:8px 0 10px}
.cw-play{gap:7px}
.cw-scene{min-height:235px}
.cw-prompt{padding:6px}
.cw-prompt strong{font-size:19px}
.cw-prompt span{font-size:12px}
.cw-person{height:150px;width:115px;margin-bottom:3px}
.cw-weather-icon{width:48px;height:48px;right:9px;top:9px}
.cw-scene-detail{width:72px;height:72px;bottom:16px}
.cw-question{font-size:20px;margin:2px 0 7px}
.cw-choices{gap:8px}
.cw-choice{min-height:98px;gap:3px}
.cw-choice svg{height:58px;width:64px}
.cw-choice span{font-size:17px}
.cw-message{min-height:30px;padding:7px 2px 2px;font-size:17px}
.cw-next{font-size:18px;padding:7px 14px}
}