@media(max-width:850px){.hero,.dashboard-grid,.parent-sections{grid-template-columns:1fr}.hero-visual{min-height:180px}.stats-grid{grid-template-columns:repeat(2,1fr)}.icon-button span{display:none}.topbar{padding-inline:1rem}.brand small{display:none}.parent-button{padding-inline:.7rem}.analysis-grid{grid-template-columns:1fr}}
@media(max-width:520px){body{font-size:17px}.topbar{height:72px}.brand strong{font-size:.88rem}.brand-mark{width:40px;height:40px}.top-actions{gap:.25rem}.icon-button{padding:.55rem;min-width:44px}.parent-button{font-size:.78rem}#app{width:min(100% - 1.2rem,var(--max));padding-top:1rem}.card{padding:1rem;border-radius:17px}.hero{padding:1.2rem;min-height:0}.hero-actions .button,.button-row .button{flex:1}.game-board{grid-template-columns:1fr}.match-grid{grid-template-columns:1fr}.quiz-head,.lesson-head{align-items:flex-start;flex-wrap:wrap}.quiz-head .progress,.lesson-head .progress{order:3;flex-basis:100%}}
@media(min-width:1600px){:root{--max:1480px}body{font-size:21px}.topbar{height:96px}.lesson-stage{min-height:650px}.button,.option{min-height:58px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}