:root{--wf-ink:#20304d;--wf-green:#4f9270;--wf-orange:#dc7653}body{background:#ddf1ec}.stage{background:linear-gradient(#e4f6f2 0 63%,#efcc93 63%);color:var(--wf-ink)}.wf-intro,.wf-play{display:flex;align-items:center;justify-content:center;padding:14px}.wf-panel{width:min(680px,97%);max-height:calc(100dvh - 84px);overflow:auto;padding:clamp(22px,4vw,38px);border:3px solid #fff;border-radius:28px;background:rgba(255,253,248,.97);box-shadow:0 18px 50px rgba(38,75,65,.17);text-align:center}.wf-mark{font-size:clamp(3rem,9vw,5rem)}.wf-panel h1{margin:5px 0;font-size:clamp(2rem,7vw,3.3rem)}.wf-modes{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}.wf-modes button{min-height:120px;padding:12px;border:3px solid #ccd9d1;border-radius:18px;background:#fff;color:var(--wf-ink)}.wf-modes button[aria-pressed=true]{border-color:#4f9270;background:#eff9f3;box-shadow:0 0 0 4px rgba(79,146,112,.15)}.wf-modes span,.wf-modes b,.wf-modes small{display:block}.wf-modes span{font-size:2.3rem}.wf-modes b{margin:4px}.wf-modes small{color:#5f6d72;line-height:1.35}.wf-grown{margin-top:10px;text-align:left}.wf-grown summary{display:flex;min-height:44px;align-items:center;justify-content:center;font-weight:850}.wf-grown p{line-height:1.5}.wf-grown a{display:inline-flex;min-height:44px;align-items:center;color:#27634f;font-weight:800}
.wf-play{flex-direction:column;justify-content:flex-start;gap:12px}.wf-rail{display:flex;gap:8px}.wf-rail span{display:grid;width:44px;height:44px;place-items:center;border:2px solid rgba(32,48,77,.15);border-radius:14px;background:rgba(255,255,255,.68);filter:grayscale(1)}.wf-rail span.done{background:#fff0a4;filter:none}.wf-rail span.now{outline:4px solid rgba(79,146,112,.22);filter:none}.wf-prompt{display:grid;width:min(760px,100%);min-height:90px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;border:2px solid #cbdcd6;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(41,76,67,.12)}.wf-prompt>span{font-size:3.2rem}.wf-prompt small{color:#537067;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.wf-prompt h2{margin:3px 0;font-size:clamp(1.1rem,3.5vw,1.55rem)}.wf-prompt button{width:52px;height:52px;border:0;border-radius:50%;background:#447fa5;color:#fff;font-size:1.2rem}.wf-choices{display:grid;width:min(760px,100%);grid-template-columns:repeat(3,1fr);gap:12px}.wf-choice{min-height:170px;padding:12px;border:4px solid #fff;border-radius:23px;background:#fff;color:var(--wf-ink);box-shadow:0 9px 0 #a9b7b4,0 15px 26px rgba(44,69,64,.12);font-weight:900;font-size:1.1rem}.wf-choice span,.wf-choice b{display:block}.wf-choice span{font-size:clamp(3.8rem,11vw,6rem)}.wf-choice.retry{border-color:#d9836c;animation:wf-wiggle .4s}.wf-choice.correct{border-color:#64a77f;background:#eefaf2}.wf-effect{display:none;width:min(640px,100%);padding:14px;border:2px solid #e4bd69;border-radius:18px;background:#fff4bf;text-align:center;font-size:1.15rem;font-weight:900}.wf-effect.show{display:block}.wf-effect span{font-size:2.2rem}.wf-feedback{min-height:26px;margin:0;font-weight:850;text-align:center}@keyframes wf-wiggle{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
@media(max-width:600px){.wf-modes{grid-template-columns:1fr}.wf-play{padding:8px;gap:8px}.wf-prompt{min-height:72px;grid-template-columns:auto 1fr 48px}.wf-prompt>span{font-size:2.4rem}.wf-choices{gap:8px}.wf-choice{min-height:135px;padding:7px;border-radius:18px}.wf-choice span{font-size:3.3rem}.wf-choice b{font-size:.9rem}}@media(max-width:400px){.wf-choices{grid-template-columns:1fr}.wf-choice{display:flex;min-height:66px;align-items:center;gap:12px}.wf-choice span{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){.wf-choice.retry{animation:none}}