
.downloads-container>.primary-download{align-self:start;justify-content:flex-start}.mirror-downloads{position:relative;display:block!important;width:100%}.mirror-trigger{width:100%;display:flex!important;align-items:center;gap:12px;text-align:left;justify-content:flex-start!important}.mirror-trigger>span:nth-child(2){flex:1}.mirror-trigger small{display:block;font-size:11px;font-weight:400;letter-spacing:0;opacity:.75}.mirror-count{display:flex;align-items:center;gap:10px;border-left:1px solid #33250933;padding-left:18px}.mirror-count i{font-size:10px}.mirror-tray{position:relative;margin-top:10px;z-index:50;padding:18px;background:#111315;border:1px solid #a9843e88;border-radius:10px;box-shadow:0 18px 40px #0009}.mirror-tray[hidden]{display:none}.mirror-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.mirror-heading strong{color:#eee4d0;font-size:14px}.mirror-heading span{color:#99958a;font-size:11px}.mirror-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:240px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b99148 #16181b}.mirror-source{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid #ffffff14;border-radius:7px;background:#ffffff04;color:#d5d1c7;cursor:pointer;text-align:left;min-width:0;font:inherit}.mirror-source>span:nth-child(2){flex:1;min-width:0}.mirror-source strong{display:block;font-size:12px;font-weight:600}.mirror-source small{display:block;font-size:10px;color:#8e8b82}.mirror-source-icon{width:25px;text-align:center;color:#d8b161;font-size:18px}.mirror-source>i{font-size:11px;color:#d8b161}.mirror-source:hover{border-color:#b28c44;background:#b28c4415}.mirror-source:focus-visible,.mirror-trigger:focus-visible{outline:2px solid #ecc56e;outline-offset:2px}.mirror-preview-status{font-size:10px!important;color:#99958a!important;margin:12px 0 0!important}.primary-download:has(.mirror-tray:not([hidden])){z-index:20;overflow:visible!important}.downloads-container{overflow:visible!important}@media(max-width:600px){.mirror-grid{grid-template-columns:1fr;max-height:245px}}


.client-game-icon{width:32px;height:32px;object-fit:contain;transform:rotate(5deg)}
.primary-download .client-brand-title{margin-top:-8px;margin-bottom:6px;line-height:1}
.client-brand-title img{display:block;width:220px;max-width:100%;height:auto}
@media(max-width:600px){.client-brand-title img{width:185px}}


/* Match the original Mobile App header rows without enlarging the cards. */
#downloads .downloads-container>.primary-download{align-self:stretch;align-content:start}
#downloads .primary-download .client-brand-title{position:relative;height:48px;line-height:1;margin:0}
#downloads .primary-download:has(.client-brand-title)>p{margin:0}
#downloads .client-brand-title img{position:absolute;left:0;bottom:0;width:auto;height:48px;max-width:100%;object-fit:contain;object-position:left bottom}
#downloads .primary-download .client-icon-clean{background:transparent;border:0;box-shadow:none;transform:none;border-radius:0}
#downloads .client-icon-clean .client-game-icon{width:40px;height:40px;transform:none;object-fit:contain}

#downloads .primary-download .client-icon-clean{position:relative}#downloads .client-platform-label{position:absolute;top:calc(50% + 23px);left:50%;transform:translateX(-50%);color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:500;line-height:16px;letter-spacing:0;white-space:nowrap}

#downloads .client-download-polished{position:relative;isolation:isolate}
#downloads .client-download-polished:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:180px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#111315 10%,#111315b8 62%,#11131555),linear-gradient(0deg,#111315,transparent 85%),url('/images/downloads/golden-dragon.jpg') 75% 25%/cover no-repeat;opacity:.8;pointer-events:none}
.client-start-steps{position:absolute;top:calc(100% + 16px);left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;color:#beb7a6;font:11px/16px Arial,sans-serif;letter-spacing:.2px}
.client-start-steps span{display:flex;align-items:center;gap:6px}.client-start-steps i{font-size:10px;color:#c59b48}.client-start-steps b{color:#77623a;font-size:15px;font-weight:400}
.mirror-source[data-mirror="1"]{grid-column:1/-1;border-color:#a9843e66;background:#a9843e0c}
.source-recommended{display:inline-block;margin-left:6px;padding:2px 5px;color:#e4c580;background:#bb93441f;border-radius:3px;font-size:9px;font-style:normal}
.alternative-heading{grid-column:1/-1;color:#aba28e;font:10px/16px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin:7px 0 0}
.mirror-trigger{position:relative;overflow:hidden}.mirror-trigger:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff7 48%,transparent 70%);transform:translateX(-130%);pointer-events:none}.mirror-trigger:hover:after{transform:translateX(130%);transition:transform .65s ease-out}
.client-download-polished:has(.mirror-tray:not([hidden])){padding-bottom:60px!important}
@media(prefers-reduced-motion:reduce){.mirror-trigger:hover:after{transition:none;opacity:0}}
@media(max-width:600px){.client-start-steps{gap:12px;font-size:10px}}

#downloads .mirror-trigger,#downloads .mirror-trigger:hover{background:linear-gradient(110deg,#edca74,#bd8129)!important;color:#1a150c!important;border-color:#e6bd60!important}#downloads .downloads-container:has(.mirror-tray:not([hidden]))>.primary-download{align-self:start}

#downloads .primary-download .client-icon-clean{box-sizing:border-box;width:64px;height:68px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid #a9843e66;border-radius:16px;background:#c49c4310;box-shadow:inset 0 1px 0 #ffffff05;transform:none}
#downloads .client-icon-clean .client-game-icon{width:32px;height:32px;flex:none}
#downloads .client-icon-clean .client-platform-label{position:static;transform:none;color:#fff;font-size:10px;line-height:13px;font-weight:500}


/* Dark inset frames for the two platform icons. */
#downloads .primary-download>.download-icon{box-sizing:border-box;width:64px;height:68px;transform:none;border-radius:8px;border:1px solid #bc99584d;background:linear-gradient(145deg,#191c20,#0a0c0e);box-shadow:inset 0 1px 0 #ffffff0b,0 3px 10px #0004;position:relative}
#downloads .primary-download>.download-icon:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:#cba85f;border-radius:2px;opacity:.8}
#downloads .primary-download>.download-icon>i{color:#e5d2a4;font-size:24px;transform:none}
#downloads .primary-download .client-icon-clean{background:linear-gradient(145deg,#191c20,#0a0c0e);border:1px solid #bc99584d;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff0b,0 3px 10px #0004}


#downloads .primary-download .mobile-brand-title{position:relative;height:48px;line-height:1;margin:0}
#downloads .mobile-brand-title img{display:block;width:auto;height:48px;max-width:100%;object-fit:contain;object-position:left bottom}
#downloads .primary-download:has(.mobile-brand-title)>p{margin:0}
#downloads .silkroad-mobile-icon{display:block;height:44px;width:32px;object-fit:contain}


#downloads .primary-download>.download-icon img{animation:platform-gentle-float 6s ease-in-out infinite;transform-origin:center;opacity:1}
#downloads .primary-download>.download-icon .silkroad-mobile-icon{animation-delay:-3s}
@keyframes platform-gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){#downloads .primary-download>.download-icon img{animation:none}}


#downloads .primary-download:has(.mobile-brand-title){position:relative;isolation:isolate}
#downloads .primary-download:has(.mobile-brand-title):before{content:"";position:absolute;inset:0 0 auto;height:180px;border-radius:16px 16px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#111315 12%,#111315d9 50%,#11131540 83%),linear-gradient(0deg,#111315,transparent 80%),url('/images/downloads/mobile-golden-seal.jpg') right -15px top -15px/auto 245px no-repeat;opacity:.8}


#downloads .primary-download:has(.mobile-brand-title):before{background:linear-gradient(90deg,#111315 12%,#111315e6 49%,#11131530 87%),linear-gradient(0deg,#111315,transparent 80%),url('/images/downloads/mobile-golden-seal.jpg') right -31px top -25px/auto 285px no-repeat;opacity:.85}
.seal-fire{position:absolute;right:21px;top:10px;width:180px;height:155px;pointer-events:none;z-index:0;overflow:visible;opacity:.75;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}
.seal-fire-halo{position:absolute;inset:7px 8px 0;border-radius:50%;background:radial-gradient(ellipse,transparent 51%,#d8a13c0e 59%,#c67c251a 66%,transparent 74%);animation:seal-warmth 8s ease-in-out infinite}
.seal-flame{position:absolute;left:var(--fx);top:var(--fy);width:20px;height:42px;transform-origin:50% 100%;border-radius:65% 20% 55% 40%;background:radial-gradient(ellipse at 50% 90%,#f4d17c80 0%,#db9d394d 30%,#ab641e20 59%,transparent 76%);filter:blur(2px);opacity:0;animation:seal-flame-rise var(--ft) ease-in-out var(--fd) infinite;mix-blend-mode:screen}
.seal-ember{position:absolute;left:var(--ex);top:36%;width:2px;height:3px;border-radius:50%;background:#e8bd69;box-shadow:0 0 4px #cb8d3b66;opacity:0;animation:seal-ember-rise 9s ease-out var(--ed) infinite}
@keyframes seal-flame-rise{0%{transform:translateY(10px) rotate(var(--fr)) scale(.65,.6);opacity:0}25%{opacity:.5}55%{transform:translateY(-15px) rotate(calc(var(--fr) + 9deg)) scale(.9,1.15);opacity:.6}100%{transform:translateY(-34px) rotate(calc(var(--fr) - 5deg)) scale(.45,1.4);opacity:0}}
@keyframes seal-ember-rise{0%,10%{transform:translate(0,12px);opacity:0}25%{opacity:.5}80%{transform:translate(var(--drift),-48px);opacity:.2}100%{transform:translate(var(--drift),-60px);opacity:0}}
@keyframes seal-warmth{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:.7;transform:scale(1.03)}}
#downloads .primary-download:has(.mobile-brand-title)>h3,#downloads .primary-download:has(.mobile-brand-title)>p{position:relative;z-index:1}
@media(max-width:600px){.seal-fire{right:5px;opacity:.55}}
@media(prefers-reduced-motion:reduce){.seal-flame,.seal-ember,.seal-fire-halo{animation:none}.seal-fire-halo{opacity:.4}}


#downloads .client-download-polished:before{height:195px;background:linear-gradient(90deg,#111315 10%,#111315b8 62%,#11131555),linear-gradient(0deg,#111315,transparent 85%),url('/images/downloads/golden-dragon.jpg') 77% 25%/112% auto no-repeat}
#downloads .primary-download:has(.mobile-brand-title):before{height:195px;background:linear-gradient(90deg,#111315 12%,#111315e6 49%,#11131530 87%),linear-gradient(0deg,#111315,transparent 80%),url('/images/downloads/mobile-golden-seal.jpg') right -44px top -31px/auto 315px no-repeat}
.seal-fire{right:12px;top:9px;width:198px;height:170px}

#downloads .mobile-release{border:1px solid #b58b454d;background:linear-gradient(115deg,#382a1640,#14141480);border-radius:10px;padding:14px 18px;margin-top:20px;color:#e5c47b}#downloads .mobile-release strong{font-family:Georgia,serif;font-size:23px;display:block}#downloads .mobile-release small{color:#c1b69b}#downloads .mobile-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}#downloads .mobile-links a{color:#edcc83;border:1px solid #b58b4570;border-radius:6px;padding:8px 14px;text-decoration:none}#downloads .mobile-release[data-status="available"]{border-color:#61946c}#downloads .mobile-release[data-status="maintenance"]{border-color:#977c63}#downloads .mirror-source{text-decoration:none;color:inherit}#downloads .mirror-tray[hidden]{display:none!important}

#downloads .primary-download>.mobile-release{grid-column:1/-1;width:100%;box-sizing:border-box;margin-top:8px;min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:4px}#downloads .mirror-downloads>.mobile-release{margin-top:0;min-height:76px}#downloads .mobile-release strong{line-height:1.3}

#downloads .client-start-steps{position:static;top:auto;left:auto;right:auto;margin:12px 0 0;line-height:18px;flex-wrap:wrap}#downloads .mirror-downloads:has(.mirror-tray:not([hidden])){padding-bottom:0}

#downloads .primary-download>.download-icon .silkroad-mobile-icon{width:38px;height:50px;object-fit:contain}

#downloads .primary-download:has(.mobile-brand-title) .download-info .info-item{font-size:17px}#downloads .primary-download:has(.mobile-brand-title) .download-info .info-item i{font-size:22px}

#downloads .mobile-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:9px}#downloads .mobile-countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 4px;border:1px solid #b58b4555;border-radius:6px;background:linear-gradient(145deg,#49361865,#100e0b80);box-shadow:inset 0 1px 0 #edcc8310}#downloads .mobile-countdown-unit>span{font:30px/1.1 Georgia,serif;color:#f0d58f;font-variant-numeric:tabular-nums}#downloads .mobile-countdown-unit>small{font:10px/1.4 Arial,sans-serif;color:#bdb39f}#downloads .mobile-countdown-ended[hidden]{display:none}@media(max-width:480px){#downloads .mobile-countdown-unit>span{font-size:25px}}

#downloads .mobile-platform-download{text-decoration:none;color:inherit}#downloads .mobile-platform-download .platform-download-mark{margin-left:auto;font-size:16px!important;color:#d7ae56}#downloads a.mobile-platform-download:hover{border-color:#d7ae5680;background:#d7ae5612}#downloads a.mobile-platform-download:focus-visible{outline:2px solid #edca74;outline-offset:3px}

#downloads .mobile-download-unpublished{grid-column:1/-1;color:#bdb39f;margin-top:12px}

#downloads .journey-start{display:grid;grid-template-columns:165px minmax(0,1fr) 150px;align-items:center;gap:24px;padding:24px 28px;min-height:0;background:linear-gradient(115deg,#211c1245,#10111390 65%);border-color:#b38c4030}
#downloads .journey-eyebrow{display:block;color:#c39a50;font:9px/1.5 Arial,sans-serif;letter-spacing:1.8px;margin-bottom:7px}#downloads .journey-start-heading h3{margin:0;font:25px/1.15 Georgia,serif;color:#ede4d3}
#downloads .journey-step-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}#downloads .journey-step-list li{display:flex;align-items:flex-start;gap:10px;min-width:0}#downloads .journey-step-number{font:20px/1.25 Georgia,serif;color:#d4ad61;border-bottom:1px solid #b38c4060;padding-bottom:5px}#downloads .journey-step-list strong,#downloads .journey-step-list a{font:600 13px/1.5 Arial,sans-serif;color:#e5dfd0;text-decoration:none}#downloads .journey-step-list a i{font-size:9px;color:#c39a50;margin-left:4px}#downloads .journey-step-list p{font:11px/1.65 Arial,sans-serif;color:#a59f92;margin:5px 0 0}
#downloads .journey-help{display:flex;align-items:center;gap:10px;border:1px solid #b38c4060;padding:13px 12px;border-radius:7px;background:#a7792010;color:#e6bf6a;text-decoration:none;font:600 12px/1.5 Arial,sans-serif}#downloads .journey-help>i:first-child{font-size:19px}#downloads .journey-help small{display:block;font-size:10px;font-weight:400;color:#aaa18f}#downloads .journey-help>i:last-child{font-size:10px;transform:rotate(45deg);margin-left:auto}#downloads .journey-help:hover{background:#a7792020;border-color:#c49c50}#downloads .journey-step-list a:hover{color:#edc778}#downloads .journey-start a:focus-visible{outline:2px solid #edc778;outline-offset:4px}
@media(max-width:1100px){#downloads .journey-start{grid-template-columns:1fr auto;gap:20px}#downloads .journey-step-list{grid-column:1/-1;grid-row:2}#downloads .journey-help{grid-column:2;grid-row:1}}@media(max-width:600px){#downloads .journey-start{padding:20px;gap:18px}#downloads .journey-start-heading h3{font-size:22px}#downloads .journey-step-list{grid-template-columns:1fr;gap:18px}#downloads .journey-help{padding:10px}#downloads .journey-step-list p{font-size:12px}}
