@font-face { font-family: "Archivo"; src: url("/assets/fonts/archivo-vf.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { --g3d-promo-height: 66px; }
.lifetime-promo {
  --promo-orange: var(--ember, #ff5b1f);
  --promo-rainbow: linear-gradient(90deg, #ff3b3b, #ff9f1c, #ffe83b, #3bff7a, #3bd5ff, #7a5cff, #ff3bd5, #ff3b3b);
  position: fixed; inset: 0 0 auto; z-index: 95; height: var(--g3d-promo-height);
  display: flex; align-items: center; justify-content: center;
  padding: 0 clamp(10px, 2vw, 30px); border: 0; isolation: isolate; overflow: hidden;
  background: transparent;
  color: #f4f0e8; font: 800 14px/1.25 "Archivo", Arial, sans-serif; box-sizing: border-box;
}
.lifetime-promo::before { content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none; background: url("/assets/img/promotion/game-world-background.png") center / cover no-repeat; }
.lifetime-promo::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, transparent 0%, rgb(11 11 10 / .82) 27%, rgb(11 11 10 / .82) 73%, transparent 100%); }
.lifetime-promo[hidden] { display: none !important; }
.lifetime-promo-content { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 24px; }
.lifetime-promo-copy { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; }
.lifetime-promo-headline { font: inherit; font-size: 20px; font-weight: 800; letter-spacing: -.035em; white-space: nowrap; }
.lifetime-promo-tag { border: 1px solid var(--promo-orange); border-radius: 5px; padding: 4px 6px; color: var(--promo-orange); font-size: 10px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.lifetime-promo-price { display: flex; align-items: center; justify-content: center; gap: 9px; color: #fff; white-space: nowrap; }
.lifetime-promo-price s, .lifetime-promo-price b, .lifetime-promo-once { font: 800 19px/1.15 "Archivo", Arial, sans-serif; letter-spacing: -.025em; }
.lifetime-promo-price s { font-size: 14px; color: #b6a99d; text-decoration-thickness: 2px; }
.lifetime-promo-once { font-size: 12px; color: #bdb7ab; }
.lifetime-promo-price b { color: #fff; }
.lifetime-promo-action { display: flex; align-items: center; gap: 14px; }
.lifetime-promo-deadline { color: #f4f0e8; font: inherit; font-size: 12px; white-space: nowrap; }
.lifetime-promo-deadline.is-countdown { color: var(--promo-orange); font-variant-numeric: tabular-nums; }
.lifetime-promo a { display: inline-flex; align-items: center; gap: 12px; padding: 11px 17px; border-radius: 999px; background: var(--promo-rainbow); background-size: 200% 100%; color: #111; font: 800 13px/1 "Archivo", Arial, sans-serif; text-decoration: none; white-space: nowrap; animation: promo-rainbow-pan 5s linear infinite; box-shadow: 0 3px 18px #7a5cff35; }
.lifetime-promo a:hover { color: #111; box-shadow: 0 4px 22px #ff3bd566; }
.lifetime-promo a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@keyframes promo-rainbow-pan { to { background-position: 200% 50%; } }
.has-lifetime-promo body:not(:has(.login-shell)) { padding-top: var(--g3d-promo-height); }
.has-lifetime-promo .site-header { top: var(--g3d-promo-height); }
.has-lifetime-promo .skip:focus { top: calc(var(--g3d-promo-height) + 9px); }
.promo-was { color: var(--mute, #8a857b); font-size: .55em; font-weight: 500; letter-spacing: 0; }
@media (max-width: 1250px) { .promo-long-title { display: none; } .lifetime-promo-content { gap: 18px; } }
@media (max-width: 900px) { .lifetime-promo-action { flex-direction: column; gap: 5px; } .lifetime-promo a { padding: 8px 16px; } .lifetime-promo-tag { display: none; } .lifetime-promo-copy { flex-direction: row; } }
@media (max-width: 760px) {
  :root { --g3d-promo-height: 94px; }
  .lifetime-promo { padding-inline: 8px; }
  .lifetime-promo::before { background-size: auto 150%; }
  .lifetime-promo::after { background: linear-gradient(90deg, transparent, rgb(11 11 10 / .85) 25%, rgb(11 11 10 / .85) 75%, transparent); }
  .lifetime-promo-content { flex-direction: column; gap: 5px; width: 186px; }
  .lifetime-promo-headline { font-size: 19px; text-align: center; }
  .lifetime-promo-copy { gap: 7px; }
  .lifetime-promo-price { gap: 6px; }
  .lifetime-promo-price b { font-size: 17px; }
  .lifetime-promo-action { gap: 4px; }
  .lifetime-promo-deadline { font-size: 10px; }
  .lifetime-promo a { padding: 6px 13px; font-size: 11px; }

}
@media (max-width: 359px) { .lifetime-promo-content { width: 176px; } .lifetime-promo { column-gap: 8px; padding-inline: 6px; } .lifetime-promo-headline { font-size: 18px; } .lifetime-promo-price b { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .lifetime-promo a { animation: none; } }
