﻿:root, [data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-bg: #000;
  --bs-body-color: #ededed;
  --bs-secondary-color: #999;
  --bs-tertiary-bg: #111;
  --bs-border-color: #242424;
  --bs-border-radius: .375rem;
  --bs-link-color: #ededed;
  --bs-link-hover-color: #fff;
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { background: #000; }
::selection { background: #eee; color: #000; }
a { text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.skip-link { position: fixed; top: 12px; left: 12px; background: #fff; color: #000; padding: 12px; z-index: 1100; }
.container { max-width: 1120px; }
.site-header { background: #050505; }
.navbar { min-height: 84px; }
.navbar-brand img { object-fit: contain; }
.studio-name { font-size: 15px; font-weight: 600; letter-spacing: -.2px; }
.studio-name span { font-weight: 400; color: #999; }
.navbar .nav-link { font-size: 13px; color: #a2a2a2; padding-inline: 0; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: #fff; }
.navbar .nav-discord { color: #ededed; }
.navbar-toggler { font-size: 24px; border-color: #333; padding: 3px 9px; }
.navbar-toggler:focus { box-shadow: 0 0 0 2px #777; }
.game-intro { padding: 69px 0 57px; }
.studio-caption { color: #8d8d8d; font-size: 13px; margin-bottom: 0; }
.game-intro h1 { margin: 6px 0 10px; line-height: 1; }
.game-logo { width: 570px; height: auto; }
.game-description { max-width: 580px; color: #aaa; font-size: 17px; line-height: 1.8; margin-bottom: 0; }
.btn { font-size: 14px; font-weight: 500; padding-block: 11px; }
.btn-light { --bs-btn-bg: #ededed; --bs-btn-border-color: #ededed; --bs-btn-hover-bg: #fff; --bs-btn-hover-border-color: #fff; }
.btn-outline-secondary { --bs-btn-color: #ddd; --bs-btn-border-color: #3b3b3b; --bs-btn-hover-bg: #191919; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #686868; --bs-btn-active-bg: #252525; --bs-btn-active-border-color: #777; --bs-btn-focus-shadow-rgb: 150,150,150; }
.alpha-note { color: #858585; font-size: 12px; }
.alpha-note span { padding: 0 9px; }
.section-title { font-size: 21px; font-weight: 600; letter-spacing: -.4px; margin-bottom: 20px; }
.screenshot-count { color: #888; font-size: 12px; }
.media-button { display: block; position: relative; width: 100%; background: #101010; padding: 0; border: 1px solid #292929; border-radius: 5px; overflow: hidden; }
.media-button img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.media-button:hover { border-color: #888; }
.image-expand { position: absolute; right: 16px; bottom: 16px; display: grid; place-items: center; width: 37px; height: 37px; background: #000c; border: 1px solid #ffffff40; border-radius: 4px; color: white; }
.game-details { padding: 54px 0; }
.game-details p, .community-description { color: #a0a0a0; font-size: 14px; line-height: 1.9; }
.game-facts { font-size: 13px; padding-top: 3px; }
.game-facts > div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid #222; }
.game-facts > div:first-child { padding-top: 0; }
.game-facts > div:last-child { border-bottom: none; padding-bottom: 0; }
.game-facts dt { color: #999; font-weight: 400; }
.game-facts dd { margin: 0; text-align: right; color: #d0d0d0; }
.community-section { padding: 54px 0 68px; }
.community-description { max-width: 340px; }
.social-card { --bs-card-bg: #090909; --bs-card-border-color: #242424; color: #eee; transition: border-color .15s, background .15s; }
.social-card:hover { background: #111; border-color: #555; }
.social-card .card-body { padding: 22px; position: relative; }
.social-icon { font-size: 23px; display: inline-block; margin-bottom: 20px; }
.external-icon { position: absolute; top: 24px; right: 22px; color: #777; font-size: 13px; }
.social-card h3 { font-size: 15px; font-weight: 500; margin-bottom: 7px; }
.social-card p { color: #999; font-size: 12px; margin: 0; }
footer { background: #050505; }
.footer-brand { color: #aaa; font-size: 12px; }
.copyright { color: #888; font-size: 11px; }
.modal-content { background: #090909; border-color: #333; }
.modal-header, .modal-footer { border-color: #292929; }
.modal-title { font-weight: 400; color: #ccc; }
#modal-image { max-height: 72dvh; object-fit: contain; background: #000; }
.modal-backdrop { --bs-backdrop-opacity: .9; }
@media (max-width: 767.98px) {
  .container { padding-inline: 22px; }
  .navbar { min-height: 75px; }
  .navbar-collapse { padding-top: 15px; }
  .navbar .nav-link { padding-block: 12px; }
  .game-intro { padding: 48px 0 42px; }
  .game-logo { max-width: 100%; }
  .game-description { font-size: 15px; line-height: 1.85; }
  .game-intro h1 { margin-block: 14px 19px; }
  .alpha-note { font-size: 11px; }
  .alpha-note span { padding-inline: 5px; }
  .section-title { font-size: 19px; }
  .game-details { padding-block: 36px; }
  .game-facts { margin-top: 6px; }
  .community-section { padding: 36px 0 44px; }
  .community-description { max-width: none; }
  .social-card .card-body { padding: 20px; }
  .social-icon { margin-bottom: 13px; }
  .modal-dialog { margin: 12px; }
}
@media (max-width: 380px) {
  .studio-name { font-size: 13px; }
  .navbar-brand img { width: 36px; height: 36px; }
  .container { padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}
