/* Spell UI Signature: masked glyph drawing, 1.5s easeInOut, 0.2s per glyph.
   Spell UI Words Stagger: blur(10px), y:10, opacity:0; 0.5s easeOut, 0.1s per word. */
.splash { background: radial-gradient(ellipse at 50% 37%, #18191d 0%, #0c0d10 38%, #060709 78%); }
.splash-content { padding-bottom: 18px; }
.splash-content > img { width: min(320px, 42vw); height: 192px; filter: drop-shadow(0 18px 32px rgba(0, 0, 0, .5)); }
.splash-brand { display: flex; align-items: center; justify-content: center; margin-top: 22px; }
.splash-signature { display: flex; align-items: center; justify-content: center; color: #d2d3d8; }
.splash-signature .splash-signature-svg { display: block; width: auto; height: 70px; max-width: 76vw; overflow: visible; }
.splash-signature-path { opacity: 0; stroke-dasharray: 1 1; stroke-dashoffset: 1; }
.splash.intro-playing .splash-signature-path {
  animation: splash-signature-draw var(--signature-duration) ease-in-out var(--signature-delay) both,
    splash-signature-opacity .01s linear calc(var(--signature-delay) + .01s) both;
}
.splash-content .splash-words { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 .24em; margin-top: 12px; font-size: 19px; font-weight: 400; letter-spacing: .1px; color: #92949f; animation: none; }
.splash-word { display: inline-block; opacity: 0; transform: translateY(10px); filter: blur(10px); }
.splash.intro-playing .splash-word { animation: splash-words-stagger var(--word-speed) cubic-bezier(0, 0, .58, 1) var(--word-delay) both; }
.splash .loading-block { width: 280px; max-width: 60vw; margin-top: 42px; }
.splash .loading-line { margin-bottom: 12px; }
.splash .loading-line span { font-size: 11px; font-weight: 400; letter-spacing: .5px; color: #838590; }
.splash .loading-line strong { font-size: 11px; font-weight: 400; color: #a2a4ae; }
.splash .progress-wrap { height: 2px; background: #222329; }
.splash .progress-wrap::after { content: none; }
.splash #loading-progress { height: 2px; }
.splash #loading-progress::-webkit-progress-value { background: linear-gradient(90deg, #666975, #c2c4cc); box-shadow: none; }
.splash-actions .gbtn { background: rgba(255, 255, 255, .025); }
@keyframes splash-signature-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes splash-signature-opacity { from { opacity: 0; } to { opacity: 1; } }
@keyframes splash-words-stagger { from { opacity: 0; transform: translateY(10px); filter: blur(10px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@media (max-height: 700px) {
  .splash-content { padding-bottom: 12px; }
  .splash-content > img { width: min(300px, 42vw); height: 180px; }
  .splash-brand { margin-top: 18px; }
  .splash-signature .splash-signature-svg { height: 64px; }
  .splash .loading-block { margin-top: 36px; }
}
@media (max-height: 570px) {
  .splash-content { padding-bottom: 8px; }
  .splash-content > img { height: 138px; }
  .splash-brand { margin-top: 12px; }
  .splash-signature .splash-signature-svg { height: 58px; }
  .splash-content .splash-words { font-size: 17px; }
  .splash .loading-block { margin-top: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .splash-signature-path { opacity: 1; stroke-dashoffset: 0; }
  .splash-word { opacity: 1; transform: none; filter: none; }
}