/* Mobile / tablet layout. Desktop (wider than 900px) is unchanged. */
@media (max-width:900px){
html{-webkit-text-size-adjust:100%}
.sec{padding-left:16px;padding-right:16px}
header.sec{flex-wrap:wrap!important;height:auto!important;padding-top:10px;padding-bottom:6px;gap:0 18px!important}
header.sec .nv{min-height:40px;font-size:13px}
header.sec .nv[href="#"]:not(#nav-signup){display:none}
h1{font-size:30px!important;line-height:1.3!important}
.sec p[style*="font-size:18px"]{font-size:16px!important;margin-top:14px!important}
.sec[style*="padding-top:64px"]{padding-top:32px!important;padding-bottom:32px!important}
.sec[style*="padding-top:72px"]{padding-top:32px!important}
.h2{font-size:18px}
.grid6,.grid6[style]{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.p{font-size:12px;padding:8px;border-radius:8px}
.meta{font-size:11px;flex-wrap:wrap;gap:2px 6px}
.ic{gap:4px!important}.ic svg{width:14px;height:14px}
#fg,#si{grid-template-columns:repeat(5,minmax(104px,1fr))!important;overflow-x:auto;padding-bottom:8px;gap:12px!important}
/* game page */
#bd{height:140px!important}
#gp{grid-template-columns:1fr!important;gap:0!important;margin-top:-70px!important}
#po{width:120px!important;margin-bottom:12px}
#mid{display:contents}
#mid>h1{order:1;margin-top:0!important}
#pl{order:2;margin:12px 0!important}
#sl{order:3}#su{order:4;font-size:15px!important}#ge{order:5;margin-bottom:20px}
#gp>aside{order:6;padding-top:0!important;margin-bottom:8px}
#sh{order:7;margin-top:24px!important}#si{order:8}
/* profile */
#li{display:contents}
section.sec[style*="grid-template-columns:180px"]{grid-template-columns:96px 1fr!important;grid-template-areas:"av ri" "dn dn" "bio bio";gap:12px 20px!important;padding-top:24px!important;padding-bottom:24px!important}
#av{grid-area:av;width:88px!important;height:88px!important;font-size:34px!important}
#ri{grid-area:ri;padding-top:0!important}
#dn{grid-area:dn;margin-top:0!important}
#bio{grid-area:bio;max-width:none!important;margin-top:0!important}
#ri>div:last-child{gap:22px!important;margin-top:14px!important}
#ri #s1,#ri #s2,#ri #s3{font-size:18px!important}
#un{font-size:20px!important}
main.sec{padding-top:32px!important;padding-bottom:48px!important}
dialog{padding:18px}
footer.sec{flex-direction:column;gap:8px}
}
@media (max-width:420px){.sec[style*="padding-bottom:48px"]{padding-bottom:32px!important}}