/* Six large, tappable pictures per phone page; desktop remains a 3 × 3 grid. */
@media(max-width:550px){
 #game.game{min-height:max(100svh,940px,calc(400px + 160vw))}
 #game .grid,#game .catalog.filtered .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}
 #game .art-card,#game .catalog:not(.filtered) .art-card{padding:10px 8px 9px;border-image-width:24px;touch-action:manipulation}
 #game .card-caption{flex-basis:55px;gap:5px;padding-top:6px}
 #game .card-name{font-size:clamp(12px,3.15vw,17px);line-height:1.15;white-space:normal;text-wrap:balance}
 #game .card-action{width:94%;max-width:150px;height:29px;font-size:12px}
 #game .card-progress{bottom:66px;left:10px;right:10px;height:4px}
 #game .card-percent{top:10px;right:9px;font-size:11px}
 #game .pager{flex-basis:61px;height:61px;margin-top:8px;gap:24px}
 #game .pager button,#game .pager #next{width:84px;height:48px}
 #game .pager span{font-size:16px}
 #game .catalog-title #catalog-count{font-size:10px}
}
@media(hover:none){#game .art-card:hover{transform:none;filter:none}}