html.v2-view { scrollbar-gutter: stable; scroll-padding-top: 120px; }
html.v2-view body { padding-bottom: 0; background: #0c101b; }
html.v2-view body::before, html.v2-view body::after { content: none; display: none; }
.v2-site {
  --v2-bg: #0c101b; --v2-surface: #171c27; --v2-elevated: #232b39;
  --v2-text: #f2f5fc; --v2-muted: #b1bdd0; --v2-line: #343c4c;
  --v2-accent: #cf3d83; --v2-cyan: #97dce9;
  color-scheme: dark; color: var(--v2-text); background: var(--v2-bg);
  font: 14px/1.75 Inter, Arial, sans-serif; letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.v2-site *, .v2-site *::before, .v2-site *::after { box-sizing: border-box; letter-spacing: 0; }
.v2-site :is(h1,h2,h3,p,figure,dl,dd) { margin: 0; }
.v2-site :is(h1,h2,h3) { color: var(--v2-text); line-height: 1.25; text-transform: none; overflow-wrap: anywhere; }
.v2-site h1, .v2-site .v2-brand { font-family: 'Chakra Petch', Arial, sans-serif; }
.v2-site h2 { font: 600 25px/1.3 Inter, Arial, sans-serif; }
.v2-site h3 { font: 600 17px/1.5 Inter, Arial, sans-serif; }
.v2-site a { color: inherit; text-decoration: none; }
.v2-site button { color: inherit; font: inherit; cursor: pointer; border: 0; }
.v2-site :is(a,button,summary) { touch-action: manipulation; }
.v2-site :is(a,button,summary,video):focus-visible { outline: 2px solid var(--v2-cyan); outline-offset: 4px; }
.v2-site :is(img,video) { display: block; max-width: 100%; }
.v2-site [hidden] { display: none !important; }
.v2-site .v2-container { width: calc(100% - 80px); max-width: 1250px; margin-inline: auto; }
.v2-view { min-width: 0; overflow-wrap: anywhere; }
.v2-site .v2-skip { position: fixed; top: 8px; left: 8px; z-index: 150; padding: 10px 18px; background: var(--v2-accent); transform: translateY(-160%); }
.v2-site .v2-skip:focus { transform: none; }
.v2-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--v2-line); background: #0e1320f5; backdrop-filter: blur(14px); }
.v2-site .v2-header-inner { display: flex; align-items: center; gap: 28px; min-height: 76px; }
.v2-site .v2-brand { font-size: 23px; font-weight: 700; line-height: 1; white-space: nowrap; }
.v2-site .v2-brand > span { margin-inline: 4px; color: #ee4f9d; }
.v2-site .v2-nav { display: flex; gap: 24px; align-self: stretch; align-items: stretch; margin-inline: auto; overflow-x: auto; scrollbar-width: thin; min-width: 0; }
.v2-site .v2-nav a { display: flex; align-items: center; position: relative; flex-shrink: 0; font-size: 12px; color: var(--v2-muted); white-space: nowrap; border-bottom: 2px solid transparent; padding-top: 2px; }
.v2-site .v2-nav a[aria-current] { color: white; border-color: #ee4f9d; }
.v2-site .v2-header-tools { display: flex; align-items: center; gap: 12px; margin-inline-start: auto; max-width: 32%; }
.v2-site .btn.v2-action, .v2-site .v2-watch, .v2-site .pc {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 18px;
  min-height: 48px; padding: 12px 20px; border: 1px solid transparent; border-radius: 6px;
  background: var(--v2-accent); color: white; font: 600 13px/1.5 Inter, Arial, sans-serif;
  text-align: start; text-transform: none; white-space: normal; clip-path: none; box-shadow: none;
  transition: background .18s; max-width: 100%; overflow-wrap: anywhere;
}
.v2-site .btn.v2-action:hover, .v2-site .v2-banner:hover .pc { background: #af2d6c; transform: none; box-shadow: none; }
.v2-site .v2-action-label { min-width: 0; }
.v2-site .v2-action-arrow { font-size: 21px; flex: 0 0 18px; line-height: 1; }
.v2-site .btn.v2-action-compact { min-height: 40px; padding: 9px 14px; font-size: 11px; gap: 12px; }
.v2-site .v2-eyebrow { color: var(--v2-cyan); font-size: 10px; font-weight: 600; text-transform: uppercase; }
.v2-site .v2-hero { position: relative; isolation: isolate; overflow: hidden; display: grid; place-items: center; min-height: min(72svh,760px); padding: 65px 28px; border-bottom: 1px solid var(--v2-line); background: #0b101c; }
.v2-site .v2-hero-media { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; max-width: none; }
.v2-site .v2-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#080d184d,#080d1880 54%,#0c101bb3); }
.v2-site .v2-hero-copy { text-align: center; width: 100%; max-width: 1000px; }
.v2-site .v2-hero .v2-eyebrow { color: #f0f2f8; font-size: 12px; text-shadow: 0 2px 10px #000; }
.v2-site .v2-hero h1 { font-size: 80px; font-weight: 700; line-height: 1.08; margin: 16px 0 18px; text-transform: uppercase; text-wrap: balance; text-shadow: 0 4px 25px #000b; }
.v2-site .v2-hero-tagline { font-size: 15px; color: white; text-shadow: 0 2px 10px #000; max-width: 650px; margin-inline: auto; }
.v2-site .v2-hero-actions { display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.v2-site .v2-hero-cta { display: flex; flex-direction: column; align-items: stretch; gap: 7px; width: 264px; margin: 0; }
.v2-site .v2-hero-cta .btn { min-height: 56px; justify-content: center; }
.v2-site .v2-watch { width: 264px; min-height: 56px; justify-content: center; background: #101827b3; border-color: #ffffff9c; }
.v2-site .v2-watch:hover { background: #263149e6; }
.v2-site .v2-watch > span { font-size: 24px; }
.v2-site .v2-hero-note { font-size: 12px; color: #e0e6ef; margin: 15px auto 0; max-width: 550px; text-shadow: 0 1px 5px #000; }
.v2-site .v2-recommendation { font-size: 12px; color: var(--v2-cyan); }
.v2-site .v2-icon-button { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border: 1px solid #748198; border-radius: 6px; background: #192232e6; font-size: 22px; padding: 0; }
.v2-site .v2-icon-button:hover { background: #34435c; }
.v2-site .v2-hero-toggle { position: absolute; right: 24px; bottom: 20px; font-size: 15px; }
.v2-site .v2-hero-next { position: absolute; bottom: 13px; left: calc(50% - 20px); width: 40px; height: 32px; font-size: 25px; text-align: center; }
.v2-site .v2-game-heading { padding-block: 30px 26px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.v2-site .v2-game-heading h2 { font: 700 34px/1.2 'Chakra Petch', Arial, sans-serif; margin: 6px 0 9px; }
.v2-site .v2-game-heading p:last-child { color: var(--v2-muted); font-size: 13px; }
.v2-site .v2-availability { display: inline-flex; align-items: center; gap: 9px; color: var(--v2-muted); font-size: 12px; }
.v2-site .v2-availability::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #8794ac; flex-shrink: 0; }
.v2-site .v2-availability.is-available::before { background: #86c2a2; }
.v2-site .v2-columns { display: grid; grid-template-columns: minmax(0,1.95fr) minmax(285px,1fr); gap: 28px; align-items: stretch; }
.v2-site :is(.v2-content,.v2-sidebar) { min-width: 0; }
.v2-site :is(section[id],figure[id]) { scroll-margin-top: 120px; }
.v2-site .v2-stage { position: relative; aspect-ratio: 16/9; background: #080b13; border: 1px solid var(--v2-line); border-radius: 8px; overflow: hidden; }
.v2-site .v2-stage > :is(video,a), .v2-site .v2-stage > a > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.v2-site .v2-media-caption { display: flex; justify-content: space-between; gap: 18px; color: var(--v2-muted); font-size: 12px; padding-block: 10px; }
.v2-site .v2-media-caption > :last-child { flex-shrink: 0; }
.v2-site .v2-thumbs { display: grid; grid-auto-flow: column; grid-auto-columns: 104px; gap: 9px; overflow-x: auto; padding: 4px 3px 8px; scrollbar-width: thin; }
.v2-site .v2-thumb { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; border: 2px solid transparent; border-radius: 6px; background: var(--v2-surface); }
.v2-site .v2-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: .65; }
.v2-site .v2-thumb:is(.is-selected,:hover) img { opacity: 1; }
.v2-site .v2-thumb.is-selected { border-color: #ee4f9d; }
.v2-site .v2-thumb-play { position: absolute; inset: 0; display: grid; place-items: center; text-shadow: 0 1px 5px #000; }
.v2-site .v2-media-credit { font-size: 11px; color: var(--v2-muted); margin-top: 6px; }
.v2-site .v2-media-error { font-size: 12px; background: #33212d; color: #ffcfdd; padding: 12px; }
.v2-site .v2-no-media { min-height: 160px; display: grid; place-items: center; color: var(--v2-muted); }
.v2-site .v2-banner { display: grid; grid-template-columns: minmax(0,1fr) auto; position: relative; isolation: isolate; align-items: center; gap: 22px; padding: 23px; margin-top: 20px; overflow: hidden; min-height: 132px; background: #211b27; border-block: 1px solid #70405f; border-radius: 0; }
.v2-site .v2-banner-art { position: absolute; inset: 0; z-index: -2; height: 100%; width: 100%; object-fit: cover; opacity: .45; }
.v2-site .v2-banner::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#101729eb,#141929b3); z-index: -1; }
.v2-site .v2-banner-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.v2-site .v2-banner-copy strong { font: 600 24px/1.25 'Chakra Petch', Arial, sans-serif; }
.v2-site .v2-banner-copy > span:last-child:not(.v2-eyebrow) { color: #d0d9e7; font-size: 12px; }
.v2-site .v2-banner .pcta-body { display: block; position: static; padding: 0; margin: 0; width: auto; max-width: 215px; background: none; }
.v2-site .v2-banner .pc { width: 100%; min-height: 44px; font-size: 12px; }
.v2-site .v2-section { margin-top: 48px; }
.v2-site .v2-section > .v2-eyebrow { margin-bottom: 8px; }
.v2-site .v2-section > h2 { margin-bottom: 22px; }
.v2-site .v2-prose { color: var(--v2-muted); font-size: 14px; line-height: 1.95; }
.v2-site .v2-prose p + p { margin-top: 16px; }
.v2-site .v2-facts { padding-block: 24px; margin-top: 28px; border-block: 1px solid var(--v2-line); }
.v2-site .v2-facts dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 17px; }
.v2-site dt { color: var(--v2-muted); font-size: 12px; }
.v2-site dd { color: var(--v2-text); font-size: 13px; margin-top: 5px; }
.v2-site .v2-features { display: grid; gap: 20px; }
.v2-site .v2-feature { display: grid; grid-template-columns: minmax(130px,.8fr) minmax(0,1.2fr); border: 1px solid var(--v2-line); border-radius: 8px; overflow: hidden; background: var(--v2-surface); }
.v2-site .v2-feature-art { position: relative; display: block; min-height: 185px; }
.v2-site .v2-feature-art > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v2-site .v2-feature > div { padding: 24px; }
.v2-site .v2-feature:not(:has(> .v2-feature-art)) { grid-template-columns: 1fr; }
.v2-site .v2-feature h3 { margin-block: 8px 11px; }
.v2-site .v2-feature div > p:last-child { color: var(--v2-muted); font-size: 13px; line-height: 1.85; }
.v2-site .v2-gallery-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 23px 18px; }
.v2-site .v2-gallery-item { min-width: 0; }
.v2-site .v2-gallery-item > :is(a,video) { position: relative; display: block; width: 100%; aspect-ratio: 16/9; background: #080b13; border-radius: 6px; border: 1px solid var(--v2-line); overflow: hidden; object-fit: contain; }
.v2-site .v2-gallery-item > a > img { width: 100%; height: 100%; object-fit: cover; }
.v2-site .v2-gallery-item figcaption { margin-top: 8px; color: var(--v2-muted); font-size: 12px; }
.v2-site .v2-original { color: var(--v2-cyan); padding: 6px; }
.v2-site .v2-expand-icon { position: absolute; bottom: 10px; right: 10px; background: #111a2ccc; padding: 2px 8px; border-radius: 4px; }
.v2-site .v2-gallery-controls { display: grid; justify-items: center; gap: 9px; margin-top: 25px; color: var(--v2-muted); font-size: 12px; }
.v2-site .v2-secondary { padding: 11px 24px; min-height: 44px; min-width: 160px; border: 1px solid #68778e; border-radius: 6px; background: var(--v2-surface); font-size: 13px; }
.v2-site .v2-secondary:hover { background: var(--v2-elevated); }
.v2-site .v2-steps { margin: 0; padding: 0; list-style: none; }
.v2-site .v2-steps li { display: flex; gap: 23px; padding-block: 23px; border-bottom: 1px solid var(--v2-line); }
.v2-site .v2-steps li:first-child { padding-top: 0; }
.v2-site .v2-steps li > span { color: var(--v2-cyan); font: 600 22px/1.5 'Chakra Petch',Arial,sans-serif; }
.v2-site .v2-steps p { color: var(--v2-muted); font-size: 13px; margin-top: 8px; }
.v2-site .v2-requirements { padding-block: 25px; }
.v2-site .v2-requirements dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-block: 20px; }
.v2-site .v2-requirements > a { font-size: 12px; color: var(--v2-cyan); }
.v2-site .v2-limits-title { margin-top: 24px; }
.v2-site .v2-limits { color: var(--v2-muted); padding-inline-start: 20px; list-style: disc; }
.v2-site .v2-limits li { padding-inline-start: 5px; margin-top: 9px; }
.v2-site .v2-faq details { border-block-end: 1px solid var(--v2-line); }
.v2-site .v2-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 0; cursor: pointer; font-size: 14px; list-style: none; }
.v2-site .v2-faq summary::-webkit-details-marker { display: none; }
.v2-site .v2-faq summary > span { font-size: 24px; color: var(--v2-cyan); }
.v2-site .v2-faq details[open] summary > span { transform: rotate(45deg); }
.v2-site .v2-faq details > p { color: var(--v2-muted); padding-bottom: 22px; font-size: 13px; }
.v2-site .v2-sources, .v2-site .v2-related { list-style: none; padding: 0; margin: 0; }
.v2-site .v2-sources li { padding-block: 16px; border-bottom: 1px solid var(--v2-line); }
.v2-site .v2-sources a { color: var(--v2-cyan); }
.v2-site .v2-sources time { display: block; color: var(--v2-muted); font-size: 11px; margin-top: 4px; }
.v2-site .v2-sources p { color: var(--v2-muted); font-size: 12px; margin-top: 6px; }
.v2-site .v2-related a { display: grid; grid-template-columns: 90px minmax(0,1fr) 20px; gap: 12px; align-items: center; padding-block: 17px; border-bottom: 1px solid var(--v2-line); }
.v2-site .v2-related a > span { color: var(--v2-cyan); font-size: 12px; }
.v2-site .v2-summary { position: sticky; top: 98px; max-height: calc(100svh - 120px); overflow-y: auto; scrollbar-width: thin; background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: 8px; }
.v2-site .v2-summary-cover { width: 100%; aspect-ratio: 2.5; object-fit: cover; }
.v2-site .v2-summary-body { padding: 23px; }
.v2-site .v2-summary h2 { font-size: 21px; margin-block: 8px 14px; }
.v2-site .v2-summary-body > p:not(.v2-eyebrow) { font-size: 13px; color: var(--v2-muted); margin-top: 12px; }
.v2-site .v2-summary dl { margin-block: 20px; display: grid; gap: 13px; }
.v2-site .v2-summary-action { border-top: 1px solid var(--v2-line); padding-top: 18px; }
.v2-site .v2-summary-action .v2-action { width: 100%; margin-top: 8px; }
.v2-site .v2-action-note { color: var(--v2-muted); font-size: 12px; margin-top: 10px; text-align: center; }
.v2-site .v2-official { display: inline-block; color: var(--v2-cyan); font-size: 12px; margin-top: 16px; }
.v2-site .v2-final-action { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 48px; padding-block: 32px; border-block-start: 1px solid var(--v2-line); }
.v2-site .v2-final-action h2 { margin-block: 7px; font-size: 29px; }
.v2-site .v2-final-action p:not(.v2-eyebrow) { color: var(--v2-muted); font-size: 13px; }
.v2-site .v2-final-action > .v2-action { min-width: 220px; }
.v2-site .v2-footer { border-top: 1px solid var(--v2-line); padding-block: 30px; background: #10141e; }
.v2-site .v2-footer p { border-top: 1px solid var(--v2-line); padding-top: 18px; margin-top: 25px; color: var(--v2-muted); font-size: 12px; }
.v2-site .v2-footer nav { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 15px; font-size: 12px; }
.v2-site .v2-footer a:hover, .v2-site .v2-sources a:hover, .v2-site .v2-official:hover { text-decoration: underline; }
.v2-site .v2-lightbox { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; border: 0; padding: 65px 24px; background: #060b14fa; color: var(--v2-text); gap: 20px; align-items: center; justify-content: center; overscroll-behavior: contain; }
.v2-site .v2-lightbox[open] { display: flex; }
.v2-site .v2-lightbox::backdrop { background: #070b13ed; }
.v2-site .v2-lightbox figure { min-width: 0; max-width: calc(100% - 120px); }
.v2-site .v2-lightbox figure img { max-height: calc(100svh - 165px); object-fit: contain; margin-inline: auto; }
.v2-site .v2-lightbox figcaption { margin-top: 15px; font-size: 13px; text-align: center; }
.v2-site .v2-lightbox-close { position: absolute; top: 20px; right: 22px; }
@media (min-width: 1700px) { .v2-site .v2-hero { min-height: min(66svh,760px); } }
@media (max-width: 1100px) {
  .v2-site .v2-container { width: calc(100% - 48px); }
  .v2-site .v2-header-inner { gap: 20px; }
  .v2-site .v2-brand { font-size: 21px; }
  .v2-site .v2-nav { gap: 17px; }
  .v2-site .v2-columns { grid-template-columns: minmax(0,1.7fr) minmax(270px,1fr); gap: 22px; }
  .v2-site .v2-banner { grid-template-columns: 1fr; gap: 15px; }
  .v2-site .v2-feature { grid-template-columns: 1fr; }
  .v2-site .v2-feature-art { aspect-ratio: 1.85; min-height: 0; }
}
@media (max-width: 800px) {
  .v2-site .v2-header-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); gap: 10px 16px; padding-top: 14px; }
  .v2-site .v2-header-tools { grid-column: 2; grid-row: 1; max-width: 100%; }
  .v2-site .v2-nav { grid-column: 1/-1; grid-row: 2; height: 42px; width: 100%; margin: 0; }
  .v2-site .v2-hero h1 { font-size: 58px; }
  .v2-site .v2-columns { display: flex; flex-direction: column; gap: 0; }
  .v2-site .v2-content { display: contents; }
  .v2-site .v2-overview { order: 0; }
  .v2-site .v2-sidebar { order: 1; margin-top: 25px; }
  .v2-site .v2-content > .v2-section { order: 2; }
  .v2-site .v2-summary { position: static; max-height: none; overflow: visible; }
  .v2-site .v2-summary-cover { aspect-ratio: 3.2; }
  .v2-site .v2-summary dl { grid-template-columns: 1fr 1fr; gap: 20px; }
  .v2-site .v2-banner { grid-template-columns: minmax(0,1fr) auto; }
  .v2-site .v2-feature { grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); }
  .v2-site .v2-feature-art { aspect-ratio: auto; min-height: 185px; }
}
@media (max-width: 600px) {
  .v2-site .v2-container { width: calc(100% - 32px); }
  .v2-site .v2-brand { font-size: 19px; }
  .v2-site .v2-header-tools { max-width: 170px; }
  .v2-site .v2-header-tools > .v2-action { display: none; }
  .v2-site .btn.v2-action-compact { padding: 8px 10px; font-size: 10px; gap: 8px; }
  .v2-site .v2-hero { min-height: 0; padding: 48px 22px 58px; }
  .v2-site .v2-hero h1 { font-size: 43px; }
  .v2-site .v2-hero-tagline { font-size: 13px; }
  .v2-site .v2-hero-actions { flex-direction: column; align-items: center; gap: 12px; margin-top: 23px; }
  .v2-site .v2-hero-cta, .v2-site .v2-watch { width: min(100%,280px); }
  .v2-site .v2-hero-cta .btn, .v2-site .v2-watch { min-height: 50px; }
  .v2-site .v2-hero-note { font-size: 11px; }
  .v2-site .v2-hero-toggle { right: 16px; bottom: 12px; }
  .v2-site .v2-game-heading { display: block; padding-block: 24px; }
  .v2-site .v2-game-heading h2 { font-size: 29px; }
  .v2-site .v2-availability { margin-top: 13px; }
  .v2-site .v2-thumbs { grid-auto-columns: 84px; }
  .v2-site .v2-banner { grid-template-columns: 1fr; padding: 22px; }
  .v2-site .v2-banner .pcta-body { max-width: none; }
  .v2-site .v2-facts dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .v2-site .v2-section { margin-top: 38px; }
  .v2-site h2 { font-size: 23px; }
  .v2-site .v2-feature { display: block; }
  .v2-site .v2-feature-art { aspect-ratio: 1.85; min-height: 0; }
  .v2-site .v2-gallery-grid { grid-template-columns: 1fr; }
  .v2-site .v2-final-action { display: block; margin-top: 36px; }
  .v2-site .v2-final-action > .v2-action { width: 100%; min-width: 0; margin-top: 22px; }
  .v2-site .v2-lightbox { gap: 7px; padding-inline: 7px; }
  .v2-site .v2-lightbox figure { max-width: calc(100% - 78px); }
  .v2-site .v2-lightbox :is(.v2-lightbox-prev,.v2-lightbox-next) { width: 30px; flex-basis: 30px; font-size: 19px; }
  .v2-site .v2-related a { grid-template-columns: 65px minmax(0,1fr) 16px; gap: 8px; font-size: 13px; }
}
@media (max-width: 360px) {
  .v2-site .v2-brand { font-size: 16px; }
  .v2-site .v2-header-tools { max-width: 148px; }
  .v2-site .v2-hero h1 { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  html.v2-view { scroll-behavior: auto !important; }
  .v2-site *, .v2-site *::before, .v2-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.v2-site .v2-noscript-choices { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; padding: 1rem 0; margin: 0; }
.v2-site .v2-noscript-choices a { color: #fff; text-decoration: underline; text-underline-offset: .25em; }