@media(min-width:850px) and (max-height:780px){
 .screen{padding-top:0}.site-header{height:80px}.screen{min-height:calc(100svh - 80px)}
 .intro{min-height:calc(100svh - 125px)}.intro h1{font-size:3rem}.explore{width:245px;height:245px}
 .mode-art{aspect-ratio:1.125;max-width:150px}.mode-card{padding:5px 8px 10px}.menu-grid{gap:12px;max-width:1050px}.mode-card{flex-basis:calc(25% - 12px)}
 .panel{padding:16px 24px}.play-panel h1{font-size:1.8rem;margin:7px 0 12px}.progress{margin:9px 0}.hero-picture{max-width:340px}
 .flip-board{max-height:calc(100svh - 380px);grid-template-rows:repeat(4,minmax(0,1fr));height:calc(100svh - 380px)}
 .flip-card{aspect-ratio:auto}.board-20{grid-template-rows:repeat(5,minmax(0,1fr))}.board-30{grid-template-rows:repeat(6,minmax(0,1fr))}
 .flip-card>span{font-size:.7rem}.wheel-wrap{width:min(53vh,470px);--wheel-diameter:min(53vh,470px)}
 .wheel-marker{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(min(53vh,470px)*.375)) rotate(var(--counter))}
 .detective-canvas{max-width:390px}.clue-picture{width:85px}.feather-trail{height:45px}.letter-word{margin:12px auto}.feedback-row{min-height:64px;margin-top:7px}.used-letters{margin:8px 0}
}
@media(max-width:849px){
 .screen{padding:8px 18px 28px}.site-header{padding:12px 18px;height:85px}.home img{width:48px;height:48px}.utilities button{padding:10px 12px}
 .mode-card{flex-basis:calc(33.333% - 15px);min-width:150px}.panel{padding:22px}.category-card{flex-basis:calc(33.333% - 12px)}
 .learning-layout{gap:20px}.word-detail{gap:8px}.hero-picture{max-width:370px}.board-30{grid-template-columns:repeat(16,minmax(0,1fr))}
}
@media(max-width:560px){
 .site-header{height:78px;padding:10px;gap:6px}.home{padding:4px 10px 4px 4px;gap:5px;font-size:.85rem}.home img{width:43px;height:43px}.utilities{gap:5px}.utilities button{font-size:.75rem;padding:8px;min-height:44px;border-radius:12px}
 .screen{padding:8px 12px 24px;min-height:calc(100svh - 78px)}.intro{min-height:calc(100svh - 118px)}.intro h1{font-size:3rem;margin-bottom:25px}.intro .eyebrow{font-size:.65rem}.explore{width:255px;height:255px}.invitation{max-width:320px;font-size:.85rem;line-height:1.5;margin-top:24px}
 .page-title{margin:16px 0 20px}.page-title h1{font-size:2rem}.page-title .eyebrow{font-size:.6rem}.menu-grid{gap:10px}.mode-card{flex-basis:calc(50% - 5px);min-width:0;padding:6px 6px 12px;border-radius:18px}.mode-card strong{font-size:.86rem}.mode-art{aspect-ratio:1.125}.coming{font-size:.62rem}.teacher-notes{font-size:.85rem}
 .panel{padding:16px 12px;border-radius:20px}.topline{font-size:.75rem;gap:7px}.topline button{font-size:.8rem;padding:8px 13px}.topline>span:nth-child(2){max-width:52%}.setup-panel .topline>span{font-size:.7rem}.category-grid{gap:8px}.category-card{flex-basis:calc(50% - 4px);min-width:0}.category-card strong{font-size:.8rem}.category-card>span{font-size:.72rem}.category-card .picture{width:95px}.setup-form>label{flex-direction:column;gap:6px}.setup-form select{width:100%}.setup-form fieldset{margin-bottom:8px}
 .learning-layout{grid-template-columns:1fr;gap:16px}.hero-picture{width:min(100%,320px)}.word-detail{align-items:center;text-align:center}.definition{font-size:1.25rem}.word-detail details{text-align:left}.reading-sentence{font-size:1.5rem}.answer-grid{gap:9px}.answer-grid>button{font-size:.95rem;min-width:0;padding:7px;flex-basis:30%}.answer-grid>button strong{font-size:.85rem}.answer-grid.categories>button{flex-basis:44%;font-size:.85rem}.answer-grid.text-only{flex-direction:column;min-height:0}.answer-grid.text-only>button{width:100%;max-width:none;min-height:62px;font-size:1rem;padding:13px}.teacher-toggles{gap:12px;font-size:.72rem}.teacher-toggles label{gap:5px}.question-picture{width:210px}.target-picture{width:120px}
 .feedback-row{gap:8px;min-height:84px;align-items:center}.feedback-row p{font-size:.85rem;flex:1}.next{min-width:90px;padding:12px}.spelling-clue{gap:12px}.clue-picture{width:95px}.spelling-clue p{font-size:.85rem}.feather-trail{height:48px;gap:8px}.feather{width:20px}.letter-word{gap:6px;margin:15px auto}.word-part{gap:3px}.letter{min-width:23px;font-size:1.15rem;padding:5px 3px}.keyboard{gap:5px}.keyboard button{width:calc((100% - 35px)/8);min-width:30px;min-height:45px;padding:4px;font-size:.95rem}.used-letters{font-size:.72rem}.flip-board{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.flip-card{aspect-ratio:.8;padding:4px;min-height:90px}.flip-card>span{font-size:.63rem}.board-20,.board-30{grid-template-columns:repeat(10,minmax(0,1fr))}.board-20 .flip-card,.board-30 .flip-card{aspect-ratio:.66;min-height:86px}.flip-card>span{overflow-wrap:anywhere}.wheel-wrap{width:min(78vw,400px);margin:30px auto}.wheel-marker{width:19%;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(min(78vw,400px)*.355)) rotate(var(--counter))}.wheel-disc{border-width:8px}.spin{width:75px;height:75px;padding:5px;font-size:.85rem}.wheel-reading{font-size:3rem;min-height:280px}.detective-settings{gap:8px}.detective-settings label{font-size:.75rem;gap:5px}.detective-settings select{font-size:.8rem;padding:8px}.detective-controls{gap:6px}.detective-controls button{font-size:.8rem;padding:10px 12px}.results{margin-top:5vh}.result-stars{letter-spacing:.05em}.notice{width:90%;font-size:.85rem}
}

@media(max-width:849px){.flip-card{grid-column:var(--start-tablet,auto) / span 2;}}
@media(max-width:560px){.flip-card{grid-column:var(--start-phone,auto) / span 2;}}