/* Shared BETBB loading treatment for boot and content requests. */
.app-boot-loader { position:fixed; inset:0; z-index:2147483000; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; background:#282828; color:#f5f5f5; }
.loading-ring { display:inline-block; flex:0 0 auto; box-sizing:border-box; width:44px; height:44px; border:3px solid rgba(255,255,255,.12); border-top-color:rgba(255,255,255,.75); border-radius:50%; animation:loading-spin .9s linear infinite; }
.status.loading-status { display:flex; align-items:center; justify-content:center; min-height:140px; }
.loading-status .loading-ring { width:32px; height:32px; }
.boot-retry { padding:12px 24px; border:1px solid rgba(255,255,255,.25); border-radius:4px; background:#333; color:inherit; font:inherit; cursor:pointer; }
@keyframes loading-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .loading-ring { animation-duration:2.4s; } }