.game-category-page{background:var(--background);padding:clamp(20px,4vw,40px)}.game-category-page>header{max-width:72ch;margin-block-end:32px}.game-category-page h1{margin:8px 0 16px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.game-category-page h2{margin:8px 0 16px;font-size:clamp(1.15rem,2vw,1.5rem)}.game-category-page p,.category-guide li{color:var(--muted-foreground);line-height:1.7}.game-category-page>header>a,.category-directory-links a{min-height:44px;color:var(--brand-text);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.game-category-page>header>a svg{width:18px}.category-directory-links{flex-wrap:wrap;gap:8px 24px;margin-block:16px 32px;display:flex}.category-server-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.category-server-entry{border-block-end:1px solid var(--border);min-width:0;padding-block-end:12px}.category-server-entry>a{align-items:center;gap:16px;min-height:96px;display:flex}.category-server-entry>a>div{background:var(--muted);flex:none;width:112px;height:80px;overflow:hidden}.category-server-entry img{object-fit:cover;width:100%;height:100%}.category-server-entry>a>span{flex:1;min-width:0}.category-server-entry small{color:var(--brand-text);font-size:.7rem}.category-server-entry strong{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.category-server-entry em{-webkit-line-clamp:2;color:var(--muted-foreground);-webkit-box-orient:vertical;font-size:.8rem;font-style:normal;display:-webkit-box;overflow:hidden}.category-server-entry>a>svg{width:18px;color:var(--brand-text);flex:none}.category-guide,.category-faq{border-block-start:1px solid var(--border);margin-block-start:40px;padding-block-start:24px}.category-guide li{margin-block:8px}.category-faq details{border-block-end:1px solid var(--border)}.category-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-block:12px;display:flex}.category-faq summary svg{flex:none;width:18px}.category-faq details[open] summary svg{transform:rotate(90deg)}.category-faq p{max-width:72ch;margin-block:0 20px}@media (max-width:760px){.category-server-list{grid-template-columns:1fr}.category-server-entry>a>div{width:88px;height:72px}}