/* Phone: compact header and an optional text-only category row. */
@media(max-width:850px){
 .site-header .mobile-nav:not([hidden]){position:absolute;top:100%;left:0;right:0;display:block;width:100%;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:12px max(14px,calc((100% - var(--gc-width))/2));background:var(--header);border-block:1px solid var(--line);box-shadow:0 12px 24px #10001a38}
 .mobile-menu-links{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:13px;border-bottom:1px solid var(--line)}
 .mobile-menu-links a{display:flex;align-items:center;min-height:38px;padding:7px 11px;border-radius:8px;background:var(--input);font-size:12px;font-weight:800}
 .mobile-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 9px}
 .mobile-category-heading h2{margin:0;font-size:16px;font-weight:850}
 .mobile-category-heading a{display:flex;align-items:center;gap:3px;min-height:32px;padding:0;background:none;font-size:11px;font-weight:800;color:var(--accent)}
 .mobile-category-heading svg{width:13px;height:13px}
 .mobile-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-bottom:4px}
 .mobile-category-grid a{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--input);font-size:12px;font-weight:800;line-height:1.25}
 .mobile-category-grid img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
 .mobile-category-grid span{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:640px){
 html .site-chrome .category-strip{display:none}
 html[data-gc-mobile-quick=true] .site-chrome .category-strip{display:block}
 .site-chrome .category-strip-inner{height:44px;gap:6px;padding:0 14px;width:100%}
 .site-chrome .category-strip nav{flex:1 1 auto;min-width:0;gap:5px;padding:0;overflow-x:auto;scrollbar-width:none}
 .site-chrome .category-strip nav::-webkit-scrollbar{display:none}
 .site-chrome .category-strip .quick-category{min-height:32px;padding:5px 8px;gap:0;border:1px solid var(--line);border-radius:8px;background:var(--input);font-size:calc(11px * var(--gc-scale,1));line-height:1.3;font-weight:800}
 .site-chrome .category-strip .quick-category img{display:none}
 .site-chrome .category-strip .all-categories{flex:0 0 auto;width:auto;min-width:0;height:32px;padding:5px 0 5px 7px;border-left:1px solid var(--line);background:none;box-shadow:none;font-size:calc(11px * var(--gc-scale,1));gap:3px}
 .site-chrome .category-strip .all-categories span{font-size:15px;margin:0}
 .site-chrome .category-strip a:focus-visible,.site-chrome .category-strip a:hover{color:var(--accent);border-color:var(--accent)}
 .site-header .header-inner{height:58px;min-height:58px;gap:2px;flex-wrap:nowrap;justify-content:flex-start}
 .header-inner .brand{flex:1 1 auto;min-width:0;line-height:1}
 .header-inner .brand .wordmark{font-size:clamp(25px,7.7vw,31px);letter-spacing:-1.25px}
 .header-inner .library-shortcuts{margin-left:auto;gap:0;flex:0 0 auto}
 .header-inner .library-shortcuts a{width:39px;min-width:39px;height:44px;min-height:44px;border-radius:9px}
 .header-inner .library-shortcuts svg{width:21px;height:21px}
 .header-inner .library-shortcuts a>span{display:none}
 .header-inner .library-shortcuts b{top:2px;right:0;min-width:13px;font-size:8px;line-height:13px}
 .header-inner .mobile-actions{display:flex;flex:0 0 auto;gap:0;margin:0}
 .header-inner .mobile-actions button{display:grid;place-items:center;width:39px;min-width:39px;height:44px;min-height:44px;padding:0;border-radius:9px;background:transparent;color:var(--muted)}
 .header-inner .mobile-actions svg{width:21px;height:21px}
 .header-inner .mobile-actions button[aria-expanded=true]{color:var(--accent);background:var(--input)}
 .site-header.search-open .header-inner{height:auto;min-height:58px;flex-wrap:wrap;padding-block:7px;row-gap:7px}
 .site-header.search-open .search-container{order:5;display:block;flex:0 0 100%;width:100%;margin:0}
 .site-header.search-open .search-form{height:42px;min-height:42px;margin:0;padding-inline:13px 8px}
 .site-header.search-open .search-form input{font-size:16px}
 .site-header .mobile-nav:not([hidden]){max-height:calc(100dvh - 66px)}
 html,html[data-nav=menu]{scroll-padding-top:72px}
 .game-section,html[data-nav=menu] .game-section{scroll-margin-top:72px}
 html[data-gc-mobile-quick=true]{scroll-padding-top:116px}
 html[data-gc-mobile-quick=true] .game-section{scroll-margin-top:116px}
}
@media(max-width:360px){
 .header-inner .brand .wordmark{font-size:clamp(23px,7.7vw,27px);letter-spacing:-1.35px}
 .header-inner .library-shortcuts a,.header-inner .mobile-actions button{width:35px;min-width:35px}
 .mobile-category-grid a{font-size:11px;gap:6px}
}