.cl-root{--ink:#29485b;--blue:#408fc0;--paper:#fffaf0;--wood:#9e7552;--red:#d96b61;--green:#67a77a} .cl-root *{box-sizing:border-box}.cl-root{margin:0;color:var(--ink);font-family:Roboto,Arial,sans-serif}.cl-page{max-width:980px;margin:auto;padding:18px 18px 48px}.cl-root h1{font:400 42px/1.08 'Fredoka One',Arial,sans-serif;text-align:center;color:#fff;margin:5px 0 8px}.cl-intro{color:#fff;text-align:center;font-weight:700;font-size:18px;margin:0 0 18px}.cl-game{position:relative;background:var(--paper);border:2px solid #315f7d;border-radius:14px;box-shadow:7px 8px 0 #245e82;padding:18px}.cl-game:before{content:"";position:absolute;inset:7px;border:1px dashed #d2b995;border-radius:9px;pointer-events:none}.cl-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;color:#42667c;padding:2px 3px 10px}.cl-top button{background:#fff;border:1.5px solid #779db2;border-radius:8px;padding:5px 10px;color:#315f7d;font-weight:700;cursor:pointer}.cl-top-actions{display:flex;gap:8px}.cl-story{position:relative;background:#dceef4;border:2px solid #80aab9;border-radius:12px;overflow:hidden}.cl-yard{display:block;width:100%;height:auto;aspect-ratio:900/255}.cl-story-note{position:absolute;right:18px;bottom:12px;background:#fff9e9;border:2px solid #c5a56c;border-radius:9px;box-shadow:2px 3px 0 #b8c9ce;padding:6px 10px;font:400 16px 'Fredoka One',Arial,sans-serif;color:#6b654c;transform:rotate(2deg);pointer-events:none}.cl-ticket{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;text-align:center;margin:15px auto 14px;padding:10px 22px;max-width:530px;min-height:72px;background:#fff;border:2px dashed #d4aa79;border-radius:10px;box-shadow:3px 4px 0 #eadac1;transform:rotate(-.4deg)}.cl-ticket:before,.cl-ticket:after{content:"";position:absolute;top:20px;width:12px;height:12px;background:#e5d1b4;border-radius:50%}.cl-ticket:before{left:12px}.cl-ticket:after{right:12px}.cl-ticket span{font-size:13px;font-weight:700;color:#638093;text-transform:uppercase;letter-spacing:.08em}.cl-ticket strong{display:block;font:400 29px/1.1 'Fredoka One',Arial,sans-serif;color:#315f7d;margin-top:3px}.cl-number{font:400 22px 'Fredoka One',Arial,sans-serif;color:#9b744d}.cl-choices{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0 3px}.cl-choice{--fabric:#f1e8d7;position:relative;min-height:177px;border:2px solid #9aaeb2;border-radius:5px 5px 13px 13px;background:repeating-linear-gradient(45deg,var(--fabric),var(--fabric) 17px,#ffffff55 18px,#ffffff55 20px);box-shadow:4px 5px 0 #c9d7d7;display:grid;place-items:center;padding:22px 12px 9px;cursor:pointer;transition:transform .18s,border-color .18s}.cl-choice:nth-child(2){--fabric:#e7f0ed}.cl-choice:nth-child(3){--fabric:#f5e9e4}.cl-choice:nth-child(4){--fabric:#e9edf4}.cl-choice:hover:not(:disabled),.cl-choice:focus-visible{transform:translateY(-5px) rotate(-1deg);outline:3px solid #b7ddeb;border-color:#468fb5}.cl-choice svg{height:126px;width:126px;max-width:100%;filter:drop-shadow(2px 3px 0 #315f7d22)}.cl-choice .cl-clip{position:absolute;top:-9px;left:50%;height:25px;width:17px;transform:translateX(-50%) rotate(4deg);border:2px solid #765941;border-radius:3px;background:linear-gradient(90deg,#ca9f6d 48%,#a77e55 50%);box-shadow:1px 2px 0 #8b6a4b55}.cl-choice.cl-correct{border-color:#5e9c70;box-shadow:4px 5px 0 #bbdbc0;background:#e9f5e8;animation:clothesline-right-lift .62s cubic-bezier(.2,.85,.3,1)}.cl-choice.cl-correct:after{content:"✓";position:absolute;right:8px;top:7px;border-radius:50%;background:#63a877;color:white;width:27px;height:27px;line-height:27px;font-size:19px;font-weight:700}.cl-choice.cl-wrong{border-color:#cf7669;background:#fbe9e5;animation:clothesline-wrong-shake .42s ease-out}.cl-choice:disabled{cursor:default}.cl-footer{position:relative;min-height:45px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:10px}.cl-feedback{font:400 19px 'Fredoka One',Arial,sans-serif;color:#397954}.cl-feedback.cl-error{color:#a6534a}.cl-finish{display:none;margin:8px auto 0;text-align:center}.cl-finish.cl-show{display:block}.cl-finish strong{font:400 25px 'Fredoka One',Arial,sans-serif;color:#336a81}.cl-finish p{margin:5px 0 12px}.cl-finish button{background:#408fc0;border:2px solid #315f7d;color:white;border-radius:8px;font:400 19px 'Fredoka One',Arial,sans-serif;padding:8px 16px;cursor:pointer}.cl-progress-dots{display:flex;gap:6px}.cl-dot{width:11px;height:11px;border-radius:50%;background:#d9e7e8;border:1px solid #7ba6b3}.cl-dot.cl-done{background:#76b886;border-color:#4b8861}@keyframes clothesline-wrong-shake{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-5px) rotate(-1.5deg)}42%{transform:translateX(5px) rotate(1.5deg)}65%{transform:translateX(-3px) rotate(-.7deg)}82%{transform:translateX(2px) rotate(.5deg)}}@keyframes clothesline-right-lift{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(-8px) scale(1.04)}70%{transform:translateY(2px) scale(.995)}}
@media(max-width:700px){.cl-page{padding:12px 11px 34px}.cl-root h1{font-size:31px}.cl-intro{font-size:15px;margin-bottom:12px}.cl-game{padding:9px;box-shadow:4px 5px 0 #245e82}.cl-game:before{inset:5px}.cl-top{font-size:13px;padding-bottom:6px}.cl-top button{padding:4px 7px}.cl-yard{height:160px;aspect-ratio:auto}.cl-story-note{font-size:11px;right:5px;bottom:5px;padding:4px 5px}.cl-ticket{min-height:55px;margin:9px auto 10px;padding:6px 15px}.cl-ticket strong{font-size:22px}.cl-ticket span{font-size:10px}.cl-number{font-size:17px}.cl-choices{grid-template-columns:repeat(2,1fr);gap:10px}.cl-choice{min-height:128px;padding:14px 7px 5px}.cl-choice svg{height:100px;width:100px}.cl-choice .cl-clip{height:18px;width:13px;top:-7px}.cl-footer{min-height:35px;padding-top:6px}.cl-feedback{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cl-root *, .cl-root *:before, .cl-root *:after{animation:none!important;transition:none!important}}

.cl-root .cl-game button:focus-visible{outline:3px solid #315f7d;outline-offset:3px}

.cl-ticket .cl-listen{border:2px solid #80aab9;border-radius:50%;background:#e5f2fa;color:#315f7d;width:38px;height:38px;flex:none;font-size:15px;cursor:pointer}.cl-ticket .cl-listen:disabled{opacity:.5;cursor:default}