.seo-shell { max-width:1200px; margin:auto; padding:32px 20px; color:#e8e5d4; background:#171c23; min-height:100vh; font-family:system-ui,sans-serif; }
.seo-content { margin:24px auto; padding:24px; border:2px solid #707555; background:#202820; color:#eee8d5; max-width:1200px; text-align:start; }
.seo-content h1 { font-size:clamp(24px,5vw,38px); line-height:1.3; margin:18px 0; overflow-wrap:anywhere; }
.seo-content h2 { font-size:21px; margin:16px 0; }
.seo-content p { font-size:15px; line-height:1.8; max-width:80ch; margin:12px 0; }
.seo-content a { color:#d3ec92; text-underline-offset:4px; }
.seo-breadcrumb { font-size:13px; overflow-wrap:anywhere; }
.seo-game { display:grid; grid-template-columns:minmax(140px,240px) minmax(0,1fr); gap:28px; margin-top:20px; }
.seo-cover { width:100%; height:auto; max-height:360px; object-fit:contain; background:#131a14; }
.seo-actions,.seo-pagination { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:20px 0; }
.seo-content .seo-action { display:inline-block; padding:12px 18px; border:2px solid #b8cb80; background:#34452d; color:#f2f1d8; font:inherit; cursor:pointer; text-decoration:none; }
.seo-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px 20px; margin:20px 0; }
.seo-links a { padding:6px 0; overflow-wrap:anywhere; }
.seo-languages { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; padding-top:18px; border-top:1px solid #596345; font:12px/1.6 system-ui,sans-serif; }
.seo-languages a[aria-current] { color:white; font-weight:700; }
.card-info h3 a { color:inherit; text-decoration:none; }
@media(max-width:600px) { .seo-content{padding:16px;margin:16px 0;} .seo-game{grid-template-columns:1fr;gap:12px;} .seo-cover{max-width:180px;max-height:240px;} .seo-links{grid-template-columns:1fr 1fr;} }