*{box-sizing:border-box;margin:0;padding:0}html{background:#090909}body{background:#090909;color:#fff;font-family:Inter,sans-serif;line-height:1.7}a{color:#fff;text-decoration:none}.game-nav{height:68px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0a0a}.game-nav a{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#aaa}.game-nav a:hover{color:#fff}.game-hero{min-height:72vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.game-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.86))}.game-hero-content{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:90px 0 64px}.game-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#aaa;margin-bottom:12px}.game-title{font-size:clamp(48px,8vw,92px);font-weight:600;line-height:1;letter-spacing:-.035em}.game-tagline{max-width:720px;margin-top:22px;font-size:clamp(18px,2.2vw,25px);font-weight:300;color:#ddd}.game-body{width:min(920px,calc(100% - 48px));margin:0 auto;padding:90px 0 120px}.game-body h2{font-size:clamp(28px,4vw,42px);line-height:1.2;margin-bottom:22px}.game-body p{font-size:17px;color:#c9c9c9;margin-bottom:24px}.game-shot{display:block;width:min(1180px,calc(100% - 32px));max-height:76vh;object-fit:cover;margin:0 auto;background:#111}.game-section{padding:86px 0}.game-section+.game-section{border-top:1px solid rgba(255,255,255,.07)}.game-note{color:#777!important;font-size:14px!important}.game-footer{padding:55px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.07);color:#666;font-size:13px}@media(max-width:700px){.game-nav{height:58px;padding:0 18px}.game-hero{min-height:62vh}.game-hero-content{width:calc(100% - 36px);padding-bottom:42px}.game-body{width:calc(100% - 36px);padding:58px 0 80px}.game-section{padding:58px 0}.game-shot{width:100%}}
.game-status{display:inline-block;width:fit-content;margin-bottom:14px;padding:7px 11px;border:1px solid rgba(255,255,255,.28);background:rgba(8,8,8,.82);color:#e2e2e2;font-size:10px;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase}
.game-body strong{color:#fff;font-weight:600}.game-about{padding-top:72px}.game-about .game-kicker{margin-bottom:18px}.game-about h2{max-width:850px}


.game-gallery {
  width: min(1180px, calc(100% - 48px));
  margin: 48px auto 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.game-gallery img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(255,255,255,.10);
}
@media (max-width: 720px) {
  .game-gallery { grid-template-columns: 1fr; width: min(100% - 28px, 1180px); margin-top: 28px; }
}

/* SND long-description: compact Steam-style flow */
.game-page-content .game-body {
    padding-top: 42px;
    padding-bottom: 42px;
}
.game-page-content .game-section {
    margin-top: 0;
    margin-bottom: 0;
}
.game-page-content .game-section h2 {
    margin-top: 34px;
    margin-bottom: 16px;
}
.game-page-content .game-section p {
    margin-top: 0;
    margin-bottom: 16px;
}
.game-page-content .game-shot {
    display: block;
    width: min(1180px, calc(100% - 48px));
    height: auto;
    margin: 8px auto 18px;
}
@media (max-width: 700px) {
    .game-page-content .game-body {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .game-page-content .game-shot {
        width: calc(100% - 28px);
        margin: 4px auto 12px;
    }
}

/* SND page final spacing pass */
.game-page-content .game-body {
    padding-top: 24px;
    padding-bottom: 24px;
}

.game-page-content .game-section {
    max-width: 900px;
}

.game-page-content .game-about {
    padding-top: 4px;
    padding-bottom: 2px;
}

.game-page-content .game-section h2 {
    margin-top: 24px;
    margin-bottom: 10px;
}

.game-page-content .game-section p {
    margin-top: 0;
    margin-bottom: 11px;
    line-height: 1.65;
}

.game-page-content .game-shot {
    display: block;
    width: min(900px, calc(100% - 64px));
    max-height: 510px;
    object-fit: contain;
    margin: 4px auto 10px;
}

/* Bottom Steam / wishlist CTA: Steam-blue contrast against the black site */
.snd-wishlist {
    margin-top: 42px;
    padding: 64px 24px;
    background:
        radial-gradient(circle at 50% 100%, rgba(102,192,244,.11), transparent 52%),
        #090b0d;
    border-top: 1px solid rgba(102,192,244,.22);
    text-align: center;
}

.snd-wishlist-inner {
    max-width: 760px;
    margin: 0 auto;
}

.snd-wishlist-kicker {
    display: block;
    margin-bottom: 12px;
    color: #66c0f4;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.snd-wishlist h2 {
    margin: 0 0 10px;
    color: #f2f2f2;
    font-size: clamp(1.8rem, 4vw, 3rem);
}

.snd-wishlist p {
    margin: 0 0 26px;
    color: #9ca7ad;
}

.snd-wishlist-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    color: #071018;
    background: #66c0f4;
    border: 1px solid #66c0f4;
    text-decoration: none;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .11em;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.snd-wishlist-button:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #050505;
    transform: translateY(-2px);
}

@media (max-width: 700px) {
    .game-page-content .game-body {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .game-page-content .game-shot {
        width: calc(100% - 30px);
        max-height: none;
        margin: 2px auto 8px;
    }
    .snd-wishlist {
        margin-top: 28px;
        padding: 48px 20px;
    }
}


/* In-game header status tags: match homepage project ribbons */
.game-status-link,
.game-hero .project-ribbon,
.game-hero .status-ribbon,
.game-hero .project-status,
.game-hero .badge {
    display: inline-block;
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border: 1px solid rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09);
    padding: 8px 12px;
    text-decoration: none !important;
    letter-spacing: .08em;
    transition: border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.game-status-link:hover {
    color: #fff !important;
    border-color: rgba(102, 192, 244, .9) !important;
    background: rgba(102, 192, 244, .10) !important;
    box-shadow: 0 0 26px rgba(102, 192, 244, .20);
}

.game-features {
    margin: 12px 0 28px;
    padding-left: 22px;
    color: #c9c9c9;
    line-height: 1.8;
}
.game-features li { margin: 5px 0; }
.game-closing-lines { margin-top: 34px; }
.game-closing-lines h2 { margin: 5px 0 !important; }
.game-closing-lines p { margin-top: 12px !important; }


/* In-game status tag — exact same treatment as outer project status ribbons */
.game-status-link {
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border: 1px solid rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09) !important;
}

.game-status-link:hover {
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border-color: rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09) !important;
}


/* Fixed studio bar shared across the site */
.studio-topbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;background:rgba(7,8,9,.90);border-bottom:1px solid rgba(102,192,244,.18);box-shadow:0 8px 28px rgba(0,0,0,.30);backdrop-filter:blur(10px)}
.studio-topbar-logo{justify-self:start;display:flex;align-items:center}
.studio-topbar-logo img{width:34px;height:34px;object-fit:contain;display:block}
.studio-topbar-name{justify-self:center;color:#e9eef1!important;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.studio-topbar-projects{justify-self:end;color:#9bd7f7!important;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.studio-topbar-name:hover,.studio-topbar-projects:hover{color:#fff!important}
body{padding-top:58px}
@media(max-width:620px){.studio-topbar{height:52px;padding:0 14px}.studio-topbar-logo img{width:30px;height:30px}.studio-topbar-name{font-size:11px;letter-spacing:.08em}.studio-topbar-projects{font-size:9px}body{padding-top:52px}}

/* Inner-page bar blends into the game hero instead of clipping it */
.game-page-content .studio-topbar {
    background: #0a0a0a !important;
    border-bottom-color: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.game-page-content {
    background: #0a0a0a;
}

/* Inner status = exact visual language of homepage project status */
.game-status-link,
.game-hero .project-ribbon,
.game-hero .status-ribbon,
.game-hero .project-status,
.game-hero .badge {
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border: 1px solid rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09) !important;
}
.game-status-link:hover {
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border-color: rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09) !important;
}

/* Compact transition from hero -> About -> description */
.game-page-content .game-body {
    padding-top: 12px !important;
}
.game-page-content .game-about {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.game-page-content .game-kicker {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}
.game-page-content .game-short-description {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.game-page-content .game-about + .game-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
@media (max-width: 700px) {
    .game-page-content .game-body {
        padding-top: 8px !important;
    }
}


/* All inner game status tags: identical color/style to outer project status */
.game-status-tag {
    display: inline-block;
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border: 1px solid rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09) !important;
    padding: 8px 12px;
    letter-spacing: .08em;
    text-decoration: none !important;
}

/* Only SND is interactive */
a.game-status-tag:hover {
    color: #9bd7f7 !important;
    background: rgba(8, 18, 24, 0.78) !important;
    border-color: rgba(102, 192, 244, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(102, 192, 244, 0.04),
        0 0 18px rgba(102, 192, 244, 0.09) !important;
}

/* Uniform compact About spacing on every game page, including Proto + Viability */
.game-page-content .game-body {
    padding-top: 10px !important;
}
.game-page-content .game-about {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.game-page-content .game-kicker {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}
.game-page-content .game-short-description {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.game-page-content .game-about + .game-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Keep game text column centered on desktop */
.game-page-content .game-section,
.game-page-content .game-about {
    width: min(900px, calc(100% - 64px)) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

@media (max-width: 700px) {
    .game-page-content .game-body {
        padding-top: 8px !important;
    }
    .game-page-content .game-section,
    .game-page-content .game-about {
        width: calc(100% - 30px) !important;
    }
}


/* FIX: these pages do not use a .game-page-content wrapper.
   Center and compact the actual game sections directly. */
.game-body {
    width: min(900px, calc(100% - 64px)) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 10px !important;
    padding-bottom: 34px !important;
}

.game-section,
.game-about {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.game-about {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.game-about .game-kicker {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.game-short-description {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.game-about + .game-section {
    padding-top: 18px !important;
    margin-top: 0 !important;
}

/* Inner tag: same visual treatment as homepage status ribbons */
.game-status {
    display: inline-block !important;
    color: #9bd7f7 !important;
    background: rgba(8,18,24,.78) !important;
    border: 1px solid rgba(102,192,244,.42) !important;
    box-shadow: 0 0 0 1px rgba(102,192,244,.04), 0 0 18px rgba(102,192,244,.09) !important;
    padding: 8px 12px !important;
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none !important;
}

@media (max-width:700px) {
    .game-body {
        width: calc(100% - 30px) !important;
        padding-top: 8px !important;
    }
    .game-about {
        padding-top: 8px !important;
    }
    .game-about + .game-section {
        padding-top: 14px !important;
    }
}


/* Uniform About spacing across all game pages */
.game-body {
    padding-top: 16px !important;
}
.game-about {
    padding-top: 18px !important;
    padding-bottom: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.game-about .game-kicker {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.game-short-description {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.game-about + .game-section {
    padding-top: 20px !important;
}
@media (max-width:700px) {
    .game-body { padding-top: 12px !important; }
    .game-about {
        padding-top: 14px !important;
        padding-bottom: 11px !important;
    }
    .game-about + .game-section { padding-top: 16px !important; }
}