:root{--ink:#26314f;--sage:#94b89a;--gold:#edb85f;--sky:#dff3ff}.ss-intro{background:linear-gradient(#d9f1ff 0 58%,#cce8ac 58%);padding:16px}.ss-panel{max-width:720px;margin:auto;text-align:center}.ss-mark{font-size:56px}.ss-adult{margin:18px auto 12px;padding:16px;border:2px solid #d7dfb6;border-radius:20px;background:#fbfcef;text-align:left}.ss-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.ss-mode{min-height:66px;border:2px solid #d6d8ce;border-radius:16px;background:#fff;font-weight:850;color:var(--ink);font-size:15px;box-shadow:0 6px 0 #c5c8bc}.ss-mode[aria-pressed=true]{background:#ecf7ee;border-color:#668f70;box-shadow:0 6px 0 #8eb297}.ss-boundary{max-width:620px;margin:14px auto 4px}.ss-play{background:linear-gradient(#dff3ff 0 70%,#cae6a8 70%);padding:12px;align-content:start}.ss-prompt{max-width:940px;margin:0 auto 10px;padding:12px 18px;border-radius:18px;background:#fff;box-shadow:0 5px 0 #d5d7d2;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:20px}.ss-world{max-width:940px;margin:auto;padding:14px;border:4px solid #fff;border-radius:24px;background:linear-gradient(160deg,#fff9df,#e9f7ff);box-shadow:0 6px 0 #b8cbd2}.ss-title{text-align:center;font-size:24px;font-weight:900;color:var(--ink)}.ss-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:118px;margin-top:12px}.ss-slot{border:3px dashed #a9b9ba;border-radius:18px;background:#ffffffaa;display:flex;align-items:center;justify-content:center;min-height:108px;font-weight:900;color:#667}.ss-slot.filled{border-style:solid;border-color:#6c9877;background:#eff9ee;animation:stepIn .35s ease}.ss-step-card{display:flex;flex-direction:column;align-items:center;gap:3px}.ss-step-card .emoji{font-size:42px}.ss-step-card small{font-weight:900;text-align:center}.ss-effect{display:none;text-align:center;font-size:24px;font-weight:900;padding:20px}.ss-effect.show{display:block;animation:pop .35s ease}.ss-choices{max-width:940px;margin:12px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ss-choice{min-height:110px;border:3px solid #91aaa5;border-radius:18px;background:#fff;color:var(--ink);font-weight:900;font-size:16px;box-shadow:0 7px 0 #879c99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.ss-choice .emoji{font-size:44px}.ss-choice.retry{outline:5px solid #efb958}.ss-choice.correct{background:#edf8ed;border-color:#63906c}.ss-rail{display:flex;justify-content:center;gap:12px;margin:14px auto}.ss-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #c7d2cf;font-weight:900}.ss-dot.done{background:#f7cd73}.ss-dot.now{outline:4px solid #fff}@keyframes stepIn{from{transform:translateY(-12px);opacity:.2}}@media(max-width:620px){.ss-intro{padding:10px}.ss-mark{font-size:42px}.ss-panel h1{font-size:34px}.ss-adult{padding:12px;margin:10px auto}.ss-modes{grid-template-columns:1fr}.ss-mode{min-height:52px}.ss-prompt{font-size:16px;padding:9px}.ss-world{padding:8px}.ss-title{font-size:20px}.ss-timeline{gap:5px;min-height:86px}.ss-slot{min-height:82px;border-width:2px}.ss-step-card .emoji,.ss-choice .emoji{font-size:32px}.ss-step-card small{font-size:10px}.ss-choices{gap:7px}.ss-choice{min-height:88px;font-size:12px;padding:5px}.ss-dot{width:29px;height:29px}}@media(max-width:370px){.ss-play{padding:7px}.ss-prompt{margin-bottom:6px}.ss-choices{margin-top:8px}.ss-choice{min-height:78px}.ss-rail{margin:10px auto}}@media(prefers-reduced-motion:reduce){.ss-slot.filled,.ss-effect.show{animation:none}}