:root{--dark:#121214;--surface:#1c1c20;--surface-2:#26262c;--accent:#0f7cf2;--accent-strong:#2b8bff;--ink:#f4f5f7;--muted:#9aa0ad;--line:rgba(255,255,255,.08)}
.seo-preview{padding-top:40px;padding-bottom:48px;color:var(--ink)}
.seo-preview nav{margin-bottom:24px;color:var(--muted)}
.seo-preview a{color:inherit;text-decoration:none}
.seo-preview a:hover{color:var(--accent-strong)}
.seo-preview h1{font-size:clamp(26px,4vw,40px)}
.seo-preview h2{margin-top:24px;font-size:22px}
.seo-preview p,.seo-preview li,.seo-preview dd{line-height:1.7}
.seo-description{white-space:pre-line;max-width:850px}
.seo-cover{width:min(100%,720px);height:auto;border-radius:12px}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.seo-grid article{background:var(--surface);padding:16px;border-radius:10px}
.seo-grid img{width:100%;height:auto;aspect-ratio:15/7;object-fit:cover}
.seo-grid h2{font-size:18px}
.game-title-link{color:inherit;text-decoration:none}
.game-title-link:hover{color:var(--accent-strong)}
.gp-crumbs a{color:inherit;text-decoration:none}
.gp-add:disabled,.gp-now:disabled{opacity:.5;cursor:not-allowed}
html .topbar .login-btn,html .topbar .avatar-btn{order:4}
html .topbar .cart-btn{order:5}
@media(max-width:600px){
  html .topbar .top-inner{display:flex;gap:8px;width:100%;padding-inline:12px;box-sizing:border-box}
  html .topbar .logo{order:0;flex:1 1 0%;min-width:64px;width:auto}
  html .topbar .logo-mark{display:block;width:100%;max-width:140px}
  html .topbar .logo-mark img{display:block;width:100%;height:auto}
  html .topbar .menu-btn{order:1}
  html .topbar .search-toggle{order:2}
  html .topbar .login-btn,html .topbar .avatar-btn{order:3}
  html .topbar .cart-btn{order:4}
  html .topbar .cart-btn,html .topbar .search-toggle,html .topbar .menu-btn,html .topbar .avatar-btn{width:36px;min-width:36px;height:36px;min-height:36px;flex-shrink:0}
  html .topbar .login-btn{min-width:0;padding:0 10px;height:36px;min-height:36px;font-size:12px;flex-shrink:0}
}