.goji-loading-screen {
  display:grid; place-items:center; min-height:100%; padding:32px 24px; box-sizing:border-box;
  isolation:isolate; overflow:hidden; color:#474647; font-family:var(--kiosk-font-family, Arial),sans-serif;
  background:radial-gradient(circle at top left,rgba(230,28,36,.11),transparent 34rem),linear-gradient(135deg,#f7f8fb 0%,#fff 44%,#f3f5f8 100%);
}
.goji-loading-screen::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.9; background:radial-gradient(circle at 18% 18%,rgba(230,28,36,.13),transparent 21rem),radial-gradient(circle at 84% 76%,rgba(230,28,36,.07),transparent 28rem); }
.goji-loading-content { position:relative; width:min(440px,100%); margin:auto; padding:46px 24px 38px; box-sizing:border-box; text-align:center; border-radius:32px; background:linear-gradient(145deg,#ffffffdc,#ffffff70); border:1px solid #fff; box-shadow:0 24px 80px #8b25300c,inset 0 1px 0 #fff; backdrop-filter:blur(20px); }
.goji-loading-title { margin:0 0 12px; color:#352c31; font-size:clamp(24px,4vw,29px); font-weight:700; line-height:1.25; letter-spacing:-.8px; }
.goji-loading-message { margin:auto; min-height:48px; max-width:310px; color:#8a7379; font-size:15px; line-height:1.5; }
.goji-loading-percent { margin-top:18px; color:#c6253d; font-size:14px; font-weight:700; letter-spacing:.4px; }
.loading-version { margin-top:24px; color:#796a70; font-size:13px; letter-spacing:.3px; }
.crown-loader { position:relative; width:160px; height:160px; margin:0 auto 32px; }
.crown-loader img { position:absolute; width:108px; height:108px; top:26px; left:26px; border-radius:50%; box-shadow:0 10px 32px #e61c2430; }
.crown-loader svg { width:100%; height:100%; overflow:visible; transform:rotate(-90deg); }
.crown-loader circle { fill:none; stroke-width:4; }
.ring-track { stroke:#f0dadd; }
.ring-fill { stroke:#e61c24; stroke-linecap:round; filter:drop-shadow(0 0 4px #e61c2440); transition:stroke-dasharray .25s ease; }
.spinning svg { animation:crown-orbit 1.8s linear infinite; }
.failed .spinning svg { animation:none; }
.goji-loading-screen.page-loading--soft { background:rgba(255,255,255,.78); }
.goji-loading-screen.page-loading--transparent { background:transparent; }
.page-loading--transparent::before,.page-loading--soft::before { display:none; }
@keyframes crown-orbit { from {transform:rotate(-90deg)} to {transform:rotate(270deg)} }
@media(max-width:400px) { .goji-loading-content { padding:34px 18px; } }
@media(prefers-reduced-motion:reduce) { .spinning svg {animation:none} .ring-fill {transition:none} }

#status-screen.goji-loading-screen { position: relative; }