/* Fit the existing home cards and scorecard without locking out overflow. */
@media(max-width:760px){
 .shell{padding-top:6px;padding-bottom:calc(var(--nav) + 6px);width:calc(100% - 20px)}
 header{min-height:48px}.brand-logo{width:48px;height:48px}.brand h1{font-size:28px}.top{min-height:40px;font-size:14px}
 #gamesPage .hero{padding:clamp(10px,2dvh,18px) 0 8px}
 #gamesPage .eyebrow{font-size:12px;margin-bottom:8px;letter-spacing:.1em}
 #gamesPage .hero h2{font-size:clamp(2.2rem,8vw,3.2rem);line-height:.95}
 #gamesPage .hero p:not(.eyebrow){font-size:14px;line-height:1.35;margin:9px auto 0;max-width:360px}
 #gamesPage .head{margin:8px 0}.head h3{font-size:22px}.head small{font-size:12px}
 #gamesPage .grid{gap:8px}
 #gamesPage .card{min-height:0;padding:12px 14px;border-radius:14px;display:grid;grid-template-columns:1fr auto;gap:3px 10px}
 #gamesPage .icon{font-size:24px;line-height:1;grid-column:2;grid-row:1/3;align-self:center}
 #gamesPage .card h4{margin:0;font-size:23px;line-height:1.1}
 #gamesPage .card p{margin:0;max-width:290px;font-size:14px;line-height:1.3}
 #gamesPage .play{font-size:12px;letter-spacing:.05em;margin-top:3px}
 #gamesPage>.ad{min-height:50px;margin:10px 0 0;font-size:10px}
 .game:has(.result) .body{padding:16px}
 .result-logo{width:56px;height:56px;margin-bottom:8px}
 .result .grade{width:54px;height:54px;font-size:30px}
 .result h3{font-size:clamp(1.7rem,7vw,2.5rem);margin:12px 0 8px;line-height:1.05}
 .result p{font-size:14px;line-height:1.35;margin:8px 0}
 .resultstats{margin:14px 0;gap:6px}.resultstats div{padding:10px 4px}.resultstats b{font-size:20px}.resultstats small{font-size:12px}
 .result button{min-height:44px;padding:0 16px;font-size:14px}
}
@media(max-width:760px) and (max-height:730px){
 #gamesPage>.ad{display:none}
 #gamesPage .hero{padding-top:8px}#gamesPage .hero p:not(.eyebrow){margin-top:6px}
 #gamesPage .card{padding:10px 12px}#gamesPage .card h4{font-size:21px}
}
@media(max-width:760px) and (max-height:600px){
 #gamesPage .hero h2{font-size:28px}#gamesPage .hero p:not(.eyebrow){display:none}
 #gamesPage .card{padding:8px 12px}#gamesPage .grid{gap:6px}
 .result-logo{width:44px;height:44px}.result .grade{width:46px;height:46px}.result h3{margin-top:8px}.resultstats{margin:10px 0}
}