.selection-loading {
  --selection-loading-canvas: #faf7f4;
  --selection-loading-surface: #fffdfa;
  --selection-loading-ink: #312331;
  --selection-loading-muted: #71636d;
  --selection-loading-accent: #a34c65;
  --selection-loading-line: #e5dce0;
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px;
  box-sizing: border-box;
  background: radial-gradient(ellipse at 50% 35%, #f1e3e780, transparent 65%), var(--selection-loading-canvas);
  color: var(--selection-loading-ink);
  font-family: var(--font-noazmoon-selection, Rahnama), Tahoma, sans-serif;
  text-align: center;
  line-height: 1.8;
}
.selection-loading[hidden] { display: none; }
.selection-loading-overlay { position: fixed; inset: 0; z-index: 10000; overflow-y: auto; }
.selection-loading-card {
  width: min(100%, 480px);
  padding: clamp(28px, 6vw, 48px) clamp(20px, 5vw, 36px);
  box-sizing: border-box;
  border: 1px solid var(--selection-loading-line);
  border-radius: 28px;
  background: var(--selection-loading-surface);
  box-shadow: 0 20px 55px rgb(73 53 75 / 8%);
}
.selection-loading-orbit { display: grid; place-items: center; width: 82px; height: 82px; margin: 0 auto 24px; }
.selection-loading-orbit img { display:block; width:82px; height:82px; object-fit:contain; filter:drop-shadow(0 8px 18px rgb(73 53 75 / 12%)); }
.selection-loading .selection-loading-brand { margin: 0 0 8px; color: var(--selection-loading-accent); font-size: 14px; font-weight: 700; }
.selection-loading h1 { margin: 0; color: var(--selection-loading-ink); font-size: clamp(20px, 4.5vw, 26px); font-weight: 700; line-height: 1.7; }
.selection-loading .selection-loading-note { margin: 12px auto 0; max-width: 32ch; color: var(--selection-loading-muted); font-size: 14px; }
.selection-loading-dots { display: flex; justify-content: center; gap: 7px; margin-top: 24px; }
.selection-loading-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--selection-loading-accent); animation: selection-loading-pulse 1.3s ease-in-out infinite; }
.selection-loading-dots i:nth-child(2) { animation-delay: .16s; }
.selection-loading-dots i:nth-child(3) { animation-delay: .32s; }
.request-loading { position:fixed; inset-block-start:12px; inset-inline-start:50%; transform:translateX(-50%); z-index:10010; display:flex; align-items:center; gap:10px; max-width:calc(100% - 24px); padding:10px 18px; border:1px solid #e5dce0; border-radius:12px; background:#fffdfa; color:#312331; box-shadow:0 8px 26px rgb(73 53 75 / 12%); font:14px/1.8 var(--font-noazmoon-selection, Rahnama),Tahoma,sans-serif; pointer-events:none; }
.request-loading[hidden] { display:none; }
.request-loading-spinner, button[aria-busy=true]::before, .session-body[aria-busy=true]::before, .session-aux-panel[aria-busy=true]::before, .scorecard-reader[aria-busy=true]::before, form[data-reading="1"] [data-reader-status]::before, p[role=status][aria-busy=true]::before { content:""; display:inline-block; width:18px; height:18px; flex:none; border:2px solid #e5dce0; border-top-color:#a34c65; border-radius:50%; animation:selection-loading-spin .85s linear infinite; vertical-align:middle; margin-inline-end:8px; }
.session-aux-panel[aria-busy=true]::before { margin-block:8px; }
@keyframes selection-loading-spin { to { transform: rotate(360deg); } }
@keyframes selection-loading-pulse { 0%, 80%, 100% { opacity: .28; } 40% { opacity: .9; } }

@media (prefers-reduced-motion: reduce) {
  .selection-loading-dots i, .request-loading-spinner, button[aria-busy=true]::before, .session-body[aria-busy=true]::before, .session-aux-panel[aria-busy=true]::before, .scorecard-reader[aria-busy=true]::before, form[data-reading="1"] [data-reader-status]::before, p[role=status][aria-busy=true]::before { animation: none; }
}
@media (forced-colors: active) {
  .selection-loading, .selection-loading-card { background: Canvas; color: CanvasText; border-color: CanvasText; }
  .selection-loading-orbit img { filter:none; }
  .selection-loading-dots i { background: Highlight; }
}