[hidden] { display:none !important; }
.scene-picture { position:absolute; inset:0; z-index:-3; }
.scene-picture .scene { position:absolute; width:100%; height:100%; object-fit:cover; }
.latest-card picture,.game-hero picture,.featured-image-link picture { display:block; }
.skip-link { position:fixed; top:-100px; left:1rem; z-index:100; padding:1rem; background:#07122c; color:#fff; }
.skip-link:focus { top:1rem; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #43a8ff; outline-offset:5px; }
.realms-wrap { position:relative; margin-left:auto; z-index:30; }
.realms-trigger { display:flex; gap:.75rem; align-items:center; min-height:44px; padding:.5rem .8rem; border:1px solid #43a8ff; color:#fff; background:#07122c; font:700 .8rem/1.4 ui-monospace,monospace; letter-spacing:.12em; cursor:pointer; }
.realms-trigger::after { content:'▾'; color:#43a8ff; }
.realms-trigger[aria-expanded=true]::after { content:'▴'; }
.realms-menu { position:absolute; right:0; top:calc(100% + .5rem); display:grid; min-width:12rem; background:#07122c; border:1px solid #43a8ff; box-shadow:0 10px 30px #0009; }
.realms-menu a { padding:.85rem 1rem; color:#fff !important; text-decoration:none; font:700 .85rem/1.4 ui-monospace,monospace; }
.realms-menu a:hover,.realms-menu a:focus-visible { color:#43a8ff !important; background:#43a8ff20; }
.realms-menu a[aria-current] { border-left:3px solid #43a8ff; }
.masthead { flex-wrap:wrap; }
.masthead { display:flex; align-items:center; gap:1rem; }
.masthead .logo { display:block; width:clamp(8.5rem,16vw,13.5rem); }
.masthead .logo img { display:block; width:100%; height:auto; }
.masthead .status { display:none; }
.masthead .realms-wrap { align-self:center; }
.badges { display:flex; flex-wrap:wrap; gap:.5rem; margin:.8rem 0 1rem; }
.badge { border:1px solid #43a8ff80; border-radius:3px; padding:.25rem .55rem; color:#a9e4ff; font:600 .75rem/1.4 ui-monospace,monospace; }
.latest { padding:clamp(2rem,5vw,5rem); background:#07122c; scroll-snap-align:start; }
.latest h2 { font:700 clamp(1.6rem,3vw,2.5rem)/1.2 ui-monospace,monospace; }
.latest-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.latest-card { display:flex; flex-direction:column; border:1px solid #43a8ff; background:#02030b; padding:1rem; color:#fff; text-decoration:none; }
.latest-card img { display:block; width:100%; height:180px; object-fit:cover; object-position:top; }
.latest-card h3 { margin:1rem 0 .5rem; font-size:1.2rem; }
.latest-card p { line-height:1.6; }
.latest-card:hover { border-color:#f35cff; }
.share-box { margin:1rem 0; }
.share-button { cursor:pointer; background:transparent; color:#43a8ff; border:1px solid #43a8ff; padding:.85rem 1rem; font:700 .85rem/1.4 ui-monospace,monospace; min-height:44px; }
.share-box [role=status] { font-size:.85rem; }
.share-box input { display:block; width:100%; color:#fff; background:#07122c; border:1px solid #43a8ff; padding:.75rem; }
.site-footer { padding:1.5rem; display:flex; gap:1rem; justify-content:space-between; flex-wrap:wrap; font:.8rem/1.5 ui-monospace,monospace; }
.site-footer a { color:#a9e4ff; }
.game-body { grid-template-columns:minmax(8rem,14rem) minmax(0,1fr) auto; }
.game-body h3 { overflow-wrap:anywhere; }
.game-body .badges { margin-bottom:.8rem; }
.intro h1,.intro-copy { white-space:normal; }
.intro-copy { font-size:clamp(.95rem,1.8vw,1.2rem); }
.url { overflow-wrap:anywhere; }
.game-shot { aspect-ratio:4/3; object-fit:contain; }
.game-hero figure img { max-height:650px; object-fit:contain; background:#02030b; }
.privacy-content { max-width:48rem; margin:auto; padding:2rem 1rem; line-height:1.8; }
.privacy-content h1 { white-space:normal; font-size:clamp(2rem,5vw,3rem); }
@media(max-width:800px) { .game-body { grid-template-columns: minmax(0,1fr); } .game-shot { max-width:22rem; } }
@media(max-width:680px) { .latest-grid { grid-template-columns:1fr; } .masthead { flex-direction:row; align-items:center; } .latest-card img { height:210px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }