:root{color:#13243a;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#13243a;--cream:#fff9e9;--sun:#ffb526;--sun-deep:#e57d16;--sky:#68d5ed;--blue:#2077bd;--leaf:#54c88a;--violet:#7b65d8;background:#f8f2df;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 82% 13%,#ffffffe6 0 4rem,#0000 4.1rem),linear-gradient(155deg,#8de3ef 0 38%,#f8efc9 38.2% 100%);min-height:100dvh}body.playing{overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh}.launch{align-content:center;gap:clamp(18px,3vh,30px);width:min(760px,100% - 32px);min-height:100dvh;margin:0 auto;padding:clamp(24px,5vh,58px) 0 26px;display:grid}.brand-lockup{color:var(--ink);letter-spacing:.16em;align-items:center;gap:10px;font-size:.72rem;font-weight:950;display:flex}.brand-sun{color:#74410b;background:var(--sun);letter-spacing:0;border:2px solid #fff0ad;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.25rem;display:grid;box-shadow:0 7px 20px #995b0d33}.launch-copy{max-width:690px}.eyebrow{color:#195a8f;letter-spacing:.18em;margin:0 0 10px;font-size:.72rem;font-weight:1000}.launch h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.1rem,10vw,6.6rem);line-height:.82}.launch h1 em{color:#196ea9;font-style:normal}.launch-copy>p:last-child{color:#3e5268;max-width:530px;margin:20px 0 0;font-size:clamp(.95rem,2.5vw,1.12rem);line-height:1.48}.subject-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.subject-start{min-height:104px;color:var(--ink);text-align:left;background:#fff9e9f0;border:2px solid #13243a24;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px 19px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;box-shadow:0 12px #13243a1f,0 22px 42px #284a5c24}.subject-start:hover{border-color:#2077bd;transform:translateY(-3px);box-shadow:0 15px #13243a1a,0 25px 48px #284a5c2e}.subject-start:active{transform:translateY(6px);box-shadow:0 5px #13243a1f}.subject-symbol{color:#5b3104;background:var(--sun);border-radius:20px 11px;place-items:center;width:58px;height:58px;font-size:2rem;font-weight:1000;display:grid}.spelling .subject-symbol{color:#fff;background:var(--violet)}.subject-start strong,.subject-start small{display:block}.subject-start strong{letter-spacing:-.03em;font-size:clamp(1.25rem,4vw,1.7rem)}.subject-start small{color:#617286;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:.72rem;font-weight:850}.subject-start .go{color:#2077bd;font-size:1.65rem;font-weight:1000}.launch-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grade-chip,.option-chip{color:#20374d;background:#ffffffad;border:1px solid #13243a2b;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:6px 12px;font-size:.74rem;font-weight:900;display:inline-flex}.grade-chip select{color:var(--ink);background:0 0;border:0;padding:1px 5px;font-weight:1000}.option-chip[aria-pressed=true]{color:#fff;background:#2b638e;border-color:#2b638e}.reset-local[data-confirm=true]{color:#fff;background:#8d342e;border-color:#8d342e}.saved-progress{color:#496077;margin-left:auto;font-size:.75rem;font-weight:800}.local-note{color:#516479;margin:0;font-size:.72rem;line-height:1.45}.game-shell,.viewport{background:#74d5e8;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}canvas{touch-action:none;background:#74d5e8;outline:none;width:100%;height:100%;display:block}.play-hud{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));z-index:4;pointer-events:none;grid-template-columns:auto minmax(120px,350px) auto;align-items:start;gap:10px;display:grid;position:absolute}.sun-progress,.prompt-card,.pause-button{-webkit-backdrop-filter:blur(10px)}.sun-progress{background:#fff9e9db;border:1px solid #ffffffd1;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:6px 10px;display:flex;box-shadow:0 6px 20px #173e5b29}.progress-sun{color:#b86308;font-size:1.15rem;line-height:1}.progress-steps{gap:4px;display:flex}.progress-steps i{background:#b6c2c9;border-radius:50%;width:7px;height:7px}.progress-steps i.complete{background:var(--sun-deep)}.progress-steps i.current{box-shadow:0 0 0 3px var(--sun);outline:2px solid #fff}.prompt-card{min-width:min(270px,46vw);min-height:48px;color:var(--ink);text-align:center;background:#fff9e9e8;border:1px solid #ffffffdb;border-radius:16px;justify-self:center;place-items:center;padding:8px 17px;display:grid;box-shadow:0 8px 24px #173e5b2e}.prompt-card strong{letter-spacing:-.025em;font-size:clamp(1.08rem,3.2vw,1.5rem)}.pause-button{pointer-events:auto;color:#17314a;letter-spacing:-.18em;background:#fff9e9e6;border:1px solid #ffffffdb;border-radius:50%;width:46px;height:46px;font-weight:1000;box-shadow:0 7px 22px #173e5b2e}.screen-message,.pause-panel{z-index:8;text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.screen-message{color:#fff;background:#143148e6}.screen-message>div{justify-items:center;gap:10px;display:grid}.screen-message strong{font-size:1.35rem}.screen-message p{color:#dcecf5;margin:0}.screen-message button,.primary,.secondary{border-radius:14px;min-height:48px;padding:10px 20px;font-weight:950}.screen-message button,.primary{color:#183047;background:var(--sun);border:1px solid #ffe3a0}.loading-sun{color:var(--sun);font-size:2.5rem}.pause-panel{-webkit-backdrop-filter:blur(8px);background:#122b41a3}.pause-card{width:min(330px,90vw);color:var(--ink);background:var(--cream);border:2px solid #fff;border-radius:25px;gap:12px;padding:28px;display:grid;box-shadow:0 24px 70px #00000047}.pause-card>span{color:var(--sun-deep);font-size:2.2rem}.pause-card h2{margin:0 0 5px;font-size:2rem}.secondary{color:#234058;background:0 0;border:1px solid #9babb8}.summary{text-align:center;align-content:center;justify-items:center;gap:14px;width:min(590px,100% - 32px);min-height:100dvh;margin:0 auto;padding:28px;display:grid}.summary-sun{color:var(--sun-deep);font-size:4rem}.summary h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,9vw,5rem);line-height:.9}.summary>p:not(.eyebrow){color:#405870;margin:2px 0 8px;font-weight:800}.summary-actions{gap:9px;width:min(360px,100%);display:grid}button:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:3px;outline:4px solid #fff}.launch button:focus-visible,.launch select:focus-visible,.summary button:focus-visible{outline-color:#164d78}@media (width<=640px){.launch{padding-top:max(24px, env(safe-area-inset-top));align-content:start}.subject-actions{grid-template-columns:1fr}.subject-start{min-height:88px}.subject-symbol{width:52px;height:52px}.saved-progress{width:100%;margin-left:4px}.play-hud{grid-template-columns:auto 1fr auto;gap:6px}.sun-progress{min-height:40px;padding:5px 8px}.progress-steps{gap:3px}.progress-steps i{width:5px;height:5px}.progress-sun{font-size:.95rem}.prompt-card{border-radius:14px;min-width:0;min-height:44px;padding:7px 10px}.prompt-card strong{font-size:clamp(.95rem,4.3vw,1.25rem)}.pause-button{width:42px;height:42px}}@media (width>=641px){.play-hud{grid-template-columns:1fr minmax(120px,350px) 1fr}.sun-progress{justify-self:start;width:max-content}.pause-button{justify-self:end}}@media (width<=390px){.progress-sun{display:none}.sun-progress{padding-inline:7px}.play-hud{left:6px;right:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}