.game-breadcrumb { position:absolute; z-index:3; top:112px; left:max(24px,calc((100% - 1180px)/2)); display:flex; gap:12px; color:white; font-size:12px; text-shadow:0 1px 5px #000; }
.game-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.game-page .hero-content { padding-top:170px; }
.wiki-page .wiki-hero h1 { font-size:clamp(38px,6.5vw,90px); overflow-wrap:anywhere; line-height:.98; }
@media(max-width:1050px) { .game-breadcrumb { top:105px; font-size:10px; }.game-page .hero-content { padding-top:150px; }.game-page .site-header,.wiki-page .site-header { height:auto; min-height:72px; grid-template-columns:1fr auto; gap:8px; padding:12px; }.game-page .site-header .nav-links,.wiki-page .site-header .nav-links { display:flex; grid-row:2; grid-column:1/-1; overflow-x:auto; justify-content:flex-start; gap:18px; width:100%; white-space:nowrap; padding:4px 0; }.game-breadcrumb { top:140px; }.game-page .hero-content { padding-top:185px; }.wiki-page .wiki-hero { padding-top:190px; } }

.wiki-page .wiki-label { color:#426b70; }

/* The game’s visible gateway into its reference library. */
.universe-entry { padding:90px 0 70px; background:radial-gradient(ellipse at 85% 0, #183043 0, transparent 55%),#0a121d; color:#f1f5f6; scroll-margin-top:165px; }
.universe-entry-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:50px; margin-bottom:38px; }
.universe-kicker { margin:0 0 15px; color:#9fe7d2; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.universe-entry h2 { margin:0; font-size:clamp(34px,4.8vw,66px); font-weight:850; line-height:1.06; letter-spacing:-.045em; }
.universe-entry h2 em { color:#9fe7d2; font-style:normal; }
.universe-entry-intro p { max-width:440px; margin:0 0 23px; color:#c2cdd6; font-size:16px; }
.universe-entry-button { display:inline-flex; align-items:center; gap:26px; padding:14px 20px; background:#b9ff48; color:#101a20; font-size:13px; font-weight:850; border-radius:3px; }
.universe-entry-button:hover { background:#d2ff91; }
.universe-entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.universe-faction { --faction:#94c4ff; display:flex; flex-direction:column; background:#111e2c; border:1px solid #ffffff22; border-bottom:3px solid var(--faction); transition:transform .2s,border-color .2s; }
.universe-faction-bugvex { --faction:#c1d68a; }.universe-faction-cryvum { --faction:#d1b1f8; }
.universe-faction:hover { transform:translateY(-4px); border-color:var(--faction); }
.universe-faction-art { position:relative; aspect-ratio:16/10; overflow:hidden; background:#050a10; }
.universe-faction-art img { width:100%; height:100%; object-fit:cover; }
.universe-art-caption { position:absolute; bottom:0; left:0; right:0; padding:30px 16px 12px; background:linear-gradient(transparent,#050a10ee); color:#f5f7f9; font-size:10px; }
.universe-faction-copy { display:flex; flex:1; flex-direction:column; padding:24px; }
.universe-faction-copy .universe-kicker { color:var(--faction); font-size:9px; margin-bottom:9px; }
.universe-faction h3 { display:flex; justify-content:space-between; margin:0 0 12px; font-size:30px; line-height:1.1; letter-spacing:-.03em; }
.universe-faction h3 span { color:var(--faction); font-size:23px; }
.universe-faction-copy>p:not(.universe-kicker) { color:#bfccd5; margin:0 0 24px; font-size:14px; }
.universe-faction-link { margin-top:auto; font-size:11px; font-weight:750; color:var(--faction); }
.universe-entry-note { margin:26px 0 0; color:#94a7b5; font-size:11px; letter-spacing:.07em; }
.universe-entry a:focus-visible { outline:3px solid #b9ff48; outline-offset:5px; }
@media(max-width:760px) { .universe-entry { padding:58px 0 45px; }.universe-entry-heading { grid-template-columns:1fr; gap:23px; }.universe-entry-grid { grid-template-columns:1fr; gap:22px; }.universe-faction-art { aspect-ratio:16/9; }.universe-entry-button { width:100%; justify-content:space-between; }.universe-entry h2 { font-size:clamp(32px,8.5vw,54px); } }
@media(prefers-reduced-motion:reduce) { .universe-faction { transition:none; } }
.universe-emblem { display:grid; place-items:center; color:var(--faction); background:radial-gradient(ellipse at center,#ffffff0c,transparent 70%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff06 29px 30px),#0b1520; }
.universe-emblem svg { height:90%; width:90%; max-height:230px; }
.universe-emblem .universe-art-caption { text-align:center; letter-spacing:.13em; font-size:9px; color:var(--faction); }

/* One visual language for the game's primary actions and opening story. */
.game-page .hero-actions { display:flex;flex-wrap:wrap;gap:12px;align-items:stretch; }
.game-page .hero-actions .button { display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #617380;border-radius:6px;background:rgba(12,23,33,.92);color:#f0f5f8;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0;text-align:center;box-shadow:none;text-decoration:none;transition:background .15s,border-color .15s; }
.game-page .hero-actions .button:hover { background:#233746;border-color:#acc3ce;transform:none; }
.game-page .hero-actions .button:focus-visible { outline:2px solid #b9e5eb;outline-offset:4px; }
.game-page .story-section { background:radial-gradient(ellipse at 85% 15%,#182d3d 0,transparent 60%),#0a121d;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;color:#eff5f8; }
.game-page .story-copy h2 { color:#eff5f8;font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-.03em; }
.game-page .story-copy .eyebrow.dark { color:#a7c9d3; }
.game-page .story-copy>p:not(.eyebrow) { color:#b9c9d5;line-height:1.75; }
.game-page .story-wiki-link { color:#c2e6ed;font-weight:600;text-decoration-thickness:1px; }
.game-page .story-player { border:1px solid #ffffff24;border-radius:6px;background:#0b1722;box-shadow:none; }
.game-page .story-player a { color:#bfd4df;margin-left:16px!important; }
@media(max-width:680px) { .game-page .hero-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); } .game-page .hero-actions .button { width:100%;min-width:0;padding:12px;font-size:13px; } .game-page .hero-actions .button:last-child { grid-column:1/-1; } }
/* Use reviewed game artwork instead of YouTube's pale unavailable thumbnail. */
.game-page .story-player .inline-video>button { background:linear-gradient(0deg,#07111d66,#07111d33),url('assets/hero-worlds-keyart.webp') center/cover!important; }
.game-page .story-player .inline-video>button>img { visibility:hidden; }
.game-page #story { scroll-margin-top:120px; }
@media(max-width:680px) { .game-page .hero-actions .button { min-height:64px; } }
/* A dark, continuous backdrop for the archive civilization chooser. */
.wiki-page .archive-universe-hero + .wiki-section { background:radial-gradient(ellipse at 50% 0,#192b40 0,transparent 65%),#0b1420;color:#edf4fa;border-top:1px solid #ffffff12; }
.wiki-page .archive-universe-hero + .wiki-section h2 { color:#edf4fa; }
.wiki-page .archive-universe-hero + .wiki-section .wiki-label { color:#aac3d5; }
.wiki-page .archive-universe-hero + .wiki-section .wiki-entry-card { box-shadow:0 12px 30px #0003; }