:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#090b12;color:#f5f7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#172044 0,transparent 38%),#090b12;color:#f5f7ff}a{color:#b9c9ff}.shell{width:min(1080px,calc(100% - 32px));margin:auto;padding:28px 0 56px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.brand img{width:42px;height:42px}.crumbs{margin:30px 0 18px;font-size:14px;color:#aeb6cf}.crumbs a{text-decoration:none}.glass{border:1px solid rgba(190,210,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(30,38,68,.82),rgba(13,17,31,.72));box-shadow:0 22px 70px rgba(0,0,0,.36);backdrop-filter:blur(18px)}.hero{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:34px;padding:28px}.cover{width:100%;aspect-ratio:150/176;object-fit:cover;border-radius:18px;background:#12182a}.eyebrow{color:#9eb4ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:10px 0 16px}p{color:#c7cede;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{padding:7px 11px;border:1px solid rgba(175,201,255,.2);border-radius:999px;background:rgba(109,139,255,.1);font-size:13px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.fact{padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.045)}.fact small{display:block;color:#909ab5;margin-bottom:4px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;padding:12px 17px;border-radius:12px;background:linear-gradient(135deg,#7898ff,#a07aff);color:#080b14;text-decoration:none;font-weight:800}.button.secondary{background:rgba(255,255,255,.08);color:#edf1ff;border:1px solid rgba(255,255,255,.12)}.research,.related{margin-top:30px;padding:24px}.research h2,.related h2,.directory h1{margin-top:0}.research ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0;list-style:none}.research li{padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.05);color:#d9def0;font-size:14px}.research-source{font-size:13px}.related-grid,.game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related a,.game-list a{display:block;padding:14px;border-radius:14px;background:rgba(255,255,255,.045);text-decoration:none}.directory{padding:28px;margin-top:26px}.directory-intro{max-width:720px}.game-list{margin-top:24px}.game-list strong,.game-list span{display:block}.game-list span{color:#8f9ab6;font-size:13px;margin-top:5px}.legal{margin-top:30px;color:#8892aa;font-size:13px}.legal a{color:#aebcff}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:18px}.cover{max-width:320px;margin:auto}.related-grid,.game-list{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.shell{width:min(100% - 20px,1080px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.seo-detail-shell{width:min(1180px,calc(100% - 32px))}.seo-detail-hero{position:relative;display:grid;min-height:570px;grid-template-columns:minmax(270px,390px) minmax(0,1fr);align-items:center;gap:clamp(34px,5vw,76px);padding:clamp(34px,4.6vw,66px);overflow:hidden;border-radius:36px;isolation:isolate}.seo-detail-hero:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,0,35,.24),rgba(9,0,35,.7) 48%,rgba(9,0,35,.92)),linear-gradient(150deg,rgba(255,255,255,.09),transparent 28% 72%,rgba(24,215,255,.08));content:""}.seo-detail-backdrop{position:absolute;z-index:-2;inset:-80px;background-position:center;background-size:cover;filter:blur(64px) saturate(1.35);opacity:.36;transform:scale(1.13)}.seo-detail-art-stage,.seo-detail-copy{position:relative;z-index:1}.seo-detail-art-stage{width:min(390px,100%);justify-self:center}.seo-detail-art-badge{position:absolute;top:16px;left:16px;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(7,1,31,.72);box-shadow:0 8px 24px rgba(0,0,0,.24);font-size:11px;font-weight:800;text-transform:uppercase}.seo-detail-art{position:relative;overflow:hidden;aspect-ratio:150/176;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:#160053;box-shadow:0 34px 70px rgba(0,0,0,.48),0 0 60px rgba(24,215,255,.12)}.seo-detail-art:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.16),transparent 28% 76%,rgba(24,215,255,.1));content:""}.seo-detail-art img{display:block;width:100%;height:100%;object-fit:cover}.seo-detail-art-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 7px 0;color:#bba7f7;font-size:11px;text-transform:uppercase}.seo-detail-art-caption strong{color:rgba(255,255,255,.82)}.seo-detail-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.seo-detail-availability{color:rgba(255,255,255,.74);font-size:12px;font-weight:700}.seo-detail-copy h1{max-width:760px;margin:16px 0 20px;font-size:clamp(48px,6.2vw,104px);letter-spacing:-.07em;line-height:.88}.seo-detail-copy>p{max-width:720px;margin:0;color:#bba7f7}.seo-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:32px}.seo-detail-facts div{min-width:0;padding:15px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.045)}.seo-detail-facts small,.seo-detail-profile dt{display:block;color:#bba7f7;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.seo-detail-facts strong{display:block;overflow:hidden;margin-top:7px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.seo-detail-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);align-items:start;gap:22px;margin-top:22px}.seo-detail-overview,.seo-detail-profile,.seo-detail-related{border-radius:28px}.seo-detail-overview{padding:clamp(28px,4vw,48px)}.seo-detail-overview h2,.seo-detail-profile h2,.seo-detail-related h2{margin:9px 0 0;font-size:clamp(26px,2.8vw,41px);letter-spacing:-.04em;line-height:1.05}.seo-detail-overview>p{max-width:840px;margin:18px 0 0}.seo-detail-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:28px}.seo-detail-highlights article{display:grid;min-height:92px;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(24,215,255,.035))}.seo-detail-highlights article>span{color:rgba(24,215,255,.45);font-size:22px;font-weight:900}.seo-detail-highlights article div{display:grid;gap:5px}.seo-detail-highlights small{color:#bba7f7;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.seo-detail-highlights strong{font-size:13px}.seo-detail-profile{padding:28px}.seo-detail-profile h2{font-size:26px}.seo-detail-profile dl{margin:23px 0 0}.seo-detail-profile dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.seo-detail-profile dd{margin:0;font-size:12px;font-weight:750;line-height:1.45;text-align:right}.seo-detail-source{display:grid;gap:5px;margin-top:18px;padding:13px;border:1px solid rgba(24,215,255,.2);border-radius:15px;background:rgba(24,215,255,.07);text-decoration:none}.seo-detail-source small{color:#bba7f7;font-size:9px;font-weight:750;text-transform:uppercase}.seo-detail-source strong{overflow:hidden;color:#f5f7ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.seo-detail-note{margin:19px 0 0;padding:13px;border-radius:14px;background:rgba(255,255,255,.04);font-size:11px}.seo-detail-related{margin-top:22px;padding:clamp(25px,3vw,36px)}.seo-detail-related-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.seo-detail-related-head>a{font-size:12px;font-weight:800;text-decoration:none}.seo-detail-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.seo-detail-related-grid>a{display:grid;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.04);text-decoration:none}.seo-detail-related-grid img{width:100%;aspect-ratio:150/122;object-fit:cover;object-position:center 24%}.seo-detail-related-grid span{display:grid;min-width:0;gap:5px;padding:13px 14px 15px}.seo-detail-related-grid strong,.seo-detail-related-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-detail-related-grid strong{color:#f5f7ff;font-size:13px}.seo-detail-related-grid small{color:#bba7f7;font-size:10px}@media(max-width:900px){.seo-detail-hero{grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:32px}.seo-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-detail-content{grid-template-columns:1fr}.seo-detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.seo-detail-hero{grid-template-columns:1fr;padding:24px 18px 30px;border-radius:25px}.seo-detail-art-stage{width:min(330px,88vw)}.seo-detail-copy{text-align:center}.seo-detail-kicker,.seo-detail-copy .actions{justify-content:center}.seo-detail-copy h1{font-size:clamp(44px,14vw,76px)}.seo-detail-highlights{grid-template-columns:1fr}.seo-detail-overview,.seo-detail-profile,.seo-detail-related{padding:23px 18px;border-radius:23px}}
.seo-detail-related-grid > a {
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: center;
}
.seo-detail-related-grid img {
  width: 78px;
  height: 92px;
  aspect-ratio: auto;
  object-position: center;
}
.seo-detail-related-grid strong,
.seo-detail-related-grid small {
  white-space: normal;
}
.seo-detail-related-grid strong {
  display: -webkit-box;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.seo-detail-related-grid small { white-space: nowrap; }
@media (max-width: 700px) {
  .seo-detail-shell { width: min(100% - 20px, 1180px); }
  .seo-detail-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 18px 15px 22px;
    border-radius: 22px;
  }
  .seo-detail-art-stage { width: min(220px, 62vw); }
  .seo-detail-art { border-radius: 19px; }
  .seo-detail-art-badge {
    top: 10px;
    left: 10px;
    padding: 6px 9px;
    font-size: 9px;
  }
  .seo-detail-art-caption {
    gap: 8px;
    padding-top: 9px;
    font-size: 9px;
  }
  .seo-detail-copy h1 {
    margin: 12px 0 14px;
    font-size: clamp(34px, 10.5vw, 55px);
    letter-spacing: -.055em;
    line-height: .96;
  }
  .seo-detail-copy > p {
    font-size: 14px;
    line-height: 1.62;
  }
  .seo-detail-copy .actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 22px;
  }
  .seo-detail-copy .button {
    justify-content: center;
    padding: 11px 10px;
    font-size: 12px;
  }
  .seo-detail-facts { margin-top: 22px; }
  .seo-detail-overview,
  .seo-detail-profile,
  .seo-detail-related {
    padding: 20px 15px;
    border-radius: 20px;
  }
  .seo-detail-overview h2,
  .seo-detail-related h2 { font-size: 25px; }
  .seo-detail-related { margin-top: 14px; }
  .seo-detail-related-head {
    align-items: end;
    gap: 10px;
  }
  .seo-detail-related-head > a { flex: 0 0 auto; }
  .seo-detail-related-grid {
    gap: 9px;
    margin-top: 18px;
  }
  .seo-detail-related-grid > a {
    grid-template-columns: 64px minmax(0, 1fr);
    border-radius: 14px;
  }
  .seo-detail-related-grid img {
    width: 64px;
    height: 76px;
  }
  .seo-detail-related-grid span {
    gap: 4px;
    padding: 9px 10px;
  }
  .seo-detail-related-grid strong { font-size: 11px; }
  .seo-detail-related-grid small { font-size: 9px; }
}
@media (max-width: 350px) {
  .seo-detail-related-grid,
  .seo-detail-copy .actions { grid-template-columns: 1fr; }
}