.player { position: relative; }
.game-loading {
  position: absolute; inset: 0; z-index: 2; overflow: hidden;
  display: grid; place-items: center; padding: 24px;
  text-align: center; isolation: isolate; background: #0b0e19;
}
.game-loading[hidden] { display: none; }
.game-loading-art {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: .35; filter: blur(8px); transform: scale(1.05); z-index: -2;
}
.game-loading::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(6, 7, 13, .5), rgba(6, 7, 13, .9));
}
.game-loading-content { width: min(380px, 100%); }
.game-loading-kicker { color: #a8caff; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.game-loading-title { margin: 9px 0 4px; color: #fff; font-size: clamp(20px, 3vw, 30px); line-height: 1.2; }
.game-loading-status { margin: 0 0 20px; color: #d1d6e5; font-size: 13px; }
.game-loading-value { display: block; color: #fff; font-size: clamp(36px, 6vw, 56px); line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; }
.game-loading-track { height: 8px; margin: 14px 0 10px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .2); }
.game-loading-fill { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #75a8ff, #a5d2ff); transition: width .35s ease; }
.game-loading-hint { margin: 0; color: #b9c0d2; font-size: 12px; }
.game-loading-skip { margin-top: 18px; padding: 8px 15px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(14,18,30,.75); color: #f1f2f8; font: inherit; font-size: 12px; cursor: pointer; }
.game-loading-skip:hover { background: #273451; }
@media (max-width: 480px) {
  .game-loading { padding: 12px; }
  .game-loading-status { margin-bottom: 10px; }
  .game-loading-skip { margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) { .game-loading-fill { transition: none; } }