:root{--bg:#0f172a;--panel:#1e293b;--panel-alt:#334155;--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--accent-2:#f472b6;--accent-3:#fbbf24;--success:#4ade80;--error:#f87171;color:var(--text);background-color:var(--bg);font-family:Fredoka,Poppins,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1d2542,#0f172a 55%);justify-content:center;min-height:100vh;margin:0;padding:2rem;display:flex}.app-shell{background:#0f172ad9;border:1px solid #94a3b833;border-radius:32px;flex-direction:column;gap:2rem;width:min(1200px,100%);min-height:90vh;padding:2rem 3rem 3rem;display:flex;box-shadow:0 20px 60px #020617b3}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header .username{color:var(--accent-3);text-transform:none;margin-left:.25rem;font-size:clamp(1.8rem,2.2vw,2.3rem);font-weight:600}.app-header h1{font-size:clamp(3.4rem,5vw,4.5rem)}h1,h2,h3,h4,h5,h6,p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-3);font-size:1.05rem}.lead{color:var(--muted);font-size:1.4rem}main{flex:1;display:flex}.view{flex-direction:column;flex:1;justify-content:center;gap:1.5rem;display:none}.view.active{display:flex}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1rem;display:grid}.card-btn{background:var(--panel);text-align:left;min-height:220px;color:inherit;cursor:pointer;border:1px solid #0000;border-radius:24px;padding:2rem;transition:transform .3s,border .3s}.card-btn:hover,.card-btn:focus-visible{border-color:var(--accent);transform:translateY(-6px)}.card-content{flex-direction:column;gap:.75rem;display:flex}.card-content .eyebrow{font-size:1.15rem}.card-content h2{font-size:2.3rem}.muted{color:var(--muted)}.card-content .muted{font-size:1.4rem}button{cursor:pointer;border:none;border-radius:999px;padding:1rem 1.7rem;font-family:inherit;font-size:1.15rem;font-weight:600;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.6}.primary{background:var(--accent);color:#031525;box-shadow:0 10px 30px #38bdf840}.primary:hover,.primary:focus-visible{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 35px #38bdf859}.secondary{background:var(--panel-alt);color:var(--text)}.secondary:hover,.secondary:focus-visible{background:var(--panel);color:#fff;transform:translateY(-2px)}.secondary.ghost{background:0 0;border:1px solid #94a3b84d}.secondary.ghost:hover,.secondary.ghost:focus-visible{border-color:var(--accent);color:var(--accent);background:#38bdf81a}.icon-btn{background:var(--panel-alt);color:var(--text);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:.9rem;font-size:1.4rem;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--panel);transform:scale(1.1)}.panel{background:var(--panel);text-align:center;border:1px solid #94a3b833;border-radius:24px;padding:2rem}.panel button{margin-top:1.5rem}.math-layout{background:var(--panel);border:1px solid #94a3b833;border-radius:32px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.inline-nav{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sum-goal-display{color:var(--accent);font-size:2.3rem;font-weight:600}.target-tile{text-align:center;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:28px;padding:1.5rem}.target-number{margin:.5rem 0;font-size:clamp(3.5rem,11vw,7rem);font-weight:700;animation:2.5s ease-in-out infinite bounce}.equation-display{justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;display:flex}.equation-part{text-align:center;min-width:1.5ch}.equation-unknown{color:var(--accent-3);animation:2.5s ease-in-out infinite bounce}.equation-op,.equation-eq{color:var(--muted);font-weight:500}.instruction{margin:.5rem 0;font-size:1.5rem}.character-instruction{align-items:center;gap:1rem;margin:1.5rem auto;display:inline-flex;position:relative}.character-instruction__image{filter:drop-shadow(0 10px 25px #00000059);width:clamp(200px,40vw,300px);height:auto}.character-instruction__speech{font-size:clamp(1rem,2.2vw,1.45rem);font-weight:600;line-height:1.4}.character-instruction--builtin{display:inline-block}.character-instruction--builtin .character-instruction__image{width:clamp(220px,45vw,320px)}.character-instruction--builtin .character-instruction__speech{color:#1f2933;text-align:center;text-shadow:0 3px 10px #ffffffe6;pointer-events:none;justify-content:center;align-items:center;width:78%;height:34%;padding:0 1.25rem;display:flex;position:absolute;top:7%;left:14%}.character-instruction--overlay{flex-direction:column;align-items:center;display:inline-flex}.character-instruction--overlay .character-instruction__speech{color:#0f172a;text-align:center;background:#fff;border:4px solid #111827;border-radius:28px;order:-1;margin-bottom:.5rem;padding:.75rem 1.25rem;position:relative;box-shadow:0 8px 20px #0f172a4d}.character-instruction--overlay .character-instruction__speech:after{content:"";border:14px solid #0000;border-top-color:#111827;width:0;height:0;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.character-instruction--overlay .character-instruction__speech:before{content:"";border:14px solid #0000;border-top-color:#fff;width:0;height:0;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.character-instruction--overlay .character-instruction__image{width:clamp(100px,15vw,140px)}.round-indicator{letter-spacing:.05em;color:var(--muted);margin-top:.5rem;font-size:.95rem}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stat-card{background:#0f172a8c;border:1px solid #94a3b840;border-radius:20px;padding:1rem 1.5rem}.stat-value{margin-top:.25rem;font-size:2.5rem;font-weight:600}.progress-panel{background:var(--panel);border:1px solid #94a3b833;border-radius:32px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.stats-group{flex-direction:column;gap:.75rem;display:flex}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.chart-card{cursor:pointer;background:#0f172a99;border:1px solid #94a3b833;border-radius:24px;padding:1.5rem;transition:transform .2s,border-color .2s}.chart-card:hover,.chart-card:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.answer-btn{background:var(--panel-alt);min-height:100px;color:var(--text);border:2px solid #0000;border-radius:20px;font-size:2.3rem;transition:transform .2s,background .2s}.answer-btn:hover:not(:disabled),.answer-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-4px)}.answer-btn:active{transform:scale(.97)}.answer-btn.correct{color:#052e16!important;opacity:1!important;background:#4ade80e6!important}.answer-btn.incorrect{color:#450a0a!important;opacity:1!important;background:#f87171e6!important}.chart-modal{z-index:1000;background:#020617d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.chart-modal.hidden{opacity:0;pointer-events:none}.chart-modal-content{background:var(--panel);border:1px solid #94a3b833;border-radius:32px;flex-direction:column;gap:1rem;width:min(900px,100%);padding:2rem;display:flex}.chart-modal-header{justify-content:space-between;align-items:center;display:flex}.celebration-overlay{pointer-events:none;z-index:1200;position:fixed;inset:0;overflow:hidden}.celebration-overlay.hidden{opacity:0}.firework{width:0;height:0;color:hsl(var(--hue,45), 90%, 60%);filter:drop-shadow(0 0 8px);position:absolute}.spark{mix-blend-mode:screen;transform-origin:50%;background:radial-gradient(circle,#fff 0%,currentColor 60%,#0000 100%);border-radius:50%;width:21px;height:21px;animation:3.6s ease-out forwards spark;position:absolute;box-shadow:0 0 33px}@keyframes spark{0%{opacity:1;transform:translate(0)scale(.05)}25%{transform:translate(calc(var(--tx) * .15), calc(var(--ty) * .15)) scale(.3);opacity:1}60%{opacity:.95}to{transform:translate(var(--tx), var(--ty)) scale(.8);opacity:0}}.admin-panel{flex-direction:column;gap:1.5rem;display:flex}.admin-panel form{text-align:left;flex-direction:column;gap:.5rem;display:flex}.admin-panel label{font-weight:600}.admin-panel input[type=number],.admin-panel input[type=text]{width:100%;color:var(--text);background:#0f172a99;border:1px solid #94a3b866;border-radius:16px;padding:.85rem 1.1rem;font-size:1.15rem}.admin-panel input[type=number]:focus,.admin-panel input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38bdf81a}.admin-panel small{color:var(--muted)}.admin-actions{gap:.75rem;margin-top:.75rem;display:flex}.feedback{min-height:52px;color:var(--muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.modal{background:#020617cc;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal.hidden{pointer-events:none;opacity:0}.modal-content{background:var(--panel);text-align:center;border:1px solid #94a3b833;border-radius:32px;width:min(500px,100%);padding:2rem}.goal-options{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}#parts-of-speech-difficulty-modal .goal-options button{font-size:1.35rem}.goal-options button{padding:1.25rem 1.7rem;font-size:1.5rem}.goal-options .primary{color:#fff;text-shadow:0 1px 1px #03152540}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#name-form{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}#name-form input[type=text]{width:100%;color:var(--text);text-align:center;background:#0f172acc;border:2px solid #94a3b84d;border-radius:20px;padding:1.1rem 1.7rem;font-family:inherit;font-size:1.6rem;transition:all .2s}#name-form input[type=text]:focus{border-color:var(--accent);background:#0f172af2;outline:none;box-shadow:0 0 0 4px #38bdf826}#name-form input[type=text]::placeholder{color:var(--muted);opacity:.6}.spot-mistake-tile{padding:2rem 1.5rem}.sequence-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.sequence-btn{background:var(--panel-alt);min-width:70px;min-height:70px;color:var(--text);border:2px solid #0000;border-radius:16px;padding:.75rem 1rem;font-size:1.8rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.sequence-btn:hover:not(:disabled),.sequence-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-4px)scale(1.05)}.sequence-btn:active:not(:disabled){transform:scale(.95)}.sequence-btn.correct{color:#052e16;border-color:var(--success);background:#4ade80e6}.sequence-btn.incorrect{border-color:var(--error);background:#f87171e6}.sequence-btn.highlight{border-color:var(--accent-3);background:#fbbf244d;animation:.6s ease-in-out pulse-highlight}@keyframes pulse-highlight{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:.4s ease-in-out shake}.contractions-layout{max-width:700px;margin:0 auto}#articles-nouns-screen .contractions-layout{max-width:820px}#articles-nouns-screen .contractions-tile{padding:2rem}#articles-nouns-screen .contractions-prompt-wrapper{min-height:7rem}#articles-nouns-screen .contractions-prompt{text-align:center;justify-content:center;align-items:center;min-width:12ch;max-width:100%;padding:0 .35em;display:inline-flex}.contractions-header{justify-content:space-between;align-items:center;display:flex}.contractions-tile{padding:2rem 1.5rem}.contractions-prompt-wrapper{justify-content:center;align-items:center;gap:.75rem;display:flex}.contractions-prompt{color:var(--accent);margin:1rem 0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;animation:2.5s ease-in-out infinite bounce}.pronunciation-btn{background:var(--panel-alt);cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background .2s,border-color .2s;display:flex}.pronunciation-btn .icon{font-size:1.6rem}.pronunciation-btn:hover:not(:disabled),.pronunciation-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:scale(1.1)}.pronunciation-btn:active:not(:disabled){transform:scale(.95)}.pronunciation-btn.loading{opacity:.6;pointer-events:none}.pronunciation-btn.loading .icon{animation:.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.contractions-answers{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.contraction-btn{background:var(--panel-alt);min-height:80px;color:var(--text);text-align:center;border:2px solid #0000;border-radius:20px;padding:1rem 1.5rem;font-size:1.6rem;font-weight:500;transition:transform .2s,background .2s,border-color .2s}.contraction-btn:hover:not(:disabled),.contraction-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-4px)}.contraction-btn:active:not(:disabled){transform:scale(.97)}.contraction-btn.correct{color:#052e16;border-color:var(--success);background:#4ade80e6}.contraction-btn.incorrect{border-color:var(--error);background:#f87171e6}.contraction-btn:disabled{cursor:not-allowed;opacity:.6}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.checkbox-label input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);cursor:pointer}.checkbox-label span{font-weight:600}.next-round-btn{margin-top:1rem}.feedback{text-align:center;flex-direction:column}.spelling-numbers-layout{max-width:700px;margin:0 auto}.spelling-numbers-header{justify-content:space-between;align-items:center;display:flex}.spelling-numbers-wrapper{justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.spelling-numbers-wrapper .spelling-numbers-layout{flex:2;min-width:0}.spelling-numbers-prompt{text-align:center;padding:1.5rem}.spelling-numbers-character{flex:1;max-width:200px;margin:0}.spelling-numbers-character .character-instruction__image{width:clamp(120px,16vw,180px)}@media (width<=900px){.spelling-numbers-wrapper{flex-direction:column}.spelling-numbers-character{display:none}}.spelling-numbers-prompt .instruction{color:var(--text-muted);margin-bottom:1rem;font-size:1.2rem}.spelling-numbers-prompt .pick-instruction{color:var(--text-muted);margin-top:1rem;font-size:1rem}.spelling-numbers-word{justify-content:center;align-items:center;gap:1rem;display:flex}.spelling-numbers-word .word-display{color:var(--accent);font-size:clamp(2rem,6vw,3.5rem);font-weight:700}.spelling-numbers-word .pronounce-btn{background:var(--panel-alt);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,background .2s,border-color .2s;display:flex}.spelling-numbers-word .pronounce-btn:hover{background:var(--panel);border-color:var(--accent);transform:scale(1.1)}.spelling-numbers-word .pronounce-btn .icon{font-size:1.4rem}.spelling-numbers-answers{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem;display:grid}.spelling-numbers-btn{background:var(--panel-alt);min-height:70px;color:var(--text);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:20px;padding:1rem 1.5rem;font-size:1.4rem;font-weight:500;transition:transform .2s,background .2s,border-color .2s}.spelling-numbers-btn:hover:not(:disabled),.spelling-numbers-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-4px)}.spelling-numbers-btn:active:not(:disabled){transform:scale(.97)}.spelling-numbers-btn.correct{color:#052e16;border-color:var(--success);background:#4ade80e6}.spelling-numbers-btn.incorrect{border-color:var(--error);background:#f87171e6}.spelling-numbers-btn:disabled{cursor:not-allowed;opacity:.6}@media (height<=700px){.character-instruction{margin:.75rem auto}.character-instruction__image{width:clamp(120px,25vw,180px)}.character-instruction--builtin .character-instruction__image{width:clamp(140px,30vw,200px)}.character-instruction__speech{font-size:clamp(.95rem,2vw,1.2rem)}.character-instruction--overlay .character-instruction__speech{border-radius:20px;padding:.6rem 1rem}}@media (width<=480px){.character-instruction{margin:.5rem auto}.character-instruction__image{width:clamp(100px,30vw,150px)}.character-instruction--builtin .character-instruction__image{width:clamp(120px,35vw,180px)}.character-instruction__speech{font-size:clamp(.9rem,3.4vw,1.1rem)}.character-instruction--overlay .character-instruction__speech{border-width:3px;border-radius:16px;padding:.5rem .75rem}.character-instruction--overlay .character-instruction__speech:after,.character-instruction--overlay .character-instruction__speech:before{border-width:10px;left:-18px}.character-instruction--overlay .character-instruction__speech:before{left:-13px}.answer-btn{min-height:70px;font-size:1.8rem}.equation-display{margin:.5rem 0;font-size:clamp(2rem,10vw,3.5rem)}.target-tile{padding:1rem}.math-layout{gap:1rem;padding:1.25rem}}@media (height<=550px){.character-instruction{display:none}}.halves-doubles-tile{text-align:center}.halves-doubles-prompt{color:var(--accent);margin:1rem 0;font-size:clamp(3rem,10vw,5rem);font-weight:700}.halves-doubles-answers{grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 1rem;display:grid}.halves-doubles-btn{background:var(--panel-alt);min-height:80px;color:var(--text);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:20px;padding:1rem 1.5rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:600;transition:transform .2s,background .2s,border-color .2s}.halves-doubles-btn:hover:not(:disabled),.halves-doubles-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-4px)}.halves-doubles-btn:active:not(:disabled){transform:scale(.97)}.halves-doubles-btn.correct{color:#052e16;border-color:var(--success);background:#4ade80e6}.halves-doubles-btn.incorrect{border-color:var(--error);background:#f87171e6}.halves-doubles-btn:disabled{cursor:not-allowed;opacity:.6}.card-btn--coming-soon{opacity:.5;cursor:not-allowed;position:relative}.card-btn--coming-soon .eyebrow{color:var(--muted)}.card-btn--coming-soon:hover{border-color:#0000;transform:none}.step-modal-option{justify-content:center;margin:1rem 0 .25rem}.step-modal-hint{color:var(--muted);margin-bottom:1rem;font-size:.95rem;display:block}.replacement-container{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.5rem 0;display:flex}.replacement-container.hidden{display:none}.replacement-btn{background:var(--accent);color:#031525;border:2px solid #0000;border-radius:16px;min-width:90px;min-height:70px;padding:.75rem 1.25rem;font-size:1.8rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;box-shadow:0 8px 25px #38bdf84d}.replacement-btn:hover:not(:disabled),.replacement-btn:focus-visible:not(:disabled){filter:brightness(1.1);transform:translateY(-4px)scale(1.05);box-shadow:0 12px 30px #38bdf866}.replacement-btn:active:not(:disabled){transform:scale(.95)}.replacement-btn.correct{color:#052e16;border-color:var(--success);background:#4ade80e6;box-shadow:0 8px 25px #4ade804d}.replacement-btn.incorrect{color:#450a0a;border-color:var(--error);background:#f87171e6;box-shadow:0 8px 25px #f871714d}.replacement-btn:disabled{cursor:not-allowed;opacity:.6}.comparison-layout{max-width:800px;margin:0 auto}.comparison-header{justify-content:space-between;align-items:center;display:flex}.comparison-tile{text-align:center;padding:2rem 1.5rem}.comparison-numbers{justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0;display:flex}.comparison-btn{background:var(--panel-alt);width:clamp(150px,28vw,220px);min-height:clamp(100px,20vw,150px);color:var(--text);cursor:pointer;white-space:normal;word-break:break-word;border:3px solid #0000;border-radius:24px;flex:0 0 clamp(150px,28vw,220px);justify-content:center;align-items:center;padding:1.5rem 2rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.15;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 25px #0003}.comparison-btn:hover:not(:disabled),.comparison-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-6px)scale(1.03);box-shadow:0 12px 35px #38bdf84d}.comparison-btn:active:not(:disabled){transform:scale(.97)}.comparison-btn.correct{color:#052e16;border-color:var(--success);background:#4ade80e6;box-shadow:0 8px 25px #4ade804d}.comparison-btn.incorrect{color:#450a0a;border-color:var(--error);background:#f87171e6;box-shadow:0 8px 25px #f871714d}.comparison-btn:disabled{cursor:not-allowed;opacity:.7}.comparison-btn.word-display{padding:1rem 1.1rem;font-size:clamp(1rem,2.6vw,1.45rem)}.comparison-vs{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:600}.comparison-settings-content{text-align:left}.comparison-setting-group{margin:1.25rem 0}.comparison-setting-label{color:var(--text);margin-bottom:.5rem;font-weight:600;display:block}.comparison-setting-options{flex-wrap:wrap;gap:.75rem;display:flex}.comparison-range-btn,.comparison-display-btn,.comparison-type-btn{background:var(--panel-alt);color:var(--text);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:12px;flex:1;min-width:80px;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s}.comparison-range-btn:hover,.comparison-display-btn:hover,.comparison-type-btn:hover{background:var(--panel);border-color:var(--accent)}.comparison-range-btn.selected,.comparison-display-btn.selected,.comparison-type-btn.selected{background:var(--accent);color:#031525;border-color:var(--accent);box-shadow:0 4px 15px #38bdf84d}@media (width<=480px){.comparison-numbers{gap:1rem}.comparison-btn{flex-basis:min(44vw,180px);width:min(44vw,180px);min-height:90px;padding:1rem 1.25rem;font-size:clamp(1.5rem,8vw,2.5rem)}.comparison-btn.word-display{font-size:clamp(.95rem,3.4vw,1.25rem)}}.word-problems-layout{text-align:center}.word-problems-header{text-align:left;align-self:flex-start;gap:.35rem;display:grid}.word-problems-header .eyebrow{font-size:1.15rem}.word-problems-header .sum-goal-display{letter-spacing:-.03em;font-size:clamp(2.7rem,6vw,3.4rem);line-height:1.05}.word-problems-tile{text-align:center}.word-problems-prompt{min-height:3rem;padding:1rem .5rem;font-size:clamp(1.75rem,5.5vw,2.75rem);font-weight:600;line-height:1.5}.wp-number{color:var(--accent-3)}.word-problems-answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.word-problems-btn{background:var(--panel-alt);cursor:pointer;min-height:100px;color:var(--text);border:2px solid #0000;border-radius:20px;font-family:inherit;font-size:2.3rem;font-weight:700;transition:background .2s,transform .2s}.word-problems-btn:hover:not(:disabled),.word-problems-btn:focus-visible:not(:disabled){background:var(--panel);border-color:var(--accent);transform:translateY(-4px)}.word-problems-btn:active:not(:disabled){transform:scale(.97)}.word-problems-btn.correct{color:#052e16;background:#4ade80e6}.word-problems-btn.incorrect{color:#450a0a;background:#f87171e6}.word-problems-settings-content{text-align:left}.wp-setting-group{margin:1.25rem 0}.wp-setting-label{color:var(--text);margin-bottom:.5rem;font-weight:600;display:block}.wp-setting-options{flex-wrap:wrap;gap:.75rem;display:flex}.wp-cap-btn,.wp-display-btn{background:var(--panel-alt);cursor:pointer;color:var(--text);border:2px solid #0000;border-radius:12px;padding:.6rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s,border-color .2s}.wp-cap-btn:hover,.wp-display-btn:hover{background:var(--panel)}.wp-cap-btn.selected,.wp-display-btn.selected{border-color:var(--accent,#6366f1);background:var(--panel)}