.hub-download { position: fixed; left: 22px; top: 116px; z-index: 22; width: 188px; max-width: calc(100vw - 24px); padding: 30px 12px 10px; border: 1px solid #ffa24d85; border-radius: 12px; color: #edf8ff; background: #071c26ed; box-shadow: 0 8px 28px #0006; font: 13px/1.4 Barlow, sans-serif; }
.hub-download[hidden], .hub-download [hidden] { display: none !important; }
.hub-download .download-close { position: absolute; top: 3px; right: 4px; width: 25px; height: 25px; padding: 0; border: 0; background: transparent; color: #b9cfd8; font-size: 22px; cursor: pointer; }
.hub-download .download-action { width: 100%; min-height: 40px; border: 1px solid #ffb35b; border-radius: 7px; color: #151c25; background: #ffad58; font: 700 18px/1.2 'Chakra Petch', sans-serif; cursor: pointer; }
.hub-download .download-action:disabled { font-size: 12px; opacity: .7; cursor: progress; }
.hub-download .download-note { margin: 8px 0 6px; color: #cfdee5; font-size: 12px; }
.hub-download .download-help { color: #8eb6c7; font-size: 11px; text-decoration: underline; }
.hub-download .download-platforms { display: grid; gap: 5px; margin: 8px 0; }
.hub-download .download-platforms button { padding: 7px; border: 1px solid #608392; border-radius: 5px; color: #e4f3fa; background: #163844; cursor: pointer; }
.hub-download .hud-commandes { opacity: 1; pointer-events: auto; top: 4px; left: 8px; right: auto; }
.hub-download button:focus-visible, .hub-download a:focus-visible { outline: 2px solid #e7f7ff; outline-offset: 3px; }
@media (max-width: 600px) { .hub-download { left: 12px; top: 100px; width: 166px; } }