/* Reference header: identity and language flags share the first row. */
html body .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;position:relative;padding:18px 24px 12px;background:linear-gradient(110deg,#061327,#0d2e4b);border-bottom:0}
html body .topbar .brand{grid-column:1;grid-row:1;justify-self:start;min-width:0;margin:0;font-size:26px;gap:14px}
html body .topbar .brand-mark{width:60px;height:60px;flex-basis:60px}
html body .topbar .language-switch{grid-column:2;grid-row:1;width:auto;display:flex!important;justify-content:flex-end;align-items:center;justify-self:end;margin:0;padding:0;gap:8px;border:0}
html body .topbar .language-switch button{width:46px;height:46px;min-width:46px;min-height:46px;padding:5px;flex:none}
html body .topbar .language-switch button[aria-pressed=true]{border-color:#98cffa;box-shadow:0 0 0 2px #98cffa55}
html body .topbar:after{content:'';display:block;grid-column:1/-1;grid-row:2;height:1px;background:#64839866}
html body .topbar .primary-menu{grid-column:1;grid-row:3;align-self:center;justify-content:flex-start;width:auto;margin:0;padding:0;border:0}
html body .topbar .player{grid-column:2;grid-row:3;justify-self:end;margin:0}
html body .topbar .site-menu-toggle{grid-column:1;grid-row:3;justify-self:start;margin:0}
@media(max-width:900px){html body .topbar{gap:10px 12px;padding:14px 18px 10px}html body .topbar .primary-menu{grid-column:1/-1;grid-row:4;display:none;width:100%}html body .topbar.menu-open .primary-menu{display:flex}html body .topbar .site-menu-toggle{display:grid;place-items:center}html body .topbar .brand{font-size:24px;gap:10px}html body .topbar .brand-mark{width:50px;height:50px;flex-basis:50px}}
@media(max-width:600px){html body .topbar{padding:12px 14px 10px;gap:10px 8px}html body .topbar .brand{grid-column:1;grid-row:1;font-size:19px;gap:8px;white-space:nowrap}html body .topbar .brand-mark{width:40px;height:40px;flex-basis:40px}html body .topbar .brand-wordmark{letter-spacing:-.65px}html body .topbar .language-switch{grid-column:2;grid-row:1;gap:3px}html body .topbar .language-switch button{width:44px;min-width:44px;height:44px;min-height:44px;padding:5px}html body .topbar .language-flag88{width:28px;height:22px}html body .topbar .language-switch button>span{width:28px;height:22px}html body .topbar #playerName{display:inline;font-size:12px}html body .topbar .player{padding:7px 10px;min-height:44px}}
@media(max-width:380px){html body .topbar{padding-inline:10px}html body .topbar .brand{font-size:17px;gap:6px}html body .topbar .brand-mark{width:34px;height:34px;flex-basis:34px}html body .topbar .language-switch{gap:2px}}
@media(max-width:340px){html body .topbar .brand{font-size:15px}html body .topbar .brand-mark{width:30px;height:30px;flex-basis:30px}html body .topbar .language-switch button{width:40px;min-width:40px;height:44px;padding:4px}html body .topbar .language-flag88,html body .topbar .language-switch button>span{width:26px;height:21px}}
/* A readable full-width card for every game on phones. */
@media(max-width:700px){html body .catalog-content>.gamegrid{grid-template-columns:minmax(0,1fr);gap:22px!important}html body .catalog-content .gamecard .gamename{font-size:23px!important;line-height:1.25;margin:17px 18px 9px!important;padding-right:42px}html body .catalog-content .uniform-card-info{margin:0 18px 14px}html body .catalog-content .uniform-card-info p{font-size:14px;line-height:1.5}html body .catalog-content .gamepreview canvas{aspect-ratio:400/260}html body .catalog-content .gamecard .gameplay{width:calc(100% - 36px);margin:14px 18px;min-height:52px;font-size:18px}html body .catalog-content .gameranks{margin:0 18px!important}html body .catalog-content .ownrecord,html body .catalog-content .game-help{margin-left:18px;margin-right:18px}html body .catalog-content .gameranks .rankname,html body .catalog-content .rank-empty-label,html body .catalog-content .gameranks .rankscore{font-size:14px!important}html body .catalog-content .gameranks .avatarpic,html body .catalog-content .rank-vacant{width:26px!important;height:26px!important;min-width:26px}html body .catalog-content .favorite-toggle{width:44px!important;height:44px!important;right:11px;top:11px;font-size:27px}html body .catalog-content .game-help summary{min-height:44px;font-size:14px}}
