:root{--bg:#070a10;--panel:#111824;--panel2:#172237;--line:#2a3549;--text:#f7f8fc;--muted:#aab5c7;--red:#ed1747;--red2:#8f0d2b;--gold:#f7c84b;--blue:#4a78d8;--font-display:Impact,"Arial Narrow",system-ui,sans-serif;--font-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;background:linear-gradient(180deg,#101724 0,#070a10 340px),#070a10;color:var(--text);font-family:var(--font-body);line-height:1.62}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}p{margin:0 0 16px;color:#d9e1ee}h1,h2,h3{margin:0;line-height:1.08}h1,h2,.section-kicker{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase}.site-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:168px;z-index:40;background:#090e17;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px}.nav-logo{display:flex;align-items:center;gap:8px;padding:0 6px 16px}.logo-img{width:86px}.nav-logo span{font-size:12px;color:#d7e3f7}.menu-toggle{display:none;width:44px;height:40px;margin-left:auto;border:1px solid var(--line);background:#121a28;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}.menu-toggle span{display:block;width:19px;height:2px;background:#fff;transition:.2s}.sidebar.is-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sidebar.is-open .menu-toggle span:nth-child(2){opacity:0}.sidebar.is-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.side-menu{display:grid;gap:5px}.side-menu a{display:flex;align-items:center;min-height:40px;border:1px solid transparent;padding:10px 9px;color:#9fb4d3;font-size:12px;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}.side-menu a:hover,.side-menu a.active{background:linear-gradient(90deg,var(--red2),transparent);border-color:var(--red);color:#fff}.mobile-cta-link{display:none!important}.side-footer{margin-top:auto;display:grid;gap:7px}.lang-pill,.age-pill{border:1px solid var(--line);background:#111827;padding:8px 6px;text-align:center;font-size:11px;font-weight:900;color:#dce6f8}.main{flex:1;min-width:0;margin-left:168px}.topbar{position:sticky;top:0;z-index:30;min-height:60px;display:flex;align-items:center;gap:14px;padding:10px 22px;background:rgba(10,15,24,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top-search{margin-left:auto;min-width:min(420px,40vw);border:1px solid var(--line);background:#101827;padding:10px 14px;color:#bdc9dd}.top-actions{display:flex;gap:8px}.top-actions a{border:1px solid var(--line);padding:10px 14px;font-weight:900;text-transform:uppercase}.top-actions .register{background:var(--red);border-color:var(--red);color:#fff}.container{width:min(100% - 40px,1180px);margin:0 auto;padding:26px 0 58px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,52%);gap:24px;align-items:center;min-height:480px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(80,10,30,.75),rgba(12,18,30,.98));overflow:hidden}.hero-copy{padding:34px}.hero-media{height:100%;min-width:0}.hero-img{width:100%;height:100%;object-fit:cover}.eyebrow,.section-kicker{display:block;color:var(--gold);font-size:14px;font-weight:900;margin-bottom:10px}.hero h1{font-size:clamp(44px,7vw,88px)}.hero-lead{font-size:18px;max-width:680px}.hero-actions,.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);background:#172237;color:#fff;padding:10px 16px;font-weight:950;text-transform:uppercase;text-align:center}.btn.primary{background:linear-gradient(180deg,#ff0b45,#b4072e);border-color:#ff315d}.btn.secondary{background:#26344f}.microcopy{font-size:12px;color:#b9c3d3}.anchor-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:16px 0 0}.anchor-nav a{border:1px solid var(--line);background:#121a28;padding:11px 12px;text-align:center;font-size:12px;font-weight:900;text-transform:uppercase}.section{margin-top:30px}.section-head{margin-bottom:14px}.section h2{font-size:clamp(26px,4vw,42px)}.card-grid,.game-grid,.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.info-card{background:var(--panel);border:1px solid var(--line);padding:15px;min-width:0}.info-card h3{font-size:19px;margin:8px 0}.info-card p{font-size:15px}.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #334059;background:#0b111b}.game-grid .card-img{aspect-ratio:2/3}.text-link{color:#9ec2ff;font-weight:900}.check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;padding:0;margin:0}.check-list li{list-style:none;background:#111a29;border:1px solid var(--line);padding:12px}.check-list li:before{content:"✓ ";color:var(--gold);font-weight:900}.responsive-table{width:100%;border-collapse:collapse;background:#111824;border:1px solid var(--line)}.responsive-table th,.responsive-table td{border-bottom:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}.responsive-table th{color:#fff;background:#1a263b;text-transform:uppercase;font-size:12px}.provider-cloud{display:flex;flex-wrap:wrap;gap:8px}.provider-cloud span{border:1px solid var(--line);background:#111a29;padding:8px 10px;font-size:13px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:#111824;padding:14px}.faq-list summary{cursor:pointer;font-weight:900;color:#fff}.wide-img{width:100%;max-height:420px;object-fit:cover;border:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);background:#080c13;padding:32px 0 82px}.footer-inner{width:min(100% - 40px,1180px);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px}.footer-logo{width:110px;margin-bottom:12px}.site-footer nav{display:grid;gap:8px;align-content:start}.site-footer h3{font-size:16px;color:#fff}.site-footer a{color:#b9c8df}.sticky-cta{display:none}@media(max-width:980px){.sidebar{position:sticky;top:0;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 14px;box-shadow:0 12px 28px rgba(0,0,0,.28)}.nav-logo{padding:0}.logo-img{width:86px}.menu-toggle{display:inline-flex}.side-menu,.side-footer{display:none;flex:1 1 100%;min-width:0}.sidebar.is-open .side-menu{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.sidebar.is-open .side-footer{display:flex;gap:8px;margin-top:10px}.side-menu a{white-space:normal;justify-content:center;border-color:var(--line);background:#101827;min-height:46px}.mobile-cta-link{display:flex!important}.mobile-cta-link.accent{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.lang-pill,.age-pill{flex:1}.site-shell{display:block}.main{margin-left:0}.topbar{display:none}.container,.footer-inner{width:min(100% - 28px,1180px)}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 18px}.hero-media{order:-1;max-height:260px}.hero h1{font-size:clamp(40px,13vw,64px)}.anchor-nav{grid-template-columns:1fr}.card-grid,.game-grid,.category-grid,.footer-inner{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{border-bottom:1px solid var(--line)}.responsive-table td{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:10px;border:0;overflow-wrap:anywhere}.responsive-table td:before{content:attr(data-label);font-weight:900;color:var(--gold);text-transform:uppercase;font-size:12px}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#080c13;border-top:1px solid var(--red)}.sticky-cta span{font-size:12px;font-weight:900}.sticky-cta .btn{min-height:38px;padding:8px 10px;font-size:12px}}@media(max-width:420px){.hero-actions,.button-row{display:grid}.btn{width:100%}.responsive-table td{grid-template-columns:1fr}.top-search{min-width:0}}
@media (max-width: 980px) {
  .hero-media {
    height: 220px;
    max-height: none;
    background: #0b111b;
  }

  .hero-img,
  .card-img,
  .wide-img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    background: #0b111b;
  }

  .hero-img {
    height: 220px;
  }

  .card-img {
    height: 220px;
    aspect-ratio: auto;
    padding: 10px;
  }

  .game-grid .card-img,
  .category-grid .card-img {
    height: 240px;
    aspect-ratio: auto;
  }

  .wide-img {
    height: 230px;
    max-height: none;
    padding: 10px;
  }
}

@media (max-width: 420px) {
  .hero-media,
  .hero-img {
    height: 190px;
  }

  .card-img {
    height: 200px;
  }

  .game-grid .card-img,
  .category-grid .card-img {
    height: 220px;
  }
}

.top-actions a,
.mobile-cta-link {
  letter-spacing: .04em;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .28);
}

.top-actions a:first-child,
.mobile-cta-link:not(.accent) {
  background: linear-gradient(180deg, #2f7dff, #1745b8) !important;
  border-color: #7db0ff !important;
  color: #fff !important;
}

.top-actions .register,
.mobile-cta-link.accent {
  background: linear-gradient(180deg, #ffd45c, #f0a400) !important;
  border-color: #ffe28a !important;
  color: #17100a !important;
}

.top-actions a:hover,
.mobile-cta-link:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.related-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid var(--line);
  background: #121a28;
  color: #dce7fb;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 950;
  text-align: center;
  text-transform: uppercase;
}

.related-link:hover {
  border-color: var(--gold);
  color: #fff;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 14px;
  color: #9fb4d3;
  font-size: 12px;
  font-weight: 800;
}

.breadcrumbs a {
  color: #cfe0fa;
}

.breadcrumbs a:after {
  content: "/";
  color: #61718c;
  margin-left: 8px;
}

.trust-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 18px;
}

.trust-bar span {
  border: 1px solid var(--line);
  background: #101827;
  color: #dce7fb;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
}

.evidence-box {
  margin: 14px 0 18px;
  border: 1px solid #334059;
  background: linear-gradient(135deg, rgba(23, 34, 55, .96), rgba(9, 14, 23, .98));
  padding: 15px;
}

.evidence-box strong {
  display: block;
  color: var(--gold);
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 13px;
}

.evidence-box p {
  margin-bottom: 12px;
  color: #dce7fb;
  font-size: 14px;
}

.evidence-box .responsive-table {
  margin-top: 8px;
}

.cta-safety-note {
  margin: 10px 0 0;
  border-left: 3px solid var(--gold);
  background: rgba(9, 14, 23, .62);
  padding: 9px 11px;
  color: #f3ead0;
  font-size: 12px;
  font-weight: 800;
}

.editorial-box {
  margin: 18px 0 0;
  border: 1px solid #334059;
  background: #0f1725;
  padding: 14px;
}

.editorial-box strong {
  display: block;
  color: var(--gold);
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 13px;
}

.editorial-box p {
  margin: 0;
  font-size: 14px;
  color: #c9d5e7;
}

.cta-disclosure {
  margin: 14px 0 0;
  border: 1px solid #f0a400;
  background: linear-gradient(135deg, rgba(240, 164, 0, .14), rgba(17, 24, 39, .96));
  padding: 14px;
}

.cta-disclosure strong {
  display: block;
  color: var(--gold);
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 13px;
}

.cta-disclosure p {
  margin: 0;
  font-size: 14px;
  color: #f3ead0;
}

.footer-inner {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

@media (min-width: 981px) {
  .top-actions a {
    min-height: 46px;
    min-width: 132px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 980px) {
  .mobile-cta-link {
    min-height: 54px !important;
    font-size: 13px !important;
    border-width: 2px !important;
  }

  .mobile-cta-link:not(.accent) {
    margin-top: 8px;
  }

  .mobile-cta-link.accent {
    margin-bottom: 4px;
  }

  .related-grid {
    grid-template-columns: 1fr;
  }
}

.hero-copy,
.section,
.info-card,
.faq-list details,
.responsive-table td,
.check-list li {
  min-width: 0;
}

:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 3px;
}

.verified-line {
  margin: 12px 0 0;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
}

.short-answer {
  border-left: 4px solid var(--gold);
  background: #121d2e;
  padding: 16px 18px;
}

.short-answer p:last-child {
  margin-bottom: 0;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.related-link {
  display: flex;
  align-items: center;
  min-height: 46px;
  border: 1px solid var(--line);
  background: #121a28;
  color: #dce8fa;
  font-weight: 800;
  padding: 10px 12px;
}

.related-link:hover {
  border-color: var(--gold);
  color: #fff;
}

.hero-copy > *,
.section *,
.info-card * {
  max-width: 100%;
}

h1,
h2,
h3,
p,
.eyebrow,
.microcopy,
.btn,
.side-menu a,
.related-link {
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (max-width: 980px) {
  html {
    scroll-padding-top: 82px;
  }

  body {
    padding-top: 64px;
  }

  .sidebar {
    position: fixed !important;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 64px;
    min-height: 64px;
    max-height: none;
    overflow: visible;
    z-index: 1000;
  }

  .main {
    margin-left: 0 !important;
  }

  .sidebar.is-open {
    height: auto;
    max-height: 100dvh;
    overflow-y: auto;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .42);
  }

  .sidebar.is-open .side-menu {
    max-height: calc(100dvh - 86px);
    overflow-y: auto;
    padding-bottom: 10px;
  }

  .anchor-target {
    scroll-margin-top: 86px;
  }

  .hero {
    width: 100%;
    max-width: 100%;
  }

  .hero-copy {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 24px 18px;
  }

  .hero h1 {
    font-size: clamp(30px, 10vw, 42px);
    line-height: .98;
  }

  .hero-lead {
    font-size: 16px;
    line-height: 1.55;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .hero-actions .btn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    padding-inline: 10px;
  }

  .microcopy {
    white-space: normal;
    font-size: 11px;
    line-height: 1.45;
  }
}

@media (max-width: 420px) {
  .container,
  .footer-inner {
    width: min(100% - 24px, 1180px);
  }

  .hero h1 {
    font-size: clamp(28px, 9vw, 38px);
  }

  .section h2 {
    font-size: clamp(24px, 8.5vw, 34px);
    overflow-wrap: anywhere;
  }
}