:root{--cream: #FBF8F1;--ink: #17293B;--blue: #2F6BD8;--gold: #F5C84A;--green: #2F8F62;--mint: #DBEFE2;--ink-70: rgba(23, 41, 59, .7);--ink-45: rgba(23, 41, 59, .45);--blue-soft: #E5EEFB;--gold-soft: #FDF3D6;--shadow: 0 6px 20px rgba(23, 41, 59, .12);--shadow-lg: 0 12px 40px rgba(23, 41, 59, .18);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--font: "Baloo 2", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .8rem;--fs-sm: .95rem;--fs-md: 1.1rem;--fs-lg: 1.4rem;--fs-xl: 2rem;--fs-2xl: 2.8rem}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--cream);font-size:var(--fs-md);line-height:1.4;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none}.logo-mark{display:inline-flex;gap:3px;align-items:flex-end;height:26px}.logo-mark i{display:block;width:6px;border-radius:3px}.logo-mark i:nth-child(1){height:40%;background:var(--blue)}.logo-mark i:nth-child(2){height:65%;background:var(--gold)}.logo-mark i:nth-child(3){height:100%;background:var(--green)}.logo-mark i:nth-child(4){height:75%;background:var(--ink)}.logo-mark i:nth-child(5){height:50%;background:var(--blue)}.screen{max-width:1000px;margin:0 auto;padding:20px clamp(16px,4vw,40px) 60px;min-height:100%}.appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 18px}.appbar .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--fs-lg)}.card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:18px}@media (min-width: 720px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-md);background:var(--mint);color:var(--ink);transition:transform .08s ease,filter .12s ease;min-height:48px}.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff}.btn-gold{background:var(--gold);color:var(--ink)}.btn-green{background:var(--green);color:#fff}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink-45)}.btn-block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.game-card{cursor:pointer;border:none;text-align:left;border-radius:var(--r-lg);padding:22px;color:#fff;box-shadow:var(--shadow);min-height:168px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .1s ease,box-shadow .1s ease}.game-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.game-card .subject{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.9;font-weight:700}.game-card h3{margin:6px 0 0;font-size:var(--fs-xl)}.game-card p{margin:0;opacity:.95}.game-card .emoji{font-size:40px}.gold-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold-soft);color:var(--ink);border-radius:var(--r-pill);padding:8px 16px;font-weight:800;font-size:var(--fs-md)}.gold-coin{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold));box-shadow:inset 0 -2px 3px #00000026;display:inline-block}.meter{margin:10px 0}.meter .label{display:flex;justify-content:space-between;font-size:var(--fs-sm);margin-bottom:4px}.meter .track{height:12px;border-radius:6px;background:var(--mint);overflow:hidden}.meter .fill{height:100%;border-radius:6px;transition:width .3s ease}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:var(--r-pill);box-shadow:var(--shadow-lg);z-index:50;max-width:90vw;text-align:center;animation:pop .25s ease}@keyframes pop{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.game-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cream);display:flex;flex-direction:column}.game-stage .frame{flex:1;min-height:0}.muted{color:var(--ink-70)}.section-title{font-size:var(--fs-lg);font-weight:800;margin:26px 0 12px}.pill-tag{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;background:var(--mint);color:var(--ink)}.field{display:block;margin-bottom:14px}.field span{display:block;font-weight:700;margin-bottom:4px;font-size:var(--fs-sm)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:var(--r-md);border:2px solid var(--mint);font:inherit;color:var(--ink);background:#fff}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}body.a11y-dyslexia{font-family:Trebuchet MS,Verdana,system-ui,sans-serif;letter-spacing:.04em;word-spacing:.14em;line-height:1.7}body.a11y-large{font-size:1.22rem}body.a11y-contrast{--ink: #000000;--ink-70: #000000;--ink-45: #1a1a1a;--cream: #ffffff}body.a11y-contrast .muted{color:#000!important;opacity:1!important}body.a11y-contrast .card{border:2px solid #000}body.a11y-contrast .btn{outline:2px solid #000}body.a11y-reduce *,body.a11y-reduce *:before,body.a11y-reduce *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}