.loading-screen { background: #080d0d; }
.loading-art { object-fit: contain; }
.loading-brand { display: none; }
.loading-screen::after { background: linear-gradient(180deg, transparent 76%, #070c0c88); }
.loading-progress-wrap { width: min(calc(100% - 80px), 290px); bottom: max(42px, calc(env(safe-area-inset-bottom) + 30px)); }
.loading-progress { height: 20px; padding: 3px; border: 1px solid #729f8b66; border-radius: 7px; background: linear-gradient(180deg, #080f0d, #17241e); box-shadow: inset 0 2px 5px #0009, 0 1px 0 #ffffff0d; }
.loading-progress span { inset: 3px auto 3px 3px; max-width: calc(100% - 6px); border-radius: 4px; background: linear-gradient(100deg, #176b45, #21b778 45%, #64e8aa 80%, #b2f9cf); box-shadow: inset 0 1px 0 #e0ffef88, inset 0 -1px 0 #12613d55, 0 0 8px #35d88b30; transition: width .25s ease; }
.loading-progress span::after { display: none; }
.loading-progress-wrap small { font-family: VaultMontserrat, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.5; color: #d8e8df; margin: 0 0 10px; text-align: left; }
.loading-retry { margin-top: 15px; min-height: 42px; padding: 0 22px; border: 1px solid #749b8766; border-radius: 6px; background: #183b2b; color: #d4ffe8; font: inherit; font-size: 13px; }
.loading-retry[hidden] { display: none; }