:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183153;background:linear-gradient(180deg,#f6fff5,#eef8ff)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg,#f6fff5,#eef8ff)}button,input{font:inherit}button{border:none;border-radius:18px;padding:.9rem 1.1rem;cursor:pointer;background:#eef4ff;color:#183153;font-weight:700;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0a32641f}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}button.primary{background:linear-gradient(135deg,#31b45d,#1f8b45);color:#fff}button.danger{background:#ffe6e6;color:#a11}button.ghost{background:#fff;border:1px solid #dde8f4}input{width:100%;border-radius:18px;border:2px solid #dbe7ff;padding:1rem}input:focus{outline:none;border-color:#31b45d;box-shadow:0 0 0 4px #31b45d1f}.app-shell{min-height:100vh;padding:18px;position:relative;overflow:hidden}.background-orb{position:fixed;border-radius:999px;filter:blur(10px);opacity:.25;pointer-events:none}.orb-1{width:280px;height:280px;background:#9af0b1;top:-40px;left:-40px}.orb-2{width:320px;height:320px;background:#9cd2ff;bottom:-80px;right:-40px}.app-card{width:min(1180px,100%);margin:0 auto;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:24px;box-shadow:0 20px 60px #285a781f}.topbar,.section-title-row,.player-strip,.play-head,.result-actions,.topbar-actions{display:flex;gap:12px;align-items:center}.topbar{justify-content:space-between;margin-bottom:18px}.brand{display:flex;gap:16px;align-items:center}.brand-logo{width:92px;height:92px;object-fit:contain;border-radius:22px;background:#fff;padding:8px;box-shadow:0 8px 24px #31b45d2e}.eyebrow{margin:0 0 4px;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#2b8f4d;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(2rem,4vw,3rem)}.subtext{color:#58708b;max-width:720px}.pill{background:#fff;border:1px solid #dfe9f6}.pill.active{background:#ddf7e6;color:#156f38}.player-strip{justify-content:flex-start;margin:12px 0 20px;flex-wrap:wrap}.panel{background:linear-gradient(180deg,#fffffff5,#f7fbfff5);border:1px solid #e8eff9;border-radius:28px;padding:24px}.profile-grid,.module-grid,.level-grid,.category-grid,.dashboard-grid,.avatar-grid{display:grid;gap:16px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.module-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.level-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin:14px 0}.player-card,.module-card,.level-card,.category-card,.dashboard-card,.op-card{background:#fff;border:1px solid #e4edf8;border-radius:24px;padding:18px;text-align:left}.player-card.compact{display:flex;align-items:center;gap:12px;padding:12px 16px}.profile-select{width:100%;background:transparent;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:none!important}.card-actions{display:flex;gap:8px;margin-top:12px}.avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#f4fbf6;font-size:2rem}.avatar.big{width:52px;height:52px;font-size:1.7rem}.small-muted{color:#71839a;font-size:.92rem}.module-card{min-height:180px;display:flex;flex-direction:column;gap:12px}.module-emoji{font-size:2.2rem}.operation-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.op-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.op-card.selected,.level-card.selected,.avatar-choice.selected{border:2px solid #31b45d;background:#f5fff8}.level-card.locked{opacity:.6}.play-panel{text-align:center}.play-head{justify-content:space-between;align-items:flex-start}.question-box{background:#f7fbff;border:1px solid #e3eef9;border-radius:28px;padding:30px 20px;margin:12px 0 18px}.math-question{font-size:clamp(2rem,6vw,4rem);font-weight:800;letter-spacing:.04em}.answer-row{display:flex;gap:12px;max-width:420px;margin:0 auto}.answer-row input{text-align:center;font-size:1.2rem}.spelling-card{background:linear-gradient(180deg,#fff,#f6fbff);border:1px solid #e4edf8;border-radius:28px;padding:24px}.emoji-picture{font-size:4.5rem;margin-bottom:8px}.spelling-word{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;letter-spacing:.24em;margin-bottom:16px;color:#1b3550}.clue,.sentence{color:#597088;margin-bottom:10px}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,90px));gap:12px;justify-content:center;margin-top:16px}.choice-btn{font-size:1.4rem;padding:1rem 0;background:#eef8ff}.feedback{margin-top:16px;background:#f6fff8;color:#1d6f3b;border:1px solid #d8f0e0;border-radius:18px;padding:14px 16px;font-weight:700}.stars{display:flex;gap:6px;font-size:1.5rem}.result-panel{text-align:center}.confetti-line{font-size:1.6rem;margin-bottom:8px}.big-score{font-size:1.5rem;font-weight:800;color:#173454}.footer-note{margin-top:16px;text-align:right;color:#7991a8;font-size:.88rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f19235c;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(520px,100%);background:#fff;border-radius:28px;padding:24px;box-shadow:0 20px 60px #0000002e}.modal.wide{width:min(900px,100%)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f8}.avatar-choice{font-size:1.8rem;background:#fff;border:1px solid #e3edf8}.dashboard-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}@media (max-width: 900px){.topbar,.play-head{flex-direction:column;align-items:flex-start}.operation-row{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-actions{flex-wrap:wrap}}@media (max-width: 640px){.app-card{padding:16px;border-radius:24px}.brand{align-items:flex-start}.brand-logo{width:72px;height:72px}.answer-row{flex-direction:column}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}