@media(max-width:750px){
 main{padding:0 10px}.layout{min-width:0;gap:14px}
 .play{width:var(--junior-mobile-width,100%);max-width:100%;margin:0 auto;min-width:0}
 .board-wrap{padding:5px;border-width:2px;margin:7px 0 10px;border-radius:12px}
 #board{width:100%;aspect-ratio:calc(var(--width,5) / 9);grid-template-rows:repeat(9,minmax(0,1fr))}
 #board button{min-height:0;min-width:0;aspect-ratio:1;padding:1px}
 .player-row{padding:5px 7px;margin:3px 0;font-size:11px;gap:4px}.player-row time{font-size:17px;flex-shrink:0}
 .hand{min-height:26px;max-height:62px;overflow-y:auto;padding:2px;gap:3px;align-content:start}
 .hand button{padding:2px 4px;min-height:34px;font-size:12px}.hand .piece.token.has-art{width:26px;height:30px}
 header{padding:10px;gap:6px}.edition{padding:3px 7px}.back-to-experiences{padding:7px 9px;font-size:12px}
 .intro{padding:6px 3px 10px}.intro h1{font-size:27px}.intro p{margin:5px 0;font-size:12px}.intro-star{font-size:42px;padding:0 4px}
 .toolbar{padding:9px;gap:8px;margin-bottom:12px}.toolbar label{font-size:12px}.toolbar input{width:56px}.toolbar button{min-height:40px}
 .speech{font-size:clamp(8px,2.2vw,10px);padding:2px 3px}
 .result-card{padding:12px;border-width:3px}.result-card h2{font-size:24px}.result-card p{font-size:12px}.result-card .result-symbol{font-size:26px}
}