/* Downloads share the homepage's fitted wallpaper and themed glass. */
:is(.download-page,.stats-page) {
  --dl-ink:#173548;
  --dl-muted:#35566a;
  --dl-dim:#476779;
  --dl-line:rgba(37,85,111,.22);
  --dl-shell:rgba(226,242,249,.72);
  --dl-surface:rgba(236,247,252,.6);
  --dl-inset:rgba(220,239,248,.4);
  --dl-hover:rgba(238,250,255,.8);
  --dl-nav:rgba(236,246,250,.94);
  --dl-accent:#0b5b87;
  --dl-shadow:rgba(12,43,62,.18);
  --color-text:var(--dl-ink);
  --color-text-secondary:var(--dl-muted);
  --color-text-muted:var(--dl-muted);
  --color-text-dim:var(--dl-dim);
  --color-primary-text:var(--dl-accent);
  --color-surface:var(--dl-surface);
  --color-bg-secondary:var(--dl-inset);
  --color-surface-hover:var(--dl-hover);
  --color-surface-border:var(--dl-line);
  color:var(--dl-ink);
}
[data-theme="dark"] :is(.download-page,.stats-page) {
  --dl-ink:#edf6fc;
  --dl-muted:#bdcfdd;
  --dl-dim:#a1b8ca;
  --dl-line:rgba(175,216,239,.2);
  --dl-shell:rgba(6,20,33,.36);
  --dl-surface:rgba(11,29,45,.62);
  --dl-inset:rgba(14,36,54,.44);
  --dl-hover:rgba(24,53,73,.78);
  --dl-nav:rgba(9,23,36,.94);
  --dl-accent:#9cdef0;
  --dl-shadow:rgba(0,8,18,.32);
}
:is(.download-page,.stats-page) #stage {
  --stage-top:var(--header-height);
  --stage-inline:100vw;
  --stage-fit-width:min(var(--stage-inline),calc((100dvh - var(--stage-top)) * 1.3333333333));
  top:var(--stage-top);
  background:linear-gradient(180deg,#344e60,#53788c 45%,#315e76 65%,#16394e);
  contain:paint;
}
:is(.download-page,.stats-page) #stage-wallpaper {
  position:absolute;
  inset:-32px;
  background-image:url('../images/bg/arcade-1280.webp');
  background-position:center;
  background-repeat:repeat-x;
  background-size:var(--stage-fit-width) auto;
  filter:blur(12px);
}
@media(min-width:1400px){:is(.download-page,.stats-page) #stage-wallpaper{background-image:url('../images/bg/arcade-1920.webp')}}
@media(min-width:2200px){:is(.download-page,.stats-page) #stage-wallpaper{background-image:url('../images/bg/arcade-2560.webp')}}
@media(max-width:700px){:is(.download-page,.stats-page) #stage-wallpaper{background-image:url('../images/bg/arcade-768.webp')}}
:is(.download-page,.stats-page) .header,:is(.download-page,.stats-page) .header.is-scrolled,:is(.download-page,.stats-page) .mobile-nav {
  background:var(--dl-nav);
  border-color:var(--dl-line);
  box-shadow:0 5px 24px var(--dl-shadow);
  -webkit-backdrop-filter:blur(22px) saturate(1.1);
  backdrop-filter:blur(22px) saturate(1.1);
}
:is(.download-page,.stats-page) .logo,:is(.download-page,.stats-page) .nav-link,:is(.download-page,.stats-page) .theme-toggle {color:var(--dl-ink)}
:is(.download-page,.stats-page) .nav-link.active,:is(.download-page,.stats-page) .nav-link:hover {color:var(--dl-accent)}
:is(.download-page,.stats-page) #payment-section {padding-inline:24px;scroll-margin-top:var(--header-height)}
:is(.download-page,.stats-page) .zelij-container {--frame-width:1px;--frame-color:var(--dl-line);filter:drop-shadow(0 18px 44px var(--dl-shadow))}
:is(.download-page,.stats-page).has-stage .zelij-container > .bvl-frame-inner {
  background:var(--dl-shell);
  -webkit-backdrop-filter:blur(22px) saturate(1.1);
  backdrop-filter:blur(22px) saturate(1.1);
}
:is(.download-page,.stats-page) .zelij-content {padding:clamp(20px,4vw,48px);gap:40px}
:is(.download-page,.stats-page) .geo-shape {opacity:.045}
:is(.download-page,.stats-page) .pricing-single {--frame-width:1px;--frame-color:var(--dl-line)}
:is(.download-page,.stats-page).has-stage .zelij-container .pricing-single > .bvl-frame-inner,
:is(.download-page,.stats-page) .what-you-get-card,:is(.download-page,.stats-page) .store-banner,
:is(.download-page,.stats-page) .purchase-notice,:is(.download-page,.stats-page) .unlock-panel,
:is(.download-page,.stats-page) .install-help details,:is(.download-page,.stats-page) .download-footer-strip,
:is(.download-page,.stats-page) .store-matrix-wrap,:is(.download-page,.stats-page) .os-cta {
  background:var(--dl-surface);
  border-color:var(--dl-line);
  color:var(--dl-ink);
  -webkit-backdrop-filter:blur(16px) saturate(1.1);
  backdrop-filter:blur(16px) saturate(1.1);
}
:is(.download-page,.stats-page) .pricing-single .bvl-frame-inner::before {opacity:.3}
:is(.download-page,.stats-page) .text-gradient,:is(.download-page,.stats-page) .pricing-single .price-current {
  background:none;
  color:var(--dl-accent);
  -webkit-text-fill-color:var(--dl-accent);
}
:is(.download-page,.stats-page) .store-banner:not(.disabled):hover {background:var(--dl-hover);border-color:var(--dl-accent)}
:is(.download-page,.stats-page) .platform-btn-new,:is(.download-page,.stats-page) .verify-input,:is(.download-page,.stats-page) .verify-btn-small,
:is(.download-page,.stats-page) .dl-chip,:is(.download-page,.stats-page) .platform-group--multi,:is(.download-page,.stats-page) .dl-mosaic-frame {
  background:var(--dl-inset);
  border-color:var(--dl-line);
}
:is(.download-page,.stats-page) .verify-input {min-width:0}
:is(.download-page,.stats-page) .verify-input::placeholder {color:var(--dl-dim);opacity:1}
:is(.download-page,.stats-page) .verify-input:focus-visible {outline:2px solid var(--dl-accent);outline-offset:2px}
:is(.download-page,.stats-page) .store-banner.disabled,:is(.download-page,.stats-page) .dl-chip.disabled {opacity:.65}
:is(.download-page,.stats-page) .site-footer {background:var(--dl-nav);border-color:var(--dl-line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
:is(.download-page,.stats-page) .footer-logo span {background:none;color:var(--dl-ink);-webkit-text-fill-color:var(--dl-ink)}
:is(.download-page,.stats-page) .footer-brand-col p,:is(.download-page,.stats-page) .footer-col h5,
:is(.download-page,.stats-page) .footer-col ul li a,:is(.download-page,.stats-page) .footer-bottom-bar .copy,:is(.download-page,.stats-page) .footer-badge {color:var(--dl-muted)}
[data-theme="dark"] :is(.download-page,.stats-page) img:is([src$="/apple.svg"],[src$="/linux.svg"]) {filter:brightness(0) invert(1)}
.download-stores {max-width:1000px;margin:0 auto 90px;padding:0 24px;min-width:0}
.download-stores-heading {padding:28px 32px;background:var(--dl-surface);clip-path:var(--clip-bvl-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:24px}
.download-eyebrow {color:var(--dl-accent);font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 12px}
.download-stores h2 {font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:0 0 16px;letter-spacing:-.04em}
.download-stores-heading > p:last-child {color:var(--dl-muted);margin:0}
:is(.download-page,.stats-page) .store-matrix-wrap {clip-path:none;overflow-x:auto;border:1px solid var(--dl-line);scrollbar-color:var(--dl-accent) transparent;scrollbar-width:thin}
:is(.download-page,.stats-page) .store-matrix {min-width:580px;margin:0;border-collapse:separate;border-spacing:0}
:is(.download-page,.stats-page) .store-matrix th {background:var(--dl-inset);padding-block:20px}
:is(.download-page,.stats-page) .store-matrix td {padding-block:20px}
:is(.download-page,.stats-page) .store-matrix-wrap > p {min-width:0;line-height:1.7;margin-block:18px}
:is(.download-page,.stats-page) .sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:600px) {
  :is(.download-page,.stats-page) #payment-section {padding-inline:12px}
  :is(.download-page,.stats-page) .zelij-content {padding:24px 16px}
  :is(.download-page,.stats-page) .pricing-single .bvl-frame-inner {padding:24px 16px}
  :is(.download-page,.stats-page) .what-you-get {width:100%;gap:12px}
  :is(.download-page,.stats-page) .os-cta {flex-wrap:wrap;width:100%}
  :is(.download-page,.stats-page) .play-store-row {flex-wrap:wrap}
  :is(.download-page,.stats-page) .play-store-row .store-banner-body {flex-basis:100%;order:1}
  :is(.download-page,.stats-page) .verify-input-group {flex-wrap:wrap}
  :is(.download-page,.stats-page) .verify-input {flex-basis:150px}
  :is(.download-page,.stats-page) .verify-btn-small {min-height:44px}
  .download-stores {padding-inline:16px;margin-bottom:56px}
  .download-stores-heading {padding:24px}
}
@media(prefers-reduced-motion:reduce) {
  :is(.download-page,.stats-page) .geo-shape {animation:none}
  :is(.download-page,.stats-page) #downloads-panel.visible {animation:none}
}

/* Fill narrow and portrait screens; fit and repeat only on wide screens. */
@media(max-width:900px), (max-aspect-ratio:1/1) {
 :is(.download-page,.stats-page) #stage-wallpaper {background-size:cover;background-repeat:no-repeat}
}