:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#241c46;background:#f7f5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 100% 0,#eee7ff 0,transparent 40%),#f7f5ff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ffb347;outline-offset:3px}.shell{max-width:760px;margin:auto;padding:0 17px 40px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 23px;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brandicon{width:43px;height:43px;background:#7448ed;color:white;display:grid;place-items:center;border-radius:15px;font-size:30px;box-shadow:0 6px 16px #7548ed4d}.brand strong{font-size:23px;letter-spacing:-1px}.brand strong span{color:#7948e8}.brand small{display:block;font-size:11px;color:#857e9e}.pill{background:white;border:1px solid #e9e3f8;border-radius:30px;padding:10px 12px;font-size:12px;font-weight:800}.screen{display:none}.screen.active{display:block}.hero{background:linear-gradient(125deg,#6947e8,#a354ed 65%,#f074bd);color:white;border-radius:27px;padding:27px 24px 21px;box-shadow:0 13px 27px #7548ed35;overflow:hidden;position:relative}.hero:after{content:'✦';position:absolute;font-size:180px;opacity:.1;right:-12px;top:-52px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.1px;background:#ffffff2c;border-radius:30px;padding:8px 12px;display:inline-block}.hero h1{font-size:clamp(28px,7vw,43px);line-height:1.12;letter-spacing:-1.4px;margin:21px 0 10px;max-width:460px}.hero em{color:#ffe182;font-style:normal}.hero p{color:#f5eaff;font-size:14px;max-width:400px;line-height:1.5}.hero-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:700;margin-top:24px}.shell h2{font-size:20px;margin:27px 0 15px}.gamegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.gamecard{text-align:left;border:0;border-radius:22px;min-height:188px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 7px 15px #3a26640b;transition:transform .15s}.gamecard:active{transform:scale(.97)}.gamecard .emoji{font-size:37px;margin-bottom:15px}.gamecard strong{font-size:17px;letter-spacing:-.5px}.gamecard small{font-size:12px;margin-top:6px;opacity:.8}.go{margin-top:auto;padding-top:14px;font-size:12px;font-weight:900}.purple{background:#e9dfff;color:#5d35c8}.green{background:#d6f9e9;color:#13785b}.orange{background:#fff0ce;color:#99600e}.pink{background:#ffe1ee;color:#bc386d}.stats{margin-top:20px}.statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{background:white;padding:14px;border-radius:17px;border:1px solid #eee9fa}.stat small{color:#827a98;display:block;font-size:12px}.stat strong{display:block;margin-top:5px;font-size:23px}.adnote{border:1px dashed #d5cdea;color:#9d94b1;text-align:center;border-radius:14px;padding:20px 8px;margin-top:26px;font-size:11px}.topline{display:flex;align-items:center;justify-content:space-between;margin:6px 0 17px}.back{background:white;border:1px solid #e6e0f5;border-radius:13px;padding:12px 15px;color:#6546b5;font-weight:800}.tag{font-size:12px;color:#756a92;font-weight:800}.panel{background:white;border:1px solid #ebe5f8;border-radius:24px;padding:23px 18px;box-shadow:0 8px 22px #4d397112}.panel h1{font-size:25px;letter-spacing:-.8px;margin:0 0 7px}.muted{color:#837b98;font-size:13px;line-height:1.55}.progress{height:9px;border-radius:20px;background:#eee9fb;overflow:hidden;margin:18px 0}.progress>div{height:100%;background:linear-gradient(90deg,#7450ee,#ed70b7);border-radius:20px;transition:width .25s}.question{font-size:20px;font-weight:850;line-height:1.4;margin:21px 0}.answers{display:grid;gap:10px}.answer{width:100%;background:#f8f6ff;color:#32244d;border:2px solid #eee8fa;border-radius:15px;text-align:left;padding:15px;font-weight:700}.answer:active{transform:scale(.99)}.answer.correct{background:#d8f9e9;border-color:#36bf83}.answer.wrong{background:#ffe1e5;border-color:#f06d80}.answer:disabled{cursor:default}.primary{border:0;background:#7149e9;color:white;padding:14px 18px;border-radius:14px;font-weight:850;box-shadow:0 5px 12px #7149e933}.primary:disabled{opacity:.45}.secondary{background:#f0ebff;color:#6640ca;border:0;border-radius:14px;padding:14px 18px;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.feedback{background:#f5f1ff;border-radius:13px;padding:12px 14px;margin-top:13px;font-size:13px;line-height:1.5}.score{font-size:50px;color:#7448e8;font-weight:950;margin:14px 0}.wordboard{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:330px;margin:20px auto}.tile{aspect-ratio:1;border:2px solid #ded7ef;border-radius:9px;display:grid;place-items:center;font-size:23px;font-weight:900;text-transform:uppercase;background:#fbfaff}.tile.good{background:#25ae78;color:white;border-color:#25ae78}.tile.near{background:#f4b949;color:#342c1c;border-color:#f4b949}.tile.bad{background:#a5a0b3;color:white;border-color:#a5a0b3}.wordform{display:flex;gap:8px;justify-content:center}.wordform input{min-width:0;width:160px;text-align:center;text-transform:uppercase;font-size:23px;letter-spacing:4px;font-weight:900;border:2px solid #d7c9fa;border-radius:13px;padding:12px}.wordform button{padding:12px}.notice{color:#b5455e;font-size:13px;margin-top:10px}.math-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.mathproblem{text-align:center;font-size:42px;font-weight:950;margin:28px 0 18px}.mathform{display:flex;gap:9px}.mathform input{width:100%;min-width:0;padding:13px;border-radius:14px;border:2px solid #dcd1f5;font-size:24px;text-align:center}.mathform button{white-space:nowrap}footer{text-align:center;color:#a49bb5;font-size:11px;margin-top:35px}@media(min-width:600px){.gamegrid{grid-template-columns:repeat(4,minmax(0,1fr))}.gamecard{min-height:205px}.gamecard strong{font-size:16px}}@media(max-width:360px){.gamecard{padding:14px;min-height:175px}.gamecard strong{font-size:15px}.pill{font-size:10px}}