:root{--green:#6458a4}body.home{background:radial-gradient(ellipse at top right,#e8e2f4,transparent 60%),#faf7ed}.home .home-hero::after{background:linear-gradient(90deg,#29244cf2 5%,#29244cdd 47%,#173e3220)}.home .home-hero .eyebrow{color:#efcfff}.home .grades{grid-template-columns:1fr;gap:7px}.home .grades .grade{justify-content:flex-start;padding:10px 12px}.home .grade b{display:grid;background:#f0eaf5}.home .grade.active{background:#eeebf6;border-color:#8172b5}.home .grade.active b{background:#6458a4}.home .grade strong{font-size:14px}.home .grade small{display:block;font-size:11px;text-align:left;margin-top:4px}.home .grade span{text-align:left}.home .intro .eyebrow{color:#6458a4}.board{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cell .answer{font-size:clamp(12px,3vw,24px)!important;letter-spacing:0}.cell.player .num{font-size:clamp(12px,2.8vw,22px)!important;text-align:center;padding:2px;right:2px}.cell.player .board-bean{max-height:45%;height:45%;bottom:2px}.reading-audio{font-size:11px;min-height:30px;padding:5px 10px;margin:5px 0 0}.game .mission h2{font-family:'Trebuchet MS',Arial,sans-serif;font-size:clamp(14px,2.3vh,23px)!important;line-height:1.25;max-width:1000px;margin:5px auto;padding:0 8px}.game-footer .controls{gap:4px}.game-footer .controls button{min-width:38px;min-height:44px;font-size:15px}.game-footer .controls .eat{min-width:65px;padding:0 10px;font-size:13px}#hear-word{font-size:11px;padding:0 8px}body:not(.home) .board{grid-auto-rows:minmax(0,1fr)}.reading-audio:disabled{opacity:.5;cursor:default}@media(max-width:760px){.home .grade strong{font-size:13px}.home .grades{grid-template-columns:1fr}.game-footer{flex-wrap:wrap}.game-footer>span{font-size:9px!important}.game .mission h2{font-size:clamp(13px,2vh,18px)!important}.reading-audio{font-size:10px;min-height:27px;padding:3px 8px}.cell .answer{font-size:clamp(11px,3vw,20px)!important}.cell.player .num{font-size:clamp(11px,3vw,18px)!important}}@media(max-width:380px){.game-footer>span{display:none}.game-footer .controls button{min-width:36px}#hear-word{padding:0 5px}.game-footer .controls .eat{min-width:59px}}@media(orientation:landscape) and (max-height:650px){.game .mission h2{font-size:13px!important}.reading-audio{font-size:10px;min-height:25px}}

.reading-mode-strip{text-align:center;font-size:11px;font-weight:bold;letter-spacing:.06em;background:#eae5f4;color:#493975;padding:6px;border-radius:7px;margin:3px 8px}.game .cell .answer{white-space:normal;line-height:1.12;max-width:100%;padding:3px;font-size:clamp(10px,2.5vw,21px)!important}.cell.player .num{white-space:normal;line-height:1.1;font-size:clamp(9px,2.4vw,18px)!important}.cell.player .board-bean{height:35%;max-height:35%}body:not(.home) .game{grid-template-rows:auto auto auto auto auto auto auto minmax(0,1fr) auto auto}#passage-dialog{border:1px solid #b6c1a9;border-radius:16px;background:#fffdf3;color:#254535;max-width:720px;width:calc(100% - 28px);max-height:90dvh;padding:30px;box-sizing:border-box}#passage-dialog::backdrop{background:#102b29d9}#passage-title{font:30px/1.2 Georgia,serif;margin:12px 0 20px}#passage-text{font:17px/1.85 'Trebuchet MS',Arial,sans-serif;white-space:pre-line}#passage-task{font-weight:bold;border-top:1px solid #d9dfc9;padding-top:20px;font-size:15px;line-height:1.6}.passage-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.home #legacy-reading-note{font-size:11px;line-height:1.7}.toolbar-actions{flex-wrap:wrap}body:not(.home) .toolbar-actions button{font-size:12px;padding:7px 9px}@media(max-width:760px){.reading-mode-strip{font-size:9px;padding:4px}.game .cell .answer{font-size:clamp(10px,2.9vw,17px)!important}.home .grade strong{font-size:13px}#passage-dialog{padding:23px}#passage-text{font-size:16px;line-height:1.75}body:not(.home) .toolbar-actions button{font-size:10px;padding:5px}}@media(orientation:landscape) and (max-height:650px){body:not(.home) .game>.reading-mode-strip{grid-column:1}body:not(.home) .board-wrap{grid-row:1/10}}
