/* Seasonal atmosphere stays separate from the catalog and account behavior. */
:root { --winter-ice:#bee9f3; --winter-line:#58718b; }
[data-season="winter"] body {
  background-color:#0c1020;
  background-image:radial-gradient(ellipse at 9% 15%,#28365e2a,transparent 45%),radial-gradient(ellipse at 90% 65%,#41336224,transparent 50%);
}
[data-season="winter"] .hero-art { background-image:url('/assets/xxtra-winter-world.webp'); }
[data-season="winter"] .hero-shade {
  background:linear-gradient(0deg,#0c1020 0%,transparent 27%,#0b10222b 85%,#0c102055),radial-gradient(ellipse at 50% 43%,#070f2145,transparent 68%);
}
[data-season="winter"] .hero-art>.world-flow,
[data-season="winter"] .hero-art>.world-fx,
[data-season="winter"] .world-sky,
[data-season="winter"] .pixel-field { display:none; }
[data-season="winter"] .header {
  background:linear-gradient(180deg,#d9f5ff18,#b6c7f006 65%),#111a32c7;
  border-color:#a4c4e347;
  box-shadow:inset 0 1px #e9f9ff45,0 12px 32px #03091665;
}
[data-season="winter"] .header.scrolled { background:#11192beb; }
[data-season="winter"] .header::before {
  background:linear-gradient(90deg,transparent 15%,#c7f4ff18 35%,transparent 60%,#b8b5ec0f);
}
[data-season="winter"] .hero-copy>.eyebrow { color:#d1e9f5; }
[data-season="winter"] .hero-copy>.eyebrow .ui-icon { color:#aedee9; }
[data-season="winter"] .hero-meta { color:#d1dde8; }
[data-season="winter"] .hero-meta i { color:#a8d8e7; }
[data-season="winter"] .ticker {
  background:#131c30;
  border-color:#6c91ae40;
  color:#c1d2e2;
}
[data-season="winter"] .ticker b { color:#8fd0df; }
[data-season="winter"] .market-hero::before {
  background:linear-gradient(90deg,#0c1020f0 12%,#0c102080),url('/assets/xxtra-winter-world.webp') center/cover;
}
[data-season="winter"] .market-page-heading {
  background:radial-gradient(ellipse at center top,#477f9822,transparent 75%);
}
[data-season="winter"] .product-card,
[data-season="winter"] .market-product,
[data-season="winter"] .subscription-world { border-color:#53617b; }
[data-season="winter"] .product-card:hover,
[data-season="winter"] .market-product:hover { border-color:#9cc9d7; }
[data-season="winter"] .product-body,
[data-season="winter"] .market-product,
[data-season="winter"] .market-filters { background:#171b2b; }
[data-season="winter"] .steps article {
  background:linear-gradient(155deg,#202b40,#171b2b);
  border-color:#475e76;
  border-top-color:#a2dce8;
}
[data-season="winter"] .step-icon { color:#c3eaf1; border-color:#88bfd1; background:#79bad419; box-shadow:inset -2px -2px #0a15245e; }
[data-season="winter"] .step-number { color:#c1d8e7; border-color:#65809966; background:#92c9e30b; }
[data-season="winter"] .home-pass,
[data-season="winter"] .final-cta,
[data-season="winter"] .subscription-plan,
[data-season="winter"] .xp-simulator {
  background:radial-gradient(ellipse at top right,#335f7930,transparent 65%),linear-gradient(145deg,#1d2338,#151726);
  border-color:#586b86;
}
[data-season="winter"] .subscription-plan.premium,
[data-season="winter"] .variant-card.bundle { border-color:#e3b36d; }
[data-season="winter"] .faq-list details { background:#171d2d; border-color:#485c76; }
[data-season="winter"] .faq-list details[open] { border-color:#92c9dc; }
[data-season="winter"] .club-section { border-color:#5a7088; }
[data-season="winter"] .account-world,
[data-season="winter"] .support-world {
  background:linear-gradient(#0c102057,#0c1020),url('/assets/xxtra-winter-world.webp') center 42%/cover;
  opacity:.8;
}
.winter-caption { display:none; }
[data-season="winter"] .winter-caption { display:inline; }
[data-season="winter"] .classic-caption { display:none; }
/* Snow is a viewport layer; clicks and selection pass through. */
.season-snow { display:none; position:fixed; inset:0; z-index:4; overflow:hidden; pointer-events:none; user-select:none; contain:strict; }
[data-season="winter"] .season-snow { display:block; }
.season-snow i {
  position:absolute; top:-32px; left:var(--snow-x);
  width:var(--snow-size); height:var(--snow-size);
  background:#e4f4ff; border-radius:1px; opacity:0;
  animation:snow-drift var(--snow-duration) var(--snow-delay) linear infinite;
}
.season-snow .snow-crystal { background:url('/assets/xxtra-snowflake.webp') center/contain no-repeat; image-rendering:pixelated; }
@keyframes snow-drift {
  0% { opacity:0; transform:translate3d(0,-32px,0) rotate(0); }
  12%,75% { opacity:.6; }
  100% { opacity:0; transform:translate3d(var(--snow-drift),calc(100dvh + 64px),0) rotate(var(--snow-turn)); }
}
.season-hidden .season-snow i { animation-play-state:paused; }
.motion-off .season-snow { display:none; }
.style-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:22px 0; border:0; padding:0; }
.style-options legend { color:#c7bed3; font:600 14px/1.7 Manrope,Arial,sans-serif; margin-bottom:16px; }
.style-choice { position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; padding:14px; border:1px solid #5b4e70; background:#161524; cursor:pointer; }
.style-choice:has(input:checked) { border-color:#ffc18c; box-shadow:inset 0 0 0 1px #ffc18c; }
.style-choice:focus-within { outline:2px solid #c2e9ff; outline-offset:4px; }
.style-choice input { position:absolute; top:24px; left:24px; width:19px; height:19px; accent-color:#f4802b; }
.style-choice img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border:1px solid #6e65804a; user-select:none; pointer-events:none; }
.style-choice strong { color:#f7efff; font:700 16px/1.6 Manrope,Arial,sans-serif; }
.style-choice span { color:#b6adc6; font:13px/1.8 Manrope,Arial,sans-serif; }
.style-card>p,.style-motion p { max-width:620px; color:#b9aec8; font:14px/1.8 Manrope,Arial,sans-serif; }
.style-card h3,.style-motion h3 { font:700 18px/1.6 Manrope,Arial,sans-serif; }
.style-privacy { color:#9f95ae!important; font-size:12px!important; }
@media(max-width:540px) {
  [data-season="winter"] .hero-art { background-position:48% center; }
  [data-season="winter"] .hero-shade { background:linear-gradient(0deg,#0c1020,transparent 35%),#06102342; }
  .season-snow i:nth-child(even) { display:none; }
  .style-options { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html:not(.motion-on) .season-snow { display:none; }
}