.downloadPage { box-sizing:border-box; width:100%; min-width:0; }
.downloadAppHero .downloadAppStoreButtons { margin-top:20px; margin-bottom:32px; }
.downloadAppHero > .downloadOptions { text-align:left; }
@media(max-width:600px) {
    .downloadAppHero .downloadAppStoreButtons { width:100%; gap:12px; margin-bottom:24px; }
    .downloadAppHero .downloadAppStoreBtn { flex:1 1 220px; justify-content:center; min-height:48px; }
}
.downloadPage .dashboardTopBar { width:100%; box-sizing:border-box; }
.downloadOptions { color:#eee4ce; font:14px/1.6 Arial,sans-serif; text-align:left; width:100%; max-width:1120px; min-width:0; margin-inline:auto; }
.downloadOptions * { box-sizing:border-box; font-family:Arial,sans-serif!important; font-variant:normal!important; text-transform:none!important; letter-spacing:normal!important; }
.downloadHero { display:flex; align-items:center; gap:24px; padding:28px; border:1px solid #866537; border-radius:8px; background:radial-gradient(ellipse at right top,#76604340,transparent 65%),#1c170f; }
.downloadHeroMark { flex-shrink:0; width:68px; height:68px; display:grid; place-items:center; border:1px solid #e9ce9466; transform:rotate(45deg); background:#e9ce940a; }
.downloadHeroMark i { transform:rotate(-45deg); color:#e9ce94; font-size:30px; }
.downloadOptions .downloadEyebrow { display:block; color:#e9ce94; font-size:11px; font-weight:600; margin-bottom:6px; }
.downloadOptions h2 { color:#f8f4e9; font-size:28px; font-weight:600; line-height:1.25; margin:0 0 12px; }
.downloadHero>div:last-child { min-width:0; }
.downloadHero p { margin:0; color:#d7c5a9; max-width:600px; overflow-wrap:anywhere; }
.gameMenuWindow .downloadHero h2 { display:none; }
.downloadOptionsGrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; margin:24px 0; }
.downloadOption { position:relative; padding:24px; border:1px solid #866537; border-radius:8px; background:linear-gradient(135deg,#342719,#1c170f); display:flex; flex-direction:column; align-items:stretch; gap:16px; min-width:0; min-height:230px; box-shadow:0 8px 24px #0003; }
.downloadOption::before { content:''; position:absolute; left:24px; right:24px; top:0; height:2px; background:#e9ce9477; }
.downloadOptionHeading { display:flex; align-items:center; gap:14px; }
.downloadOptionHeading>i { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; font-size:26px; color:#e9ce94; background:#e9ce940c; border:1px solid #e9ce9426; border-radius:6px; }
.downloadOption h3 { margin:0; font-size:20px; font-weight:600; line-height:1.3; color:#f7dfae; overflow-wrap:anywhere; }
.downloadOption p { margin:0; color:#d7c5a9; font-size:13px; }
.downloadOptionButton,.downloadOptionUnavailable { padding:11px 16px; border-radius:6px; font-size:14px; min-height:44px; margin-top:auto; text-align:center; }
.downloadOptionButton { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:#f2cd88; border:1px solid #f4e3be; color:#251a0e!important; font-weight:600; text-decoration:none!important; }
.downloadOptionButton:hover { background:#f7e7c4; }
.downloadOptionUnavailable { background:#282117; color:#bfae91; border:1px dashed #5d4c33; }
.downloadOption details { margin-top:auto; border-top:1px solid #ffffff26; }
.downloadOption summary { cursor:pointer; min-height:44px; padding:12px 0; color:#e9ce94; }
.downloadOption ol { padding-left:20px; margin:10px 0; color:#d7c5a9; font-size:13px; }
.downloadOption li+li { margin-top:10px; }
.downloadOptionsNote { display:flex; align-items:center; gap:10px; padding:14px 16px; border-left:2px solid #8fbea8; background:#8fbea80b; font-size:12px; color:#c4d5cd; }
.downloadOptions :is(a,summary):focus-visible { outline:2px solid #f5cd83; outline-offset:3px; }
@media(max-width:600px) {
    .downloadHero { padding:20px; gap:16px; align-items:flex-start; }
    .downloadHeroMark { width:40px; height:40px; margin:8px 4px; }
    .downloadHeroMark i { font-size:20px; }
    .downloadOptions h2 { font-size:23px; }
    .downloadOptionsGrid { gap:12px; margin:16px 0; }
    .downloadOption { padding:20px; }
}
.downloadOptions .fa,.downloadOptions .fa::before{font-family:FontAwesome!important;font-style:normal!important;font-weight:normal!important}