.download-page{background:#080b11;color:#edf1f7}.download-page .site-header{background:rgba(8,11,17,.94)}
.download-hero{padding:clamp(8.5rem,16vw,12rem) 0 clamp(3rem,7vw,5.5rem);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(120deg,rgba(8,11,17,.98),rgba(13,18,27,.91)),url('/assets/gallery-character.jpg') center 28%/cover}
.download-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,25rem);align-items:end;gap:clamp(2rem,6vw,6rem)}
.download-hero h1{max-width:760px;margin:.35rem 0 1rem;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.93}.download-hero .lead{max-width:720px;margin:0;color:#bec6d2}
.download-trust{display:flex;gap:1rem;padding:1.15rem;border:1px solid rgba(220,180,92,.26);background:rgba(7,10,15,.82)}.download-trust>span{display:grid;place-items:center;flex:0 0 2.3rem;height:2.3rem;border-radius:50%;background:#d5af58;color:#17120a;font-weight:900}.download-trust p{margin:0}.download-trust strong,.download-trust small{display:block}.download-trust small{margin-top:.3rem;color:#9fa8b6;line-height:1.5}
.download-section{padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(4rem,8vw,7rem)}.download-status{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;color:#aeb7c5;font-size:.82rem;text-transform:uppercase;letter-spacing:.11em}.download-status>span{width:.6rem;height:.6rem;border-radius:50%;background:#d5af58;box-shadow:0 0 0 .35rem rgba(213,175,88,.12)}.download-status.is-ready>span{background:#72c799;box-shadow:0 0 0 .35rem rgba(114,199,153,.12)}.download-status.is-error>span{background:#e28c7e;box-shadow:0 0 0 .35rem rgba(226,140,126,.12)}
.download-grid{display:grid;gap:1.35rem}.download-card{display:grid;grid-template-columns:minmax(10rem,17rem) minmax(0,1fr) 14rem;min-height:22rem;border:1px solid rgba(255,255,255,.1);background:#0e131c;box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden}.download-card.is-unavailable{opacity:.68}.download-art{position:relative;display:grid;place-items:center;min-height:18rem;background:radial-gradient(circle at 50% 38%,rgba(213,175,88,.16),transparent 55%),#0a0e15;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.download-art>img{position:absolute;width:100%;height:100%;object-fit:cover}.download-platform-mark{display:grid;place-items:center;width:7rem;height:7rem}.download-platform-mark img{position:static;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.35))}
.download-card-body{padding:clamp(1.6rem,3vw,2.6rem)}.download-card-body header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.download-card-body h2{margin:.25rem 0 0;font-size:clamp(1.9rem,4vw,3.2rem)}.download-card-body>p{max-width:650px;color:#aeb7c5;line-height:1.7}.download-channel{padding:.48rem .7rem;border:1px solid rgba(114,199,153,.28);color:#8bd5ac;background:rgba(114,199,153,.07);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.download-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.35rem 0;padding:1rem 0;border-block:1px solid rgba(255,255,255,.08)}.download-meta div{padding:0 1rem;border-right:1px solid rgba(255,255,255,.08)}.download-meta div:first-child{padding-left:0}.download-meta div:last-child{border:0}.download-meta dt{color:#7f8998;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}.download-meta dd{margin:.25rem 0 0;color:#f1f3f6;font-weight:700}.download-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem}.download-actions .button[aria-disabled=true]{pointer-events:none;opacity:.5}.download-card details{margin-top:1.15rem;color:#aeb7c5}.download-card summary{cursor:pointer;color:#d8dde5;font-weight:700}.download-card details p{white-space:pre-line}
.download-steps{padding-left:1.3rem;color:#aeb7c5;line-height:1.9}.download-qr{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;border-left:1px solid rgba(255,255,255,.08);background:#0a0e15;text-align:center}.download-qr canvas{width:180px;height:180px;max-width:100%;background:#fff;border:8px solid #fff}.download-qr p{margin:0}.download-qr strong,.download-qr small{display:block}.download-qr small{margin-top:.25rem;color:#8e98a7}
.download-message{min-height:1.4rem;margin:1rem 0 0;color:#8bd5ac}.download-message.is-error{color:#ef9d91}
@media(max-width:980px){.download-card{grid-template-columns:12rem minmax(0,1fr)}.download-qr{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.download-qr canvas{width:145px;height:145px}}
@media(max-width:700px){.download-hero-inner{grid-template-columns:1fr}.download-trust{max-width:32rem}.download-card{grid-template-columns:1fr}.download-art{min-height:13rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.download-card-body header{display:block}.download-channel{display:inline-block;margin-top:.8rem}.download-meta{grid-template-columns:1fr}.download-meta div,.download-meta div:first-child{padding:.7rem 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.download-meta div:last-child{border:0}.download-actions{display:grid}.download-actions>*{width:100%;text-align:center}.download-qr{display:grid;grid-template-columns:9rem 1fr;text-align:left}}
@media(prefers-reduced-motion:reduce){.download-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

:root[data-theme="light"] .download-status { color: #435166; }
:root[data-theme="light"] .download-message { color: #2f7552; }
:root[data-theme="light"] .download-message.is-error { color: #a13f35; }

/* Light mode is a complete presentation, not a dark download panel on cream. */
:root[data-theme="light"] .download-page { color: var(--text); }

:root[data-theme="light"] .download-hero {
  border-bottom-color: rgba(35, 49, 66, .12);
  background:
    linear-gradient(100deg, rgba(252, 249, 241, .98) 0%, rgba(248, 244, 235, .94) 53%, rgba(239, 235, 226, .8) 100%),
    url('/assets/gallery-character.jpg') center 28% / cover;
}

:root[data-theme="light"] .download-hero h1 { color: #222d3c; }
:root[data-theme="light"] .download-hero .lead { color: #536074; }

:root[data-theme="light"] .download-trust {
  color: #222d3c;
  border-color: rgba(151, 105, 24, .25);
  background: rgba(255, 253, 248, .88);
  box-shadow: 0 16px 38px rgba(45, 55, 68, .1);
}

:root[data-theme="light"] .download-trust small { color: #5c6879; }

:root[data-theme="light"] .download-card {
  color: #222d3c;
  border-color: rgba(35, 49, 66, .14);
  background: rgba(255, 253, 248, .97);
  box-shadow: 0 22px 54px rgba(45, 55, 68, .13);
}

:root[data-theme="light"] .download-art {
  border-right-color: rgba(35, 49, 66, .11);
  background:
    radial-gradient(circle at 50% 38%, rgba(188, 134, 37, .16), transparent 58%),
    linear-gradient(160deg, #f8f3e8, #eee7d9);
}

:root[data-theme="light"] .download-platform-mark {
  padding: .75rem;
  border: 1px solid rgba(151, 105, 24, .18);
  border-radius: 24px;
  background: rgba(255, 253, 248, .78);
  box-shadow: 0 14px 34px rgba(45, 55, 68, .1);
}

:root[data-theme="light"] .download-card-body h2,
:root[data-theme="light"] .download-card summary,
:root[data-theme="light"] .download-meta dd,
:root[data-theme="light"] .download-qr strong { color: #222d3c; }

:root[data-theme="light"] .download-card-body > p,
:root[data-theme="light"] .download-card details,
:root[data-theme="light"] .download-steps { color: #536074; }

:root[data-theme="light"] .download-channel {
  border-color: rgba(45, 130, 83, .26);
  color: #286b49;
  background: rgba(61, 151, 101, .08);
}

:root[data-theme="light"] .download-meta {
  border-block-color: rgba(35, 49, 66, .11);
}

:root[data-theme="light"] .download-meta div {
  border-right-color: rgba(35, 49, 66, .11);
}

:root[data-theme="light"] .download-meta dt { color: #697587; }

:root[data-theme="light"] .download-qr {
  border-left-color: rgba(35, 49, 66, .11);
  background: #f5efe3;
}

:root[data-theme="light"] .download-qr small { color: #697587; }

@media (max-width: 980px) {
  :root[data-theme="light"] .download-qr {
    border-top-color: rgba(35, 49, 66, .11);
  }
}

@media (max-width: 700px) {
  :root[data-theme="light"] .download-art {
    border-right: 0;
    border-bottom-color: rgba(35, 49, 66, .11);
  }

  :root[data-theme="light"] .download-meta div,
  :root[data-theme="light"] .download-meta div:first-child {
    border-right: 0;
    border-bottom-color: rgba(35, 49, 66, .11);
  }
}