:root {
  --sk-bg: #090a0f;
  --sk-panel: #151721;
  --sk-paper: #0d0f15;
  --sk-lime: #38d5c5;
  --sk-pink: #ff267e;
  --sk-blue: #ff267e;
  --sk-muted: #aeb3c1;
}

body {
  color: #f7f7fb;
  background: #090a0f;
  background-image: radial-gradient(circle at 83% 5%, rgba(255,38,126,.10), transparent 28%);
}
.sk-skip { color: #fff; background: #ff267e; }
.sk-status {
  color: #c9ccd6;
  background: #10121a;
  border-bottom: 1px solid #292c37;
}
.sk-status b { color: #38d5c5; }
.sk-head {
  position: sticky;
  top: 0;
  z-index: 12;
  background: rgba(9,10,15,.94);
  border-color: #292c37;
  backdrop-filter: blur(16px);
}
.sk-emblem img,
.sk-footer__brand img { filter: none; }
.sk-links { color: #d3d6df; }
.sk-links a:hover { color: #fff; }
.sk-switch,
.sk-secondary { color: #f7f7fb; border-color: #484c5b; background: rgba(255,255,255,.02); }
.sk-login,
.sk-primary {
  color: #fff;
  background: #ff267e;
  border-color: #ff267e;
  box-shadow: 0 10px 28px rgba(255,38,126,.20);
}
.sk-switch:hover,
.sk-secondary:hover { border-color: #ff267e; }

.sk-hero {
  background: linear-gradient(135deg, #0d0f16 0%, #11131c 62%, #18111b 100%);
  border-color: #292c37;
}
.sk-hero__image {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 47%, rgba(56,213,197,.16), transparent 30%),
    radial-gradient(circle at 50% 76%, rgba(255,38,126,.34), transparent 46%),
    #11131b;
  border-color: #30333f;
}
.sk-hero__image::before { inset: 30px; border-color: rgba(255,38,126,.45); border-radius: 28px; }
.sk-orbit { color: #fff; background: #ff267e; box-shadow: 0 12px 30px rgba(255,38,126,.25); }
.sk-code { color: #38d5c5; letter-spacing: .08em; }
.sk-hero h1 { color: #fff; letter-spacing: -.035em; }
.sk-intro { color: #c6c9d3; }

.sk-metrics { color: #f7f7fb; background: #0e1017; border-bottom: 1px solid #292c37; }
.sk-metrics div,
.sk-metrics div:first-child { border-color: #30333f; }
.sk-metrics small { color: #38d5c5; }

.sk-games { color: #f7f7fb; background: #10121a; border-color: #292c37; }
.sk-navbuttons button { color: #fff; background: #171923; border-color: #454958; }
.sk-navbuttons button:hover { border-color: #ff267e; }
.sk-carousel { scrollbar-color: #ff267e #171923; }
.sk-game {
  background: #171923;
  border-color: #30333f;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .22s, border-color .22s, box-shadow .22s;
}
.sk-game:hover { transform: translateY(-4px); border-color: #ff267e; box-shadow: 0 16px 36px rgba(0,0,0,.34); }
.sk-game__image b { color: #fff; background: #ff267e; border-radius: 7px; }

.sk-article { color: #f7f7fb; background: #090a0f; }
.sk-article__head { border-color: #343744; }
.sk-article__head .sk-code { color: #38d5c5; }
.sk-toc { color: #b9bdca; border-color: #2e313c; }
.sk-toc:hover { color: #fff; }
.sk-prose h2,
.sk-prose h3 { color: #fff; }
.sk-prose p,
.sk-prose li { color: #c4c7d2; }
.sk-prose a { color: #72e5d9; }
.sk-data-table { color: #daddE6; background: #12141c; }
.sk-data-table th,
.sk-data-table td { border-color: #343744; }
.sk-data-table th { color: #fff; background: #24202b; }

.sk-spot {
  color: #f7f7fb;
  background:
    radial-gradient(circle at 78% 55%, rgba(56,213,197,.13), transparent 32%),
    radial-gradient(circle at 18% 45%, rgba(255,38,126,.21), transparent 36%),
    #11131b;
  border-block: 1px solid #30333f;
}
.sk-spot .sk-code { color: #38d5c5; }
.sk-spot p { color: #c4c7d2; }
.sk-spot .sk-primary { color: #fff; background: #ff267e; border-color: #ff267e; }

.sk-faq { color: #f7f7fb; background: #0d0f15; }
.sk-faq details { background: #151721; border: 1px solid #30333f; border-left: 4px solid #ff267e; border-radius: 10px; }
.sk-faq p { color: #bfc3cf; }
.sk-faq summary::marker { color: #ff267e; }

.sk-footer { color: #d7dae4; background: #06070b; border-color: #292c37; }
.sk-footer__brand b { color: #ff267e; }
.sk-provider-row span { background: #151721; border: 1px solid #30333f; border-radius: 8px; }
.sk-provider-row img { opacity: .78; filter: grayscale(1) brightness(2.05); }
.sk-footer p { color: #9fa4b2; }
.sk-footer small { color: #737987; }

.sk-not-found { color: #f7f7fb; background: radial-gradient(circle at 50% 25%, rgba(255,38,126,.16), transparent 38%), #090a0f; }
.sk-not-found p { color: #ff267e; }
.sk-not-found span { color: #bfc3cf; }
.sk-not-found a { color: #72e5d9; }

@media (max-width: 880px) {
  .sk-hero__image { border-inline: 0; }
}
@media (max-width: 560px) {
  .sk-hero__image::before { inset: 14px; border-radius: 18px; }
  .sk-metrics div { border-color: #30333f; }
}