@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#233f39;background:#f8f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #287e68;outline-offset:5px}header{max-width:1200px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#233f39;text-decoration:none;font-family:'Fredoka',sans-serif;font-weight:500;font-size:27px}.brand-light{font-weight:400}.rainbow{font-size:34px}.header-note{font-size:13px;color:#7a837c}.icon-button,.back{border:1px solid #dedfd6;border-radius:30px;background:transparent;padding:10px 17px;color:#4d6259;font-size:13px}main{max-width:1080px;margin:40px auto 0;padding:0 32px;min-height:70vh}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#6b8675}h1,h2,h3{font-family:'Fredoka',sans-serif;font-weight:500}h1{font-size:clamp(38px,5vw,58px);letter-spacing:-1.5px;line-height:1.1;margin:15px 0}h2{font-size:34px;margin:16px 0}p{line-height:1.7;color:#77827a}.hero{text-align:center;position:relative;padding:5px 0 28px}.hero p{font-size:16px;margin:15px 0}.spark{position:absolute;color:#d7a34b;font-size:45px;left:12%;top:35px}.spark.right{left:auto;right:13%;top:60px;font-size:25px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:15px 0 18px;font-size:13px}.section-label span{font-size:12px;color:#7b847a}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.level{position:relative;text-align:left;border:1px solid #e5e5db;border-radius:20px;background:#fffdfa;padding:22px 24px;min-height:143px;color:#647267;display:flex;align-items:center;gap:18px}.level.available{background:#e8f1df;border:2px solid #729769;box-shadow:0 5px 0 #d9e4cf;color:#274c36;transition:transform .2s}.level.available:hover{transform:translateY(-3px)}.orb{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:26px;background:var(--tint);color:var(--ink)}.level small{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.level h3{font-size:23px;margin:5px 0}.level p{margin:0;font-size:11px}.lock{position:absolute;right:17px;top:17px;color:#a3a99e;font-size:12px}.arrow{margin-left:auto;font-size:24px}.tag{position:absolute;top:-11px;right:17px;background:#487b49;color:white;border-radius:20px;padding:5px 10px;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.tip{display:flex;justify-content:center;align-items:center;gap:13px;font-size:13px;margin:29px auto;color:#788174}.tip b{color:#4e6354;font-weight:500}footer{text-align:center;font-size:11px;color:#8c958b;padding:32px 20px}footer span{margin:0 13px;color:#c8b579}.practice-top{display:flex;justify-content:space-between;align-items:center}.pill{background:#e7efdf;border-radius:20px;padding:9px 15px;font-size:12px;color:#55734c}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:780px;margin:20px auto}.mode{border:1px solid #dce2d4;background:#fffefa;border-radius:25px;padding:35px;text-align:left;color:#233f39}.mode:hover{border-color:#719269}.mode .emoji{font-size:42px}.mode p{font-size:14px}.primary{display:inline-block;border:0;background:#345f49;color:#fff;border-radius:14px;padding:16px 26px;font-weight:600}.secondary{border:1px solid #dbe0d5;background:#fffdf8;border-radius:14px;padding:15px 24px;color:#4b6756}.word-list{text-align:center;max-width:720px;margin:35px auto;color:#7d877d;font-size:13px;line-height:2}.word-list summary{cursor:pointer;color:#4c6956}.session{max-width:720px;margin:auto}.progress-line{display:flex;justify-content:space-between;font-size:12px;color:#7b877b;margin:30px 0 12px}.track{height:7px;background:#e7e9de;border-radius:9px;overflow:hidden}.track div{background:#88a66a;height:100%;transition:width .3s}.exercise{text-align:center;background:#fffefa;border:1px solid #e5e6db;border-radius:28px;padding:35px 25px;margin:26px 0 18px;min-height:330px}.instruction{font-size:14px;color:#71806f}.word{font-family:'Fredoka',sans-serif;font-size:clamp(64px,12vw,100px);font-weight:500;margin:27px 0;color:#345b41;letter-spacing:2px}.hear{border:0;background:#edf2e4;color:#45623e;border-radius:30px;padding:12px 22px;font-size:14px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.answer{width:100%;max-width:380px;margin:25px 0 16px;text-align:center;letter-spacing:7px;font-family:'Fredoka',sans-serif;font-size:38px;padding:14px;border:2px solid #bccdaf;border-radius:15px;background:#fbfcf6;color:#345b41}.tiles{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:0 0 12px}.tile{font-family:'Fredoka',sans-serif;font-size:25px;width:45px;height:48px;border:1px solid #dfdfd2;border-bottom:4px solid #dedecf;border-radius:10px;background:#f8f5eb;color:#466346}.feedback{min-height:28px;font-size:14px;color:#547348;margin:15px 0}.helper{text-align:center;font-size:12px;color:#8a9488;margin:20px}.celebrate{font-size:70px;margin:25px}.saved{text-align:center;font-size:12px;color:#74866c}.notice{font-size:12px;color:#926634;max-width:400px;margin:12px auto}.primary:disabled{opacity:.45;cursor:default}@media(max-width:650px){header{padding:20px}.header-note{display:none}.brand{font-size:23px}.icon-button{font-size:11px;padding:9px 12px}main{padding:0 19px;margin-top:24px}.levels{grid-template-columns:1fr 1fr;gap:12px}.level{padding:20px 14px;min-height:145px;gap:10px}.orb{width:36px;height:36px;font-size:20px}.level h3{font-size:21px}.level p{font-size:10px}.arrow{display:none}.spark{display:none}.mode-grid{grid-template-columns:1fr}.mode{padding:24px}.hero{padding-bottom:15px}.tip{align-items:flex-start;line-height:1.6}.exercise{padding:28px 16px}.word{margin:40px 0}.section-label span{font-size:10px}}
@media(min-width:651px) and (max-width:850px){.levels{grid-template-columns:repeat(2,1fr)}.level{padding:22px 20px}.header-note{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.stars{color:#a36c08;letter-spacing:3px;font-size:17px;margin-top:9px;white-space:nowrap}.stars small{display:block;font-family:'DM Sans',sans-serif;letter-spacing:0;font-size:10px}.big-stars{font-size:42px;margin:24px}.voice-panel{max-width:780px;margin:22px auto;padding:20px;background:#eef1e6;border-radius:20px;text-align:center}.voice-panel h3{margin:0 0 15px;font-size:22px}.voice-choice[aria-pressed=true]{background:#345f49;color:white;border-color:#345f49}.voice-status,.voice-panel details{font-size:12px;color:#596b55}.voice-panel details{margin-top:12px}.voice-panel summary{cursor:pointer}.voice-panel select{max-width:100%;padding:10px;border:1px solid #a7b19e;border-radius:8px;background:white;margin:8px;font:inherit}.voice-status{margin:12px 0 0}.level.available{background:color-mix(in srgb,var(--tint) 55%,#fffdfa);border-color:var(--ink);box-shadow:0 4px 0 var(--tint)}
header{position:sticky;top:0;z-index:5;background:#f8f7f2eF;max-width:none;padding:16px 28px;backdrop-filter:blur(12px)}.header-note{display:none}.player-badge{margin-left:auto;border:1px solid #d9e2cf;border-radius:18px;background:#edf3e5;display:flex;align-items:center;gap:10px;padding:8px 14px;color:#284d3b;text-align:left}.player-badge .avatar{font-size:32px}.player-badge b{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}.player-badge small{display:block;font-size:11px;margin-top:3px}.rainbow-dialog{border:1px solid #dee4d5;border-radius:28px;background:#fffef8;color:#294a39;padding:32px;max-width:540px;width:calc(100% - 28px);max-height:85vh;overflow:auto;text-align:center;box-shadow:0 24px 100px #213d3933}.rainbow-dialog::backdrop{background:#203c3866;backdrop-filter:blur(5px)}.rainbow-dialog input{display:block;margin:12px auto;width:100%;padding:14px;border:2px solid #b6cba6;border-radius:12px;font:inherit}.rainbow-dialog label{display:block;text-align:left}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 24px}.avatar-options button{font-size:42px;border:2px solid transparent;background:#f0f1e8;border-radius:15px;padding:8px}.avatar-options button[aria-pressed=true]{border-color:#4f7958;background:#e0edce}.existing-players{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rainbow-dialog .back{margin-top:18px}.level-score{font-family:'Fredoka',sans-serif;font-size:72px;color:#48724b}.level-score small{font-size:24px;color:#82917b}.result-words{margin:15px 0;text-align:left}.result-words>div{display:flex;justify-content:space-between;gap:14px;padding:8px;border-bottom:1px solid #ecefe5}.result-words span{font-size:12px}.rainbow-dialog .actions{margin-top:22px}.rainbow-dialog summary{cursor:pointer}.answer{letter-spacing:2px}@media(max-width:650px){header{padding:10px;gap:8px;flex-wrap:wrap}.brand{font-size:20px}.rainbow{font-size:25px}.player-badge{padding:6px 9px}.player-badge .avatar{font-size:25px}.player-badge b{max-width:95px;font-size:12px}#sound{font-size:10px;padding:7px}.rainbow-dialog{padding:24px}.avatar-options button{font-size:35px}}
.math-levels{display:grid;gap:18px;max-width:760px;margin:auto}.math-levels .level{min-height:130px}.math-levels h3{font-size:27px}.subjects{margin-top:45px}.equation{font-family:'Fredoka',sans-serif;font-size:clamp(35px,7vw,57px);margin:22px 0 0;color:#345b41}.equation span{color:#8d9a82}.math-exercise{padding:20px 24px;margin:18px 0}.math-exercise .answer{max-width:230px;font-size:35px;margin:14px 0 0;padding:9px}.math-exercise .feedback{margin:10px 0;min-height:23px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:300px;margin:12px auto}.number-key{border:1px solid #d3dcc9;border-bottom:4px solid #c4d0b7;border-radius:13px;background:#f0f4e8;min-height:52px;color:#32533e;font-family:'Fredoka',sans-serif;font-size:25px}.number-key:active{transform:translateY(2px);border-bottom-width:2px}.number-key:disabled{opacity:.45;cursor:default}.number-key#clear-number{font-size:15px}.math-hint{padding:12px;background:#f9f3df;border-radius:14px;margin-top:20px}.math-hint p{font-size:14px;margin:4px 0 12px;color:#5c6550}.count-dots{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.count-dot{font-size:30px;color:#628855;position:relative}.count-dot.added{color:#bf8c27}.count-dot.removed{opacity:.5}.count-dot.removed::after{content:'×';position:absolute;inset:0;color:#612b20;font-weight:bold}.number-jumps{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.jump{font-size:25px;display:inline-flex;flex-direction:column}.jump small{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:650px){.math-levels h3{font-size:22px}.math-exercise{padding:15px}.math-session .progress-line{margin-top:20px}.numpad{gap:7px}.number-key{min-height:48px}.math-exercise .equation{margin-top:12px}}
.subjects{max-width:1100px;grid-template-columns:repeat(3,1fr)}.subjects .mode{padding:25px}.subjects h2{font-size:29px}.year-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.year-modes .mode{padding:22px}.year-modes h2{font-size:25px}.year-modes img,.year-modes svg{display:block;width:100%;height:145px;object-fit:contain}.year-settings-button{border:1px solid #ccd7bd;cursor:pointer}.year-explorer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:35px 0}.month-wheel{position:relative;aspect-ratio:1;min-width:0;background:radial-gradient(circle,#f4edd9 0 35%,transparent 36%);border-radius:50%}.month-petal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-175px) rotate(calc(-1 * var(--angle)));width:91px;height:54px;padding:4px;border-radius:15px;border:1px solid #dedfcf;background:#fffdf5;color:#586e51;font-size:12px}.month-petal small{display:block;color:#879775;font-size:10px}.month-petal[aria-pressed=true]{background:#42674d;color:white;box-shadow:0 4px 0 #bacbb0}.month-petal[aria-pressed=true] small{color:#d2dfc5}.wheel-heart{position:absolute;inset:38% 28%;text-align:center;font-family:'Fredoka',sans-serif;font-size:20px;color:#6c835b}.wheel-heart b{font-size:35px}.wheel-heart span{display:block;font:11px 'DM Sans',sans-serif;margin-top:12px}.month-story{text-align:center}.month-story h1{font-size:42px;margin:10px 0}.season-chip{display:inline-block;padding:6px 14px;border-radius:20px;background:#e7edde;font-size:12px}.month-scene{position:relative;margin:18px auto 14px;max-width:390px;border-radius:25px;overflow:hidden;isolation:isolate}.season-landscape{display:block;width:100%;height:auto}.month-object{position:absolute;right:3%;bottom:0;width:53%;background:none;border:0;padding:0;filter:drop-shadow(0 6px 4px #51442b18);transition:transform .4s}.month-object img{width:100%;display:block}.scene-sparkles{position:absolute;right:16%;top:30%;opacity:0;color:#fff8c7;font-size:30px;pointer-events:none;transition:opacity .3s}.scene-active .scene-sparkles{opacity:1}.scene-active .month-object{transform:translateY(-9px) rotate(-6deg)}[data-scene="2"].scene-active .month-object{transform:translateY(-35px) rotate(12deg)}[data-scene="3"].scene-active .month-object{transform:scale(1.12);transform-origin:bottom center}[data-scene="5"].scene-active .month-object{transform:translateX(20px)}[data-scene="11"].scene-active .month-object{filter:drop-shadow(0 0 12px #ffd676)}.month-story p{font-size:14px;min-height:45px}.month-story .actions{margin-top:18px}.year-garden{text-align:center;background:#eef1e2;border-radius:24px;padding:24px;margin:30px 0}.year-garden h3{font-size:25px;margin:0}.year-garden p{font-size:13px}.garden-items{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.garden-items>div{width:65px}.garden-items img{width:100%}.garden-items small{font-size:10px}.year-quiz{max-width:790px;margin:20px auto;text-align:center}.year-quiz h2{font-size:31px}.quiz-month{display:flex;justify-content:center;align-items:center;gap:15px;font-family:'Fredoka',sans-serif;font-size:25px}.quiz-month img{width:100px}.year-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.year-answer{position:relative}.answer-picture{width:100%;border:1px solid #d8dfcf;border-radius:17px;padding:10px 10px 38px;background:#fffdf7;color:#3c6045}.answer-picture img,.answer-picture svg{width:100%;height:100px;object-fit:contain;display:block}.answer-picture span{display:block;margin:8px 0;font-family:'Fredoka',sans-serif;font-size:18px}.answer-picture:hover{background:#f0f4e5}.answer-picture:disabled{opacity:.6;cursor:default}.small-hear{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);padding:4px 15px}.month-answers{grid-template-columns:repeat(4,1fr)}.month-answers .answer-picture img{height:65px}.month-answers .answer-picture span{font-size:15px}.treasure-picture img{width:140px}#year-climate{display:block;width:100%;margin:12px 0;padding:13px;border-radius:12px;border:1px solid #aebfa0;font:inherit;background:#f6f7ef}.wet-months{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wet-months label{display:flex;align-items:center;font-size:12px;gap:6px}.wet-months input{width:18px;margin:0;accent-color:#4e7656}.rainbow-dialog #wet-calendar p{font-size:13px}@media(max-width:1000px){.year-explorer{grid-template-columns:1fr}.month-wheel{width:430px;max-width:100%;margin:auto}.month-story{max-width:460px;margin:auto}.year-modes{grid-template-columns:1fr}.year-modes .mode{display:block}.year-modes img,.year-modes svg{height:120px}.subjects{grid-template-columns:1fr}.month-petal{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-165px) rotate(calc(-1 * var(--angle)))}}@media(max-width:450px){.month-wheel{width:330px;min-height:340px}.month-petal{width:73px;height:46px;font-size:10px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-132px) rotate(calc(-1 * var(--angle)))}.wheel-heart{font-size:17px}.wheel-heart b{font-size:28px}.year-settings-button{font-size:10px;padding:8px}.year-answers{grid-template-columns:repeat(2,1fr)}.month-answers{grid-template-columns:repeat(3,1fr);gap:7px}.month-answers .answer-picture{padding:6px 3px 36px}.month-answers .answer-picture span{font-size:12px}.year-quiz h2{font-size:26px}.wet-months{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}
@media(max-width:360px){.month-petal{width:65px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-112px) rotate(calc(-1 * var(--angle)))}.month-wheel{min-height:300px}.wheel-heart{font-size:15px}}

/* OneStep: bright play spaces with quiet, high-contrast task cards. */
:root{color:#243d62;background:#dff4ff}
body{background:#e6f7ff url('assets/onestep/animal-meadow.png') center bottom / cover fixed no-repeat;min-height:100vh}
header{background:#ffffffed;border-bottom:3px solid #c4eafa;box-shadow:0 3px 18px #29689510}
.brand{color:#365db6;font-size:30px;gap:8px}.brand-mark{width:49px;height:49px}.brand-step{color:#cb4d35}
.player-badge{background:#fff3bf;border:2px solid #edc75b;color:#504017}.player-badge small{font-size:12px}
main{margin-top:24px;padding-bottom:24px}.hero{padding:20px;border-radius:28px;background:#ffffffed;margin-bottom:20px}.hero h1{color:#34549a;letter-spacing:-1px}.hero p,p{color:#455873}.eyebrow{color:#7650a7;letter-spacing:1px}.hero .spark{color:#e9a21c}
.mode,.exercise,.year-quiz,.month-story,.voice-panel,.word-list{background:#fffefb;border:2px solid #cee2f5;box-shadow:0 6px 0 #b4d6eb66;border-radius:26px}
.mode{transition:transform .16s,box-shadow .16s}.mode:hover{transform:translateY(-3px);border-color:#859dde;box-shadow:0 9px 0 #b4d6eb66}.mode:active{transform:translateY(2px)}
.subjects{gap:20px;margin-top:20px}.subjects .mode{border:3px solid #8fbded;background:#eaf6ff}.subjects .mode:nth-child(2){background:#fff1d1;border-color:#efbb57}.subjects .mode:nth-child(3){background:#efe8ff;border-color:#b69ae9}.subjects h2{color:#294677}.subjects .emoji{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:24px;background:white;box-shadow:0 4px 0 #0000000b}.subjects .primary{margin-top:5px}
.primary{background:#4569c4;border-bottom:4px solid #2e4e9d;border-radius:17px;font-size:16px;padding:13px 24px}.secondary,.back,.hear,.icon-button{background:#fff;border:2px solid #bfdaee;color:#294b80}.hear{background:#dcf3ff;border-color:#a4d9f5}.secondary{background:#fff3c5;border-color:#ecc669}.primary:active{transform:translateY(2px)}
.pill{background:#f0e7ff;color:#624192;font-size:13px}.progress-line{color:#29486a;background:#ffffffed;padding:9px 12px;border-radius:12px;margin-top:18px}.track{background:#d7e8f3;height:10px}.track div{background:linear-gradient(90deg,#32b3bf,#8865d5)}
.instruction{color:#365072;font-size:17px;line-height:1.5}.word,.equation{color:#3e5b9c}.answer{border:3px solid #9dbce7;background:#f3f8ff;color:#294879}.answer::placeholder{font-family:'DM Sans',sans-serif;font-size:17px;letter-spacing:0;color:#586c87}.feedback{color:#325488;font-weight:600;font-size:16px}.notice{color:#725522}.helper,.saved,.tip{color:#36516e;background:#ffffffed;border-radius:15px;padding:12px;font-size:14px}.helper{margin:18px auto}.section-label{background:#fffffff0;border-radius:12px;padding:12px;color:#29486a}.section-label span{color:#455e78}
.level.available{background:var(--tint);border:2px solid var(--ink)}.level:disabled{background:#f7fbffeF;color:#5c6e82}.level p{color:#3f5469}.level small{font-size:11px}.stars{color:#916008}
.voice-panel{background:#fff6d9;padding:18px}.voice-choice[aria-pressed=true]{background:#4569c4;border-color:#3457a8}.voice-status,.voice-panel details{color:#445b73}.voice-panel p{margin:8px}.word-list{padding:12px}
.letter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,56px);gap:10px;max-width:430px;margin:14px auto}
.letter-key{min-width:0;border:2px solid #adc9e8;border-bottom:5px solid #87abd8;border-radius:14px;background:#e7f2ff;color:#2b4776;font-family:'Fredoka',sans-serif;font-size:29px;touch-action:manipulation}
.letter-key:nth-child(3n+2){background:#fff0ba;border-color:#ddbf65}.letter-key:nth-child(3n){background:#ece3ff;border-color:#b7a0dd}.letter-key:active{transform:translateY(2px);border-bottom-width:3px}.letter-key:disabled{opacity:.55;cursor:default}.letter-key.erase-key{background:#ffe0d5;border-color:#dfab99;font-family:system-ui,sans-serif;font-size:27px}
.number-key{background:#fff1c6;color:#544319;border-color:#e0c469}.number-key:nth-child(2n){background:#e5eeff;border-color:#aec0e2}
.year-quiz,.month-story{padding:24px}.year-garden{background:#e6f7d3;border:2px solid #a7ce7c}.year-modes .mode:nth-child(2){background:#fff3d7}.year-modes .mode:nth-child(3){background:#eee8ff}.month-petal{background:#fff3c5;color:#4e482d;border:2px solid #e5c979}.month-petal[aria-pressed=true]{background:#536cc5;border-color:#344e9b}.month-petal small{color:inherit}.month-wheel{background:radial-gradient(circle,#ffffffee 0 38%,transparent 39%)}.answer-picture{border:2px solid #b4cce6;background:#f6faff}.answer-picture:hover{background:#e4efff}.season-chip{background:#e4efff;color:#294b80}
.rainbow-dialog{background:#fffdf5;border:3px solid #a9cdea;color:#2c4870}.rainbow-dialog::backdrop{background:#17345b77}.rainbow-dialog h2{color:#4565aa}.level-score{color:#4565aa}.avatar-options button{background:#e6f2ff}.avatar-options button[aria-pressed=true]{border-color:#6d5dc0;background:#eee5ff}
footer{color:#2f5269;background:#ffffffdf;font-size:13px;margin-top:45px;padding:18px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a13c78;outline-offset:4px}
.animal-banner{width:100%;height:210px;object-fit:cover;object-position:center 70%;border:3px solid white;border-radius:28px;display:block;box-shadow:0 5px 0 #9fcee155;margin:0 0 20px}
@media(max-width:650px){body{background-size:auto 100vh;background-position:center bottom}header{gap:7px}.brand{font-size:23px}.brand-mark{width:36px;height:36px}main{padding:0 14px 20px}.hero{padding:18px 12px}.hero h1{font-size:36px}.subjects .mode{padding:20px}.animal-banner{height:auto;aspect-ratio:16/9;object-fit:contain;background:#c8edff}.exercise{padding:20px 12px}.letter-grid{gap:8px;grid-template-rows:repeat(3,52px)}.letter-key{font-size:27px}.year-quiz,.month-story{padding:16px}.year-answers{gap:8px}.player-badge b{max-width:82px}.player-badge small{font-size:10px}.brand-mark{flex-shrink:0}.year-settings-button{max-width:45%;white-space:normal}.practice-top{gap:8px}.levels{gap:9px}.level{padding:16px 10px}.year-explorer{gap:20px}.year-quiz h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{background-image:linear-gradient(#e8f7ffd9,#f0f9e8c9),url('assets/onestep/animal-meadow.png')}
@media(min-width:1001px){.subjects .mode{padding:20px}.subjects .emoji{width:58px;height:58px;font-size:36px}.subjects h2{font-size:27px;margin:12px 0}.subjects p{margin:8px 0}.animal-banner{height:180px}.hero{padding:14px 20px}.hero h1{margin:12px 0}.hero p{margin:10px 0}}
/* Clock and Days */
.subjects .mode:nth-child(4){background:#e1f5f2;border-color:#78cabe}.subjects .mode:nth-child(5){background:#ffe9ed;border-color:#eaa6b5}
.clock-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.clock-levels .mode{padding:24px}.clock-levels .actions{flex-direction:column}.clock-levels h2{font-size:27px}.clock-levels p{min-height:50px}.clock-free{display:block;width:100%;max-width:680px;margin:20px auto;text-align:center;background:#e5f6f1}.clock-free h2{display:inline-block;margin-left:16px}
.learn-session{max-width:780px;margin:20px auto}.clock-board,.days-board{background:#fffefa;border:2px solid #c5dced;border-radius:28px;padding:26px;text-align:center;box-shadow:0 6px 0 #b4d6eb66;margin:20px auto}.clock-board{max-width:760px}.clock-board h1,.days-board h1{font-size:36px;margin:8px}.clock-board>p{margin:8px}.learn-clock{display:block;width:300px;max-width:100%;height:auto;margin:24px auto 12px;overflow:visible;user-select:none;-webkit-user-select:none;touch-action:none}.learn-clock text{font-family:'Fredoka',sans-serif;font-size:23px;fill:#304768}.drag-hand{cursor:grab;outline:none}.drag-hand:active{cursor:grabbing}.drag-hand:focus-visible{filter:drop-shadow(0 0 5px #8b48d1)}.clock-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;font-size:14px;color:#38536c;margin:14px 0 18px}.clock-legend span{display:flex;align-items:center;gap:7px}.clock-legend i{display:inline-block;border-radius:10px}.short-swatch{width:20px;height:8px;background:#cc5636}.long-swatch{width:32px;height:5px;background:#326acb}.digital-clock{display:inline-block;background:#eaf4fc;border:2px solid #a8cbe2;border-radius:12px;font-family:'Fredoka',sans-serif;font-size:32px;padding:8px 18px;margin:0 12px 16px}.clock-scene{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff1d1;border-radius:18px;padding:14px;margin:20px auto;max-width:470px;text-align:left}.clock-scene>span{font-size:45px}.clock-scene small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#57647a}.clock-input{display:block;max-width:230px;margin:12px auto;font-size:32px;letter-spacing:3px}.clock-read-hint{padding:12px;background:#fff2c1;border-radius:13px}[data-clock-hint="1"] #hour-hand{filter:drop-shadow(0 0 5px #f4a02f)}[data-clock-hint="2"] #minute-hand{filter:drop-shadow(0 0 5px #7abfff)}
.days-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.days-modes .mode{padding:24px}.days-modes h2{font-size:26px}.days-modes .mode:nth-child(2n){background:#edf5ff}.days-modes .mode:nth-child(3n){background:#fff3d5}.days-board h2{font-size:25px;line-height:1.5}.week-loop{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.day-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--day-color,#eff5ff);border:2px solid #b8cfe0;border-bottom-width:5px;border-radius:20px;padding:14px 6px;color:#29446c;font-family:'Fredoka',sans-serif;font-size:17px;min-width:0;width:100%}.day-card small{font-family:'DM Sans',sans-serif;font-size:12px}.day-card.picked{border-color:#6846ae;box-shadow:0 0 0 2px #6846ae}.day-card:disabled{opacity:.65;cursor:default}.day-animal{font-size:45px;display:grid;place-items:center;min-height:65px;line-height:1;background:var(--day-color,#fff);border-radius:50%;width:65px}.day-animal.small{font-size:32px;min-height:45px;width:45px}.today-tag{background:#fff;border-radius:15px;padding:4px 10px;font-size:12px}.today-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:550px;margin:25px auto}.today-strip .day-card{font-size:16px}.today-strip b{font-family:'DM Sans',sans-serif;font-size:13px}.day-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px auto}.day-choice{position:relative}.day-choice .day-card{padding-bottom:48px}.day-choice .small-hear{bottom:10px}.day-order{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.day-order>span{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #c3d4e9;border-radius:14px;padding:7px;min-width:65px;min-height:75px;font-size:11px;background:#f4f8ff}.empty-day{font-size:28px!important;color:#798faa}.learning-gifts{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.learning-gifts>div{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:110px}.learning-gifts span{font-size:45px}.learning-gifts b{font-size:12px;color:#3d6446}#week-start{padding:13px;font:inherit;background:#f0f6ff;border:2px solid #a9c9e7;border-radius:12px;width:100%;margin:10px auto}
@media(max-width:1000px){.clock-levels,.days-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.week-loop{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.clock-levels,.days-modes{grid-template-columns:1fr}.clock-levels .mode,.days-modes .mode{padding:20px}.clock-levels p{min-height:0}.clock-board,.days-board{padding:18px 12px}.clock-board h1,.days-board h1{font-size:31px}.learn-clock{width:280px}.clock-legend{font-size:12px;gap:10px}.clock-scene{padding:12px;gap:10px}.clock-scene>span{font-size:32px}.day-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.week-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.day-card{font-size:17px}.today-strip{gap:7px}.today-strip .day-card{font-size:12px;padding:12px 4px}.today-strip b{font-size:11px}.days-board h2{font-size:22px}.clock-free{padding:20px}.clock-free h2{font-size:28px}.clock-levels .actions{flex-direction:row}.clock-levels .actions button{flex:1;min-width:120px}}
.week-loop{display:block;position:relative;width:460px;max-width:100%;height:460px;margin:15px auto 25px;--week-radius:165px}.week-loop::before{content:'';position:absolute;inset:14%;border:3px dashed #b0cadd;border-radius:50%;pointer-events:none}.week-loop>.day-card{position:absolute;left:50%;top:50%;width:104px;height:119px;min-height:0;padding:6px 4px;gap:3px;transform:translate(-50%,-50%) rotate(var(--day-angle)) translateY(calc(-1 * var(--week-radius))) rotate(calc(-1 * var(--day-angle)));font-size:15px}.week-loop .day-animal{font-size:37px;min-height:48px;width:48px}.week-loop .today-tag{position:absolute;bottom:-9px;font-size:10px;border:1px solid #b5c9dc;padding:2px 8px}.week-heart{position:absolute;inset:39% 30%;text-align:center;display:flex;flex-direction:column;gap:7px;pointer-events:none;color:#41628c}.week-heart b{font-family:'Fredoka',sans-serif;font-size:27px}.week-heart span{font-size:14px}
@media(max-width:650px){.week-loop{width:100%;height:350px;--week-radius:clamp(94px,calc((100vw - 132px)/2),145px)}.week-loop>.day-card{width:76px;height:92px;font-size:11px;gap:2px}.week-loop .day-animal{font-size:30px;min-height:38px;width:38px}.week-loop .day-card small{font-size:10px}.week-heart b{font-size:23px}.week-heart span{font-size:12px}}
@media(max-width:360px){.week-loop{height:290px}.week-loop>.day-card{width:68px;height:80px;font-size:10px}.week-loop .day-animal{min-height:31px;width:31px;font-size:26px}.week-heart b{font-size:20px}.week-heart span{font-size:10px}.week-heart{inset:39% 31%}}

@media(max-width:450px){.week-loop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:14px;width:100%;padding:8px 0}.week-loop::before{display:none}.week-loop>.day-card{position:relative;left:auto;top:auto;transform:none;width:100%;height:115px;font-size:16px;padding:10px 4px}.week-loop .day-animal{font-size:36px;width:46px;min-height:46px}.week-heart{position:static;grid-column:1/-1;grid-row:1;padding:12px;gap:5px}.week-heart b{font-size:25px}.week-heart span{font-size:15px}.week-loop .today-tag{font-size:12px}}

/* All earned stars share a bright gold fill with a darker edge. */
.stars,.gold-stars{color:#e9ac00;text-shadow:0 1px 0 #895700;-webkit-text-stroke:.3px #895700}.stars small{color:#526488;text-shadow:none;-webkit-text-stroke:0}.mode-stars{margin-top:12px}.mode-stars>span{display:block;font-size:12px;margin-top:8px}.mode-stars .stars{margin-top:3px}.growth-levels .level{align-items:flex-start}.growth-levels h3{font-size:23px}#word-dialect{font:inherit;padding:12px;width:100%;border:2px solid #b5c9e7;border-radius:12px}.section-label{flex-wrap:wrap;gap:12px}

footer span{color:#e9ac00;text-shadow:0 1px 0 #895700}
@media(max-width:650px){.growth-levels{grid-template-columns:1fr}.growth-levels .level{align-items:center}.growth-levels .orb{width:48px;height:48px}.growth-levels h3{font-size:25px}}
@media(max-width:380px){.levels{grid-template-columns:1fr}.levels .level{min-width:0}}