@media(min-width:1000px) {
 body.game-screen { --play-scale:1.25; --play-width:1350px; }
 body.game-screen[data-play-size="normal"] { --play-scale:1; --play-width:1080px; }
 body.game-screen[data-play-size="xlarge"] { --play-scale:1.5; --play-width:1620px; }
 body.game-screen main { padding-inline:24px; }
 body.game-screen header h1 { font-size:calc(19px * var(--play-scale)); }
 body.game-screen .brand-sub { font-size:12px; }
 body.game-screen :is(.learning-page,.memo-page,.hab-page,.create-page,.alp-page,.mail-page,.sudoku-page,.sopa-page,.ahorcado-page,.letra-page,.dado-page,.dress-page) { width:100%; max-width:min(100%,var(--play-width)); }
 body.game-screen main :is(.btn,select,.file-btn),body.game-screen .sound-toggle { font-size:calc(14px * var(--play-scale)); min-height:calc(44px * min(var(--play-scale),1.25)); }
 body.game-screen main :is(.control-group,.learning-controls label,.create-controls label,.alp-controls label,.mail-controls label) { font-size:calc(12px * var(--play-scale)); }
 body.game-screen :is(.game-prompt,#mailPrompt) { font-size:calc(27px * var(--play-scale)); }
 body.game-screen :is(.game-feedback,.create-feedback,.alp-feedback,#mailFeedback,.hab-instruction,.dress-feedback) { font-size:calc(16px * var(--play-scale)); }
 body.game-screen :is(.game-progress,#createProgress,#alpProgress,#mailProgress) { font-size:calc(14px * var(--play-scale)); }
 body.game-screen .hab-zone { --hab-thumb:calc(56px * var(--play-scale)); }
 body.game-screen .pool-animal { width:calc(96px * var(--play-scale)); }
 body.game-screen .pool-animal img { width:calc(76px * var(--play-scale)); height:calc(76px * var(--play-scale)); }
 body.game-screen .pool-animal-name { font-size:calc(12px * var(--play-scale)); max-width:none; }
 body.game-screen .hab-card > .zone-header { font-size:calc(17px * var(--play-scale)); }
 body.game-screen .memo-card-reveal .card-name { font-size:calc(13px * var(--play-scale)); }
 body.game-screen .memo-grid.cols-4 { max-width:min(100%,calc((100svh - 310px) * 4 / 3 * var(--play-scale))); }
 body.game-screen .memo-grid.cols-6 { max-width:min(100%,calc((100svh - 310px) * 2 * var(--play-scale))); }
 body.game-screen .memo-grid.cols-6:has(> :nth-child(19)) { max-width:min(100%,calc((100svh - 310px) * 1.5 * var(--play-scale))); }
 body.game-screen .number-answer { font-size:calc(36px * var(--play-scale)); min-width:calc(76px * var(--play-scale)); min-height:calc(64px * var(--play-scale)); }
 body.game-screen .series-tile img { height:calc(88px * var(--play-scale)); max-width:calc(100px * var(--play-scale)); }
 body.game-screen .animal-answer { width:calc(112px * var(--play-scale)); min-height:calc(120px * var(--play-scale)); }
 body.game-screen .animal-answer img { width:calc(80px * var(--play-scale)); height:calc(80px * var(--play-scale)); }
 body.game-screen .animal-grid { max-width:calc(620px * var(--play-scale)); }
 body.game-screen :is(.word-slot,.letter-tile) { min-width:calc(56px * var(--play-scale)); min-height:calc(56px * var(--play-scale)); font-size:calc(24px * var(--play-scale)); }
 body.game-screen .path-grid { width:min(100%,calc(300px * var(--play-scale))); }
 body.game-screen .picture-choice img { height:calc(110px * var(--play-scale)); }
 body.game-screen .market-product > img { height:calc(136px * var(--play-scale)); }
 body.game-screen[data-learning="missing"] .missing-scene,
 body.game-screen[data-learning="missing"] .missing-scene[data-phase="answer"] { max-width:calc(520px * var(--play-scale)); }
 body.game-screen .missing-scene .missing-tile { height:calc(100px * var(--play-scale)); font-size:calc(12px * var(--play-scale)); }
 body.game-screen .missing-scene .missing-tile img { height:calc(70px * var(--play-scale)); }
 body.game-screen[data-learning="missing"] .missing-choices .picture-choice img { height:calc(100px * var(--play-scale)); }
 body.game-screen[data-learning="missing"] .missing-choices .picture-choice,
 body.game-screen[data-learning="missing"] .missing-choice-placeholder { height:calc(134px * var(--play-scale)); min-height:calc(134px * var(--play-scale)); }
 body.game-screen .match-card img { height:calc(70px * var(--play-scale)); }
 body.game-screen .create-workspace { grid-template-columns:minmax(0,min(calc(780px * var(--play-scale)),max(360px,calc(100svh - 300px)))) minmax(280px,1fr); }
 body.game-screen .create-bank { grid-template-columns:repeat(4,minmax(0,1fr)); max-height:max(280px,calc(100svh - 340px)); }
 body.game-screen .create-item img { height:calc(76px * var(--play-scale)); }
 body.game-screen .create-item span { font-size:calc(11px * var(--play-scale)); }
 body.game-screen .house-label { font-size:calc(12px * var(--play-scale)); }
 body.game-screen .house-done img { width:calc(46px * var(--play-scale)); height:calc(46px * var(--play-scale)); }
 body.game-screen .alp-workspace { grid-template-columns:minmax(0,min(1050px,max(480px,calc((100svh - 330px) * 760 / 540)))) minmax(300px,1fr); }
 body.game-screen .alp-bank { grid-auto-rows:calc(72px * var(--play-scale)); max-height:max(300px,calc(100svh - 360px)); }
 body.game-screen .alp-piece-letter { font-size:calc(23px * var(--play-scale)); min-width:calc(27px * var(--play-scale)); height:calc(29px * var(--play-scale)); }
 body.game-screen .mail-source img { width:calc(160px * var(--play-scale)); height:calc(160px * var(--play-scale)); }
 body.game-screen .mail-word { font-size:calc(20px * var(--play-scale)); }
 body.game-screen .mail-box img { max-height:calc(190px * var(--play-scale)); }
 body.game-screen .mail-box span { font-size:calc(56px * var(--play-scale)); }
 body.game-screen .dress-page { max-width:min(100%,var(--play-width))!important; }
 body.game-screen .dress-stage { height:min(calc(560px * var(--play-scale)),max(250px,calc(100svh - 330px))); }
 body.game-screen .dress-items { grid-auto-rows:calc(112px * var(--play-scale)); height:max(200px,calc(100svh - 410px)); }
 body.game-screen .dress-item img { height:calc(70px * var(--play-scale)); }
 body.game-screen .dress-item { font-size:calc(12px * var(--play-scale)); }
}
/* En portátiles bajos, conservar visibles las dos filas de respuestas y el
   botón de avanzar sin que tocar una imagen haga desplazarse a la página. */
@media(min-width:1000px) and (max-height:720px) {
 body.game-screen[data-learning="missing"] .missing-scene .missing-tile { height:78px; }
 body.game-screen[data-learning="missing"] .missing-scene .missing-tile img { height:52px; }
 body.game-screen[data-learning="missing"] .missing-choices .picture-choice,
 body.game-screen[data-learning="missing"] .missing-choice-placeholder { height:106px; min-height:106px; }
 body.game-screen[data-learning="missing"] .missing-choices .picture-choice img { height:72px; }
}