[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.explore{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.explore a{display:block;padding:20px;background:#21182d;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text)}
.explore a:hover{border-color:var(--accent)}
.explore strong{display:block;font-size:1.2rem;line-height:1.25;margin:.25rem 0}
.explore .small{display:block}
.article.wide{max-width:var(--width)}
.reading-note{margin:1.35rem 0;padding:.8rem 1.1rem;border-left:3px solid var(--accent);background:#22192e;color:var(--muted)}
.reading-note strong{color:var(--text)}
.catalog-controls .formrow{align-items:end}
.game-status{margin:12px 0 0}
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.game-card{display:flex;flex-direction:column}
.game-card h3,.media-card h3{margin-top:8px}
.game-card .game-links{margin-top:auto;display:flex;gap:.8rem;flex-wrap:wrap}
.media-card{border-top:2px solid #875c9a}
.trailer .small{margin-top:12px}
.trailer-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#130f1c}
.ad-frame:not([hidden]){display:grid;align-content:start;gap:.55rem;min-block-size:275px;margin:3.5rem 0;padding:1rem;text-align:center;border-block:1px solid var(--line);color:var(--muted)}
.ad-frame .ad-label{font-size:.73rem;letter-spacing:.04em}
@keyframes arrive{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero h1,.hero .lead{animation:arrive .52s ease-out both}.hero .lead{animation-delay:.09s}.card,.explore a,.button{transition:border-color .2s,background-color .2s,transform .2s}@media(hover:hover){.explore a:hover{transform:translateY(-3px)}}}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.top nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px}.top nav a{display:flex;align-items:center;min-height:42px;font-size:.82rem;line-height:1.2}.top .wrap{padding-block:10px;gap:3px}.hero .wrap{padding-block:45px 35px}.button,button{min-height:46px}.explore{grid-template-columns:1fr}.catalog-controls .field{min-width:100%}.article .tool{margin-block:16px}}
@media(max-width:520px){.game-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.5rem,11vw,4rem)}.hero .actions{gap:10px 14px}}