.sk-player__panel, .sk-trailer-frame { position: relative; }
.sk-player-loader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #f4f7ed;
  background: radial-gradient(ellipse at 50% 55%, #18220f 0%, #0c1009 52%, #080a07 100%);
  font-family: inherit;
}
.sk-player-loader__card { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 24px; text-align: center; }
.sk-player-loader__symbol { position: relative; display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid #526738; border-radius: 20px; background: #172210; box-shadow: 0 8px 34px #72bc1921; }
.sk-player-loader__symbol::before { content: ''; width: 0; height: 0; margin-left: 4px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #9bdf50; }
.sk-player-loader__symbol::after { content: ''; position: absolute; inset: -8px; border: 1px solid #8bd947; border-radius: 25px; opacity: 0; animation: sk-player-loader-pulse 2.4s ease-out infinite; }
.sk-player-loader__title { font-size: clamp(16px, 2vw, 21px); line-height: 1.3; font-weight: 650; }
.sk-player-loader__note { color: #929b85; font-size: 13px; line-height: 1.5; }
.sk-player-loader__dots { display: flex; gap: 7px; padding: 4px 0; }
.sk-player-loader__dots i { width: 5px; height: 5px; border-radius: 50%; background: #9bdf50; animation: sk-player-loader-dot 1.4s ease-in-out infinite; }
.sk-player-loader__dots i:nth-child(2) { animation-delay: .18s; }
.sk-player-loader__dots i:nth-child(3) { animation-delay: .36s; }
@keyframes sk-player-loader-pulse { 0% { opacity: .55; transform: scale(.94); } 100% { opacity: 0; transform: scale(1.22); } }
@keyframes sk-player-loader-dot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-4px); } }
@media (max-width: 560px) { .sk-player-loader__card { gap: 9px; padding: 16px; } .sk-player-loader__symbol { width: 42px; height: 42px; border-radius: 14px; } .sk-player-loader__symbol::after { inset: -6px; border-radius: 18px; } .sk-player-loader__note { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .sk-player-loader__symbol::after, .sk-player-loader__dots i { animation: none; } .sk-player-loader__dots i { opacity: .7; } }