:root {
      color-scheme: dark;
      --bg: #101017;
      --ink: #fff9f2;
      --muted: #a29ba7;
      --pink: #f793ba;
      --pink-bright: #f3a3c4;
      --orange: #fcb88c;
      --line: #ffffff1c;
      --max: 1344px;
      --hero-art: url("/gta6/assets/artwork.d61013c3e22d.jpg");
      --poster-art: url("/gta6/assets/artwork.bb433be6ef40.jpg");
      --logo-art: url("/gta6/assets/artwork.f1a4e777835a.png");
      --display: Impact, "Arial Narrow", "Helvetica Neue", sans-serif;
      --body: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 95px; }
    body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); -webkit-font-smoothing: antialiased; }
    body.modal-open { overflow: hidden; }
    button, select, input { font: inherit; }
    button, a, select { -webkit-tap-highlight-color: transparent; }
    button, select { cursor: pointer; }
    a { color: inherit; text-decoration: none; }
    button { color: inherit; }
    button:focus-visible, a:focus-visible, select:focus-visible { outline: 2px solid var(--pink); outline-offset: 5px; }
    button:disabled { cursor: default; }
    svg { flex-shrink: 0; }
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
    .wrap { width: min(var(--max), calc(100% - 112px)); margin-inline: auto; }
    .icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
    .skip-link { position: fixed; top: -60px; left: 20px; z-index: 200; background: var(--pink); color: #171017; padding: 12px 20px; }
    .skip-link:focus { top: 12px; }
    .site-header { height: 89px; position: relative; z-index: 10; border-bottom: 1px solid #ffffff12; background: #101017; }
    .header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
    .brand { display: inline-flex; align-items: center; gap: 15px; }
    .brand-logo { width: 65px; height: 50px; background: var(--logo-art) center / contain no-repeat; }
    .brand-text { padding-left: 16px; border-left: 1px solid #ffffff25; }
    .brand-text strong { display: block; font-size: 11px; font-weight: 650; letter-spacing: .18em; }
    .brand-text small { display: block; margin-top: 6px; font-size: 8px; color: #9c8e9b; letter-spacing: .2em; }
    .main-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
    .main-nav a { color: #ada7b0; font-size: 11px; letter-spacing: .07em; transition: color .2s; position: relative; }
    .main-nav a:hover, .main-nav a.active { color: #fff8f0; }
    .main-nav a.active::after { content: ""; position: absolute; left: 0; bottom: -33px; height: 2px; width: 100%; background: var(--pink); }
    .header-actions { display: flex; align-items: center; gap: 16px; padding-left: 27px; border-left: 1px solid #ffffff1c; }
    .motion-button { display: inline-flex; align-items: center; gap: 8px; border: none; background: none; padding: 8px 0; color: #b4abb8; }
    .motion-button > span { font-size: 9px; letter-spacing: .1em; }
    .motion-button .icon { width: 17px; height: 17px; }
    .outline-icon { width: 33px; height: 33px; display: grid; place-items: center; background: none; border: 1px solid #ffffff2a; border-radius: 50%; transition: color .2s, border-color .2s; }
    .outline-icon .icon { width: 14px; height: 14px; }
    .outline-icon:hover { border-color: var(--pink); color: var(--pink); }

    .hero { position: relative; min-height: 810px; isolation: isolate; overflow: hidden; }
    .hero::before {
      content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
      background: radial-gradient(ellipse at 7% 39%, #6e315d1c 0%, transparent 57%), linear-gradient(0deg, var(--bg), transparent 14%);
    }
    .hero-backdrop { position: absolute; z-index: -3; top: 0; bottom: -80px; right: -1px; width: 63%; overflow: hidden; }
    .hero-art {
      position: absolute; inset: -22px; background: var(--hero-art) center 27% / cover no-repeat;
      transform: translate3d(var(--move-x, 0px), var(--move-y, 0px), 0) scale(1.02);
      transition: transform .9s ease-out, filter 1.2s;
      filter: saturate(.8) brightness(.72);
    }
    .hero-backdrop::after {
      content: ""; position: absolute; inset: 0;
      background: linear-gradient(90deg, #101017 0%, #101017ec 8%, #1010177d 32%, #1010170a 60%, #10101726 100%),
        linear-gradient(0deg, #101017 0%, #10101718 42%, #1d112619 78%, #1010172e 100%);
    }
    .hero-atmosphere { position: absolute; inset: 0; z-index: -2; background: radial-gradient(ellipse at 78% 29%, #ff9db621 0%, transparent 57%); pointer-events: none; }
    .grain { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .07; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E"); }
    .hero-content { padding-top: 64px; position: relative; z-index: 2; }
    .status-line { display: flex; align-items: center; gap: 10px; color: #dcc7d2; font-size: 9px; letter-spacing: .16em; }
    .status-dot { height: 5px; width: 5px; background: var(--pink); border-radius: 50%; box-shadow: 0 0 13px #f6a0c784; animation: statusGlow 3s ease-in-out infinite; }
    .status-line .edition { padding: 4px 7px; border: 1px solid #f2a6c32e; font-size: 8px; color: var(--pink); letter-spacing: .08em; margin-left: 8px; }
    .hero-title { margin: 29px 0 18px; position: relative; width: fit-content; line-height: .94; }
    .hero-title .welcome { font-family: var(--display); font-size: clamp(62px, 5.7vw, 82px); font-weight: 400; letter-spacing: .009em; display: block; }
    .hero-title .vice {
      display: block; padding: 9px 10px 9px 0; font-family: Georgia, "Times New Roman", serif;
      font-style: italic; font-size: clamp(43px, 4.5vw, 65px); font-weight: 500; letter-spacing: -.065em;
      color: var(--pink); text-shadow: 0 0 42px #ef8bbb22; line-height: 1.08;
    }
    .hero-title .vice::after { content: ""; position: absolute; height: 1px; width: 132px; right: 10px; bottom: 3px; transform: rotate(-4deg); background: linear-gradient(90deg, transparent, #f1a3bb99); }
    .hero-subtitle { color: #c0b1bd; font-size: 12px; line-height: 1.9; letter-spacing: .12em; margin: 14px 0 32px; }
    .hero-subtitle span { color: #fbf0e7; }

    .countdown-block { width: min(624px, 100%); scroll-margin-top: 40px; }
    .countdown-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
    .countdown-heading h2 { font-size: 10px; font-weight: 400; margin: 0; color: #d3c7d0; letter-spacing: .13em; display: flex; align-items: center; gap: 8px; }
    .countdown-heading h2::before { content: ""; display: block; height: 1px; width: 20px; background: var(--pink); }
    .release-tag { font-size: 10px; letter-spacing: .17em; color: var(--pink); }
    .countdown {
      display: grid; grid-template-columns: 1.38fr 16px 1fr 16px 1fr 16px 1fr; align-items: center;
      position: relative; background: linear-gradient(120deg, #231b2878, #17151e52); border-block: 1px solid #e6b6d72a;
      border-radius: 2px; padding: 18px 14px 16px; backdrop-filter: blur(10px);
    }
    .countdown::before, .countdown::after { content: ""; position: absolute; width: 6px; height: 6px; border: solid #efb7d3b3; }
    .countdown::before { left: 0; top: 0; border-width: 1px 0 0 1px; }
    .countdown::after { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
    .time-unit { text-align: center; min-width: 0; }
    .unit-value {
      display: block; font-family: var(--display); font-size: clamp(61px, 6.45vw, 94px); font-weight: 400;
      line-height: 1.06; letter-spacing: .025em; font-variant-numeric: tabular-nums;
      color: #fff2e8; text-shadow: 0 3px 20px #ffafcf0c;
    }
    .time-unit:last-child .unit-value { color: var(--pink); }
    .unit-value.tick { animation: tick .36s ease-out; }
    .unit-label { margin-top: 7px; display: block; color: #a697a7; font-size: 8px; letter-spacing: .16em; }
    .unit-label b { font-weight: 400; color: #d2c5d0; margin-left: 5px; }
    .time-separator { font-size: 29px; font-weight: 200; color: #99718b; align-self: start; margin-top: 15px; text-align: center; }
    .countdown-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 13px; }
    .zone-control { display: inline-flex; align-items: center; gap: 6px; color: #ad9dab; }
    .zone-control .icon { width: 11px; height: 11px; }
    .zone-control select {
      appearance: none; color: #bfb1bf; border: 0; background: transparent; font-size: 8px;
      padding: 4px 15px 4px 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23b7a2b4' stroke-width='1'/%3E%3C/svg%3E");
      background-repeat: no-repeat; background-position: right center;
    }
    .zone-control select option { background: #211c29; color: #f6eaf0; }
    .countdown-note { margin: 0; font-size: 8px; color: #978897; letter-spacing: .025em; line-height: 1.6; text-align: right; }
    .hero-actions { display: flex; align-items: center; gap: 12px; margin-top: 26px; }
    .button {
      padding: 15px 23px; min-height: 48px; border: 1px solid #ffffff38; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
      border-radius: 3px; font-size: 11px; letter-spacing: .055em; font-weight: 600; background: #ffffff04;
      transition: background .2s, transform .2s, border-color .2s, box-shadow .2s;
    }
    .button:hover { background: #ffffff0e; border-color: #ffffff70; transform: translateY(-2px); }
    .button-primary { background: var(--pink-bright); border-color: var(--pink-bright); color: #251722; }
    .button-primary:hover { background: #ffb9d2; border-color: #ffb9d2; box-shadow: 0 7px 30px #f5a0c324; }
    .button .icon { width: 16px; height: 16px; }
    .button .play-icon { fill: currentColor; stroke: none; }
    .focus-button { border: 0; background: none; display: grid; place-items: center; width: 39px; height: 43px; color: #baa7b9; margin-left: 3px; }
    .focus-button:hover { color: var(--pink); }
    .hero-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 31px; padding-bottom: 30px; gap: 24px; }
    .platforms { display: flex; align-items: center; gap: 24px; color: #beb4bf; font-size: 11px; letter-spacing: .01em; }
    .platforms > span { display: inline-flex; align-items: center; gap: 7px; }
    .platforms .icon { width: 20px; height: 20px; }
    .platforms .launch-platform { font-size: 8px; color: #877888; letter-spacing: .12em; }
    .hero-aside { position: absolute; bottom: 105px; right: 5.5%; z-index: 3; text-align: right; }
    .hero-aside .coordinate { font-family: monospace; color: #e6d2da9c; font-size: 8px; letter-spacing: .14em; margin-bottom: 12px; }
    .hero-aside .location { font-family: Georgia, serif; font-style: italic; font-size: 22px; color: #ffefd9; text-shadow: 0 2px 14px #000; }
    .hero-aside .mini-line { display: inline-block; width: 26px; height: 1px; background: var(--pink); vertical-align: middle; margin-right: 8px; }
    .hero-aside .tiny { color: #cab8bf; font-size: 8px; letter-spacing: .17em; margin-top: 9px; }
    .color-switch { display: flex; align-items: center; gap: 9px; color: #b9a5b4; font-size: 8px; letter-spacing: .06em; }
    .color-switch button { width: 13px; height: 13px; border-radius: 50%; border: 2px solid #29202b; padding: 0; box-shadow: 0 0 0 1px transparent; }
    .color-switch button[aria-pressed="true"] { box-shadow: 0 0 0 1px #c7a8bd; }
    .color-switch .sunset { background: linear-gradient(140deg, #f5b792, #c876ae); }
    .color-switch .midnight { background: linear-gradient(140deg, #658ca9, #573e6d); }
    [data-tone="midnight"] { --pink: #a9c3ee; --pink-bright: #c5c0ed; }
    [data-tone="midnight"] .hero-art { filter: saturate(.55) brightness(.52) hue-rotate(17deg); }
    [data-tone="midnight"] .hero-atmosphere { background: radial-gradient(ellipse at 78% 20%, #737cff2e, transparent 60%); }
    .ambient-particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
    .particle { position: absolute; width: 2px; height: 2px; background: #ffd4d1; box-shadow: 0 0 8px #ffb5d399; border-radius: 50%; opacity: 0; animation: dust 12s linear infinite; }
    .palm-shadow { position: absolute; width: 330px; left: -167px; height: 590px; top: 140px; z-index: -1; opacity: .25; pointer-events: none; transform-origin: 50% 100%; animation: palmSway 9s ease-in-out infinite alternate; }

    .ticker { overflow: hidden; padding: 14px 0; border-top: 1px solid #f4a4c22b; border-bottom: 1px solid #f4a4c21b; background: #16131c; position: relative; }
    .ticker::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #16131c, transparent 10%, transparent 90%, #16131c); pointer-events: none; }
    .ticker-track { width: max-content; display: flex; animation: tickerMove 55s linear infinite; }
    .ticker-copy { flex-shrink: 0; display: flex; align-items: center; gap: 41px; padding-right: 41px; }
    .ticker-copy span { color: #a8899c; font-size: 9px; letter-spacing: .25em; white-space: nowrap; }
    .ticker-copy i { color: #ec9aba; font-size: 11px; font-style: normal; }
    .ticker-copy .pink { color: #f1aac5; }
    .discover { padding-top: 60px; padding-bottom: 57px; }
    .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
    .section-kicker { color: #b786a2; font-size: 8px; letter-spacing: .2em; display: block; margin-bottom: 13px; }
    .section-heading h2 { font-size: 24px; font-weight: 500; letter-spacing: .035em; margin: 0; }
    .section-heading p { color: #998995; font-size: 10px; margin: 0 0 3px; line-height: 1.7; }
    .media-grid { display: grid; grid-template-columns: 1.35fr 1fr .84fr; gap: 18px; }
    .media-card { position: relative; min-height: 238px; border: 1px solid #ffffff1b; border-radius: 5px; overflow: hidden; isolation: isolate; background: #231b2a; }
    a.media-card, button.media-card { text-align: left; width: 100%; color: inherit; }
    button.media-card { padding: 0; font: inherit; cursor: pointer; }
    .media-card .card-image { position: absolute; inset: 0; z-index: -2; transition: transform .7s, filter .7s; filter: saturate(.72) brightness(.62); }
    .media-card:hover .card-image { transform: scale(1.045); filter: saturate(.9) brightness(.78); }
    .trailer-image { background: var(--hero-art) center 32% / cover no-repeat; }
    .poster-image { background: var(--poster-art) center / cover no-repeat; }
    .media-card::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(0deg, #0f0e18eb, #16111b22 85%); }
    .card-top { position: absolute; top: 17px; left: 19px; right: 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
    .small-tag { font-size: 8px; color: #fceaf5; padding: 5px 7px; border: 1px solid #f6c6e04a; letter-spacing: .1em; background: #19121e40; backdrop-filter: blur(5px); }
    .card-top .icon { width: 16px; height: 16px; color: #f4d8e9; }
    .round-play { position: absolute; inset: 0; margin: auto; width: 43px; height: 43px; border: 1px solid #fff7; border-radius: 50%; display: grid; place-items: center; background: #fff1; backdrop-filter: blur(7px); transition: background .2s; }
    .round-play svg { fill: #fff8f0; width: 16px; height: 16px; margin-left: 2px; }
    .media-card:hover .round-play { background: #f8a2c34d; }
    .card-copy { position: absolute; bottom: 20px; left: 20px; right: 18px; }
    .card-copy h3 { margin: 0 0 6px; font-size: 15px; font-weight: 500; letter-spacing: .015em; }
    .card-copy p { margin: 0; color: #c0aabc; font-size: 9px; line-height: 1.7; }
    .card-date { background: radial-gradient(ellipse at 100% 0, #7140525e, transparent 80%), #231b2a; }
    .card-date::after { background: linear-gradient(0deg, #19141f, transparent 100%); }
    .date-art { font-family: var(--display); position: absolute; top: 55px; left: 21px; color: #f6aecb; font-size: 62px; letter-spacing: .01em; line-height: 1; }
    .date-art span { font-size: 19px; color: #ba8fac; letter-spacing: .12em; margin-left: 8px; vertical-align: top; display: inline-block; padding-top: 5px; }
    .card-palm { position: absolute; right: -24px; top: 29px; width: 146px; height: 151px; opacity: .5; color: #805070; z-index: -1; }

    .release-info { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 25px 0; border-block: 1px solid #ffffff16; margin-bottom: 30px; }
    .release-info-text { display: flex; gap: 15px; align-items: flex-start; }
    .release-info-text > .icon { color: #bfa2b5; margin-top: 2px; width: 17px; height: 17px; }
    .release-info h2 { margin: 0 0 7px; font-size: 11px; font-weight: 500; color: #d6c1d2; letter-spacing: .035em; }
    .release-info p { color: #948391; font-size: 9px; margin: 0; line-height: 1.9; }
    .source-link { font-size: 9px; color: #ddadc8; white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; }
    .source-link:hover { color: #ffe0ef; }
    .source-link .icon { width: 13px; height: 13px; }
    .site-footer { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; padding-bottom: 29px; }
    .footer-wordmark { font-family: var(--display); font-size: 18px; letter-spacing: .07em; color: #b09aa9; }
    .footer-wordmark span { color: #e2a2c4; margin-left: 4px; }
    .footer-copy { margin-top: 9px; color: #796d7c; font-size: 8px; line-height: 1.9; letter-spacing: .02em; }
    .footer-links { display: flex; align-items: center; gap: 24px; padding-top: 6px; font-size: 8px; color: #aa94a4; }
    .footer-links a:hover { color: var(--pink); }
    .back-top { display: flex; align-items: center; gap: 5px; }
    .back-top .icon { height: 12px; width: 12px; }

    dialog { color: var(--ink); padding: 0; border: 1px solid #68475f; background: #17121f; box-shadow: 0 24px 140px #0009; }
    dialog::backdrop { background: #07060ddc; backdrop-filter: blur(12px); }
    .video-dialog { width: min(940px, calc(100% - 32px)); max-width: 940px; border-radius: 8px; }
    .dialog-header { display: flex; justify-content: space-between; align-items: center; padding: 19px 23px; gap: 20px; border-bottom: 1px solid #ffffff15; }
    .dialog-header h2 { font-size: 13px; font-weight: 500; letter-spacing: .04em; margin: 0; }
    .dialog-header small { color: #ba8da9; font-size: 8px; display: block; margin-top: 6px; letter-spacing: .15em; }
    .close-button { display: grid; place-items: center; background: #ffffff08; border: 1px solid #ffffff20; border-radius: 50%; width: 33px; height: 33px; color: #d8bed0; }
    .close-button .icon { width: 15px; height: 15px; }
    .close-button:hover { background: #ffffff15; }
    .video-frame { aspect-ratio: 16 / 9; background: #09070f; }
    .video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
    .video-fallback { padding: 14px 23px 18px; display: flex; justify-content: space-between; gap: 20px; font-size: 10px; color: #a98ea4; }
    .video-fallback a { color: #e4b3cc; }
    .focus-dialog { max-width: none; max-height: none; width: 100vw; height: 100dvh; inset: 0; margin: 0; border: 0; overflow-y: auto; }
    .focus-dialog::before { content: ""; position: absolute; inset: 0; background: linear-gradient(#101017cf, #101017ed), var(--hero-art) center 38% / cover; z-index: -1; }
    .focus-dialog .close-button { position: absolute; right: 28px; top: 25px; width: 40px; height: 40px; }
    .focus-inner { width: min(1060px, calc(100% - 56px)); margin: 0 auto; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 65px 0 50px; }
    .focus-logo { background: var(--logo-art) center / contain no-repeat; width: 183px; height: 141px; margin-bottom: 24px; }
    .focus-inner h2 { font-weight: 400; font-size: 12px; color: #e1bacf; letter-spacing: .25em; margin: 0 0 22px; }
    .focus-inner .countdown { width: 100%; padding: 24px 25px; background: #1e17284d; }
    .focus-inner .unit-value { font-size: clamp(74px, 12vw, 152px); }
    .focus-inner .time-separator { margin-top: 34px; font-size: 41px; }
    .focus-inner .unit-label { font-size: 10px; }
    .focus-release { font-family: var(--display); letter-spacing: .1em; font-size: 24px; margin: 27px 0 10px; color: #ead7df; }
    .focus-note { font-size: 10px; color: #a992a4; line-height: 1.8; }
    .focus-hint { font-size: 8px; color: #8c7689; margin-top: 22px; letter-spacing: .12em; }

    .toast { position: fixed; z-index: 150; bottom: 25px; left: 50%; transform: translate(-50%, 14px); opacity: 0; pointer-events: none; background: #2a1f30f5; border: 1px solid #b77b9c80; box-shadow: 0 8px 40px #0006; padding: 13px 22px; border-radius: 5px; color: #f6d5e8; font-size: 11px; text-align: center; max-width: calc(100% - 36px); width: max-content; line-height: 1.7; transition: opacity .25s, transform .25s; }
    .toast.show { opacity: 1; transform: translate(-50%, 0); }
    .share-dialog { width: min(440px, calc(100% - 30px)); border-radius: 8px; }
    .share-content { padding: 22px; }
    .share-content p { font-size: 11px; line-height: 1.8; color: #bda4b7; }
    .share-content textarea { width: 100%; min-height: 135px; resize: vertical; border: 1px solid #745167; background: #100d18; color: #f6dbea; padding: 13px; font: 12px/1.8 var(--body); border-radius: 3px; }
    .share-content .button { margin-top: 15px; }

    @keyframes tick { from { opacity: .65; transform: translateY(3px); filter: blur(1px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
    @keyframes statusGlow { 0%, 100% { opacity: .65; } 50% { opacity: 1; box-shadow: 0 0 13px #f6a0c7aa; } }
    @keyframes dust { 0% { opacity: 0; transform: translate3d(0,35px,0); } 20%, 65% { opacity: .38; } 100% { opacity: 0; transform: translate3d(-30px,-70px,0); } }
    @keyframes palmSway { from { transform: rotate(-1deg); } to { transform: rotate(2deg); } }
    @keyframes tickerMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    [data-motion="off"] .particle, [data-motion="off"] .ticker-track, [data-motion="off"] .status-dot, [data-motion="off"] .palm-shadow { animation-play-state: paused; }
    [data-motion="off"] .unit-value.tick { animation: none; }
    [data-motion="off"] .hero-art { transform: none; }
    .page-hidden .particle, .page-hidden .ticker-track, .page-hidden .status-dot, .page-hidden .palm-shadow { animation-play-state: paused; }

    @media (min-width: 1700px) {
      .hero { min-height: 905px; }
      .hero-content { padding-top: 95px; }
      .hero-title .welcome { font-size: 95px; }
      .hero-title .vice { font-size: 75px; }
      .hero-bottom { padding-top: 43px; }
      .hero-backdrop { width: 59%; }
    }
    @media (max-width: 1180px) {
      .wrap { width: calc(100% - 72px); }
      .main-nav { gap: 23px; }
      .header-actions { gap: 15px; padding-left: 19px; }
      .motion-button > span { display: none; }
      .hero { min-height: 765px; }
      .hero-backdrop { width: 70%; right: -100px; }
      .hero-title .welcome { font-size: 76px; }
      .hero-title .vice { font-size: 61px; }
      .countdown-block { max-width: 562px; }
      .unit-value { font-size: 80px; }
      .hero-aside { right: 36px; bottom: 102px; }
      .hero-aside .coordinate { display: none; }
      .media-grid { grid-template-columns: 1.2fr 1fr .9fr; gap: 13px; }
      .media-card { min-height: 217px; }
      .date-art { font-size: 52px; }
      .date-art span { font-size: 14px; margin-left: 2px; }
      .card-copy h3 { font-size: 13px; }
    }
    @media (max-width: 900px) {
      .brand-text { display: none; }
      .header-actions { padding-left: 20px; }
      .hero-backdrop { width: 83%; right: -115px; opacity: .8; }
      .hero-backdrop::after { background: linear-gradient(90deg, #101017, #101017bb 25%, #10101718 85%), linear-gradient(0deg, #101017, #10101700 70%); }
      .hero-aside { display: none; }
      .countdown-block { width: 545px; max-width: 100%; }
      .hero-content { padding-top: 55px; }
      .hero-title .welcome { font-size: 74px; }
      .hero-title .vice { font-size: 59px; }
      .section-heading p { display: none; }
      .media-grid { grid-template-columns: 1.2fr 1fr; }
      .card-date { grid-column: 1 / -1; min-height: 125px; }
      .card-date .date-art { left: 26px; top: 40px; font-size: 50px; }
      .card-date .card-top { top: 16px; left: 27px; }
      .card-date .card-copy { left: 53%; top: 46px; bottom: auto; }
      .card-date .card-palm { right: 100px; }
      .release-info { align-items: flex-start; }
      .site-footer { gap: 25px; }
      .footer-links { gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
    }
    @media (max-width: 600px) {
      .wrap { width: calc(100% - 40px); }
      .site-header { height: 72px; }
      .brand-logo { width: 58px; height: 45px; }
      .header-inner { gap: 16px; }
      .main-nav { gap: 18px; }
      .main-nav a { font-size: 10px; }
      .main-nav a:last-child { display: none; }
      .main-nav a.active::after { bottom: -26px; }
      .header-actions { padding-left: 15px; gap: 0; }
      .header-actions .outline-icon { display: none; }
      .motion-button { padding: 8px 0; }
      .hero { min-height: auto; }
      .hero-backdrop { width: 135%; height: 780px; bottom: auto; top: 0; right: -43%; opacity: .75; }
      .hero-art { background-position: center top; filter: saturate(.75) brightness(.68); }
      .hero-backdrop::after {
        background: linear-gradient(90deg, #101017b3, #10101722 70%), linear-gradient(0deg, #101017 3%, #101017d9 35%, #1010176e 62%, #10101713 100%);
      }
      .hero-content { padding-top: 39px; }
      .status-line { font-size: 7px; gap: 8px; letter-spacing: .12em; }
      .status-line .edition { font-size: 7px; margin-left: 0; }
      .hero-title { margin-top: 39px; margin-bottom: 16px; }
      .hero-title .welcome { font-size: clamp(50px, 12vw, 75px); letter-spacing: .008em; }
      .hero-title .vice { font-size: clamp(35px, 9.2vw, 53px); padding-top: 12px; white-space: nowrap; }
      .hero-title .vice::after { width: 85px; }
      .hero-subtitle { font-size: 10px; letter-spacing: .055em; margin-top: 17px; margin-bottom: 31px; }
      .countdown-heading { margin-bottom: 13px; }
      .countdown-heading h2 { font-size: 9px; gap: 6px; letter-spacing: .05em; }
      .countdown-heading h2::before { width: 12px; }
      .release-tag { font-size: 8px; letter-spacing: .1em; }
      .countdown { padding: 18px 7px 15px; grid-template-columns: 1.4fr 11px 1fr 11px 1fr 11px 1fr; background: #21192680; }
      .unit-value { font-size: clamp(44px, 12vw, 70px); letter-spacing: .005em; }
      .unit-label { font-size: 6px; letter-spacing: .06em; }
      .unit-label b { margin-left: 3px; }
      .time-separator { margin-top: 7px; font-size: 23px; }
      .countdown-meta { margin-top: 12px; align-items: flex-start; gap: 10px; }
      .zone-control select { font-size: 7px; }
      .countdown-note { font-size: 7px; max-width: 174px; }
      .hero-actions { gap: 9px; margin-top: 24px; }
      .button { padding: 13px 17px; min-height: 45px; font-size: 10px; gap: 7px; }
      .hero-actions .button { flex: 1; padding-inline: 10px; }
      .focus-button { flex: 0 0 31px; width: 31px; margin-left: 0; }
      .hero-bottom { padding-top: 27px; padding-bottom: 27px; gap: 8px; flex-wrap: wrap; }
      .platforms { gap: 15px; font-size: 9px; }
      .platforms .launch-platform { display: none; }
      .platforms .icon { width: 17px; height: 17px; }
      .color-switch { gap: 7px; font-size: 7px; }
      .color-switch button { width: 11px; height: 11px; }
      .ticker { padding: 11px 0; }
      .ticker-copy { gap: 27px; padding-right: 27px; }
      .ticker-copy span { font-size: 7px; letter-spacing: .14em; }
      .palm-shadow { left: -209px; }
      .discover { padding-top: 37px; padding-bottom: 35px; }
      .section-kicker { font-size: 7px; margin-bottom: 10px; }
      .section-heading h2 { font-size: 19px; }
      .section-heading { margin-bottom: 21px; }
      .media-grid { grid-template-columns: 1fr; gap: 14px; }
      .media-card { min-height: 215px; }
      .media-card .trailer-image { background-position: center 30%; }
      .card-copy h3 { font-size: 15px; }
      .card-copy p { font-size: 9px; }
      .card-date { min-height: 127px; }
      .card-date .date-art { left: 20px; font-size: 46px; top: 48px; }
      .card-date .date-art span { font-size: 12px; }
      .card-date .card-top { left: 20px; }
      .card-date .card-copy { left: 55%; top: 57px; right: 12px; }
      .card-date .card-copy h3 { font-size: 12px; }
      .card-date .card-copy p { font-size: 8px; }
      .card-date .card-palm { right: -15px; }
      .release-info { padding-block: 22px; margin-bottom: 23px; gap: 16px; flex-direction: column; }
      .release-info-text { gap: 11px; }
      .release-info p { font-size: 8px; }
      .source-link { margin-left: 29px; font-size: 8px; }
      .site-footer { flex-direction: column; padding-bottom: 27px; gap: 19px; }
      .footer-copy { font-size: 7px; }
      .footer-links { justify-content: flex-start; font-size: 8px; gap: 24px; padding-top: 0; }
      .focus-inner { width: calc(100% - 30px); }
      .focus-logo { width: 157px; height: 122px; }
      .focus-inner h2 { font-size: 10px; letter-spacing: .15em; }
      .focus-inner .countdown { padding: 20px 5px; }
      .focus-inner .unit-value { font-size: clamp(43px, 13vw, 77px); }
      .focus-inner .time-separator { margin-top: 9px; font-size: 27px; }
      .focus-inner .unit-label { font-size: 7px; letter-spacing: .05em; }
      .focus-release { font-size: 21px; }
      .focus-note { font-size: 8px; padding-inline: 13px; }
      .video-fallback { font-size: 9px; flex-wrap: wrap; gap: 9px; padding: 14px 17px; }
      .dialog-header { padding: 17px; }
      .dialog-header h2 { font-size: 11px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
    }
  
.blog-return{color:#f793ba!important;white-space:nowrap}.config-error{color:#ffc7d8!important}.site-footer .blog-return{font-size:11px}@media(max-width:760px){.main-nav{gap:12px}.main-nav a.blog-return{display:inline-block!important;font-size:10px}.main-nav a[href="#releaseInfo"]{display:none}}