/* Video Drop's cyan highlights, with the current Android-safe motion retained. */
body.event-theme-video2 .price-switch-option.event {
  color: #9cefff;
  -webkit-text-fill-color: #9cefff;
  background: none;
  filter: none;
  text-shadow: 0 1px 3px #061225;
}
body.event-theme-video2 .price-switch-option.event.active {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
body.event-theme-video2 .price-switch-option.event::before { content: none; }
body.event-theme-video2 .price-switch-option.event::after {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: linear-gradient(135deg, #125bb5, #218bc4 65%, #22bfd2);
  border-color: #8eefff;
  text-shadow: 0 1px 3px #072a50;
  box-shadow: 0 0 9px #32e8ff66, 0 3px 8px #0006;
}
body.event-theme-video2 .price-switch.event .price-switch-thumb {
  background: linear-gradient(125deg, #2257cc, #208fd3 56%, #32d8eb);
  box-shadow: 0 6px 20px #32c8ff44, inset 0 1px 0 #b7f7ff66;
}
body.event-theme-video2 .event-inline-title {
  color: #91eaff;
  -webkit-text-fill-color: #91eaff;
  background: none;
  filter: none;
  text-shadow: 0 0 7px #32caff44;
}
body.event-theme-video2 .event-inline-time,
body.event-theme-video2 .event-time-badge {
  color: #d8fbff;
  text-shadow: 0 0 8px #32caff44;
}
body.event-theme-video2 .event-video-strip {
  background: linear-gradient(135deg, #07192d, #09182a 65%, #1d1236);
  border-color: #32e8ff66;
  box-shadow: inset 0 1px 0 #ffffff26, 0 0 20px #32caff33;
}
body.event-theme-video2 .event-video-tile {
  position: absolute;
  top: 4px;
  left: 6px;
  border-color: #9be9ff66;
  box-shadow: 0 4px 12px #0005;
  animation: xkVideoBlueReel 18s linear infinite;
  animation-delay: calc((var(--video-index) - 8) * 2s);
  animation-play-state: paused;
}
body.event-theme-video2 .event-video-track {
  width: 100%;
  animation: none;
  transform: none;
  will-change: auto;
}
body.event-theme-video2 .event-video-strip.is-running .event-video-tile {
  animation-play-state: running;
}
body.mode-event.event-theme-video2 .card-wrapper {
  background: linear-gradient(135deg, #32e8ff, #4084ff 58%, #9b75e8);
  box-shadow: 0 0 34px #32caff40, 0 0 68px #406bff26;
}
body.mode-event.event-theme-video2 .card-wrapper::before {
  background: radial-gradient(circle at 50% 0%, #32e8ff26, #497dff1f, transparent 72%);
}
body.mode-event.event-theme-video2 .card {
  background:
    radial-gradient(circle at 12% -4%, #32e8ff24, transparent 36%),
    radial-gradient(circle at 88% 14%, #5284ff1f, transparent 38%),
    radial-gradient(circle at 50% 105%, #ad5bb512, transparent 42%),
    linear-gradient(180deg, #070d1b, #0e0a17);
  border-color: #32e8ff42;
}
body.mode-event.event-theme-video2 .badge {
  background: #0b1830;
  border-color: #32e8ff70;
  box-shadow: 0 0 16px #32caff24;
}
body.mode-event.event-theme-video2 .title {
  color: #f5fdff;
  -webkit-text-fill-color: #f5fdff;
  text-shadow: 0 0 16px #32caff66, 0 1px 3px #000;
}
body.mode-event.event-theme-video2 .price,
body.mode-event.event-theme-video2 .reveal-msg { color: #d8fbff; }
body.mode-event.event-theme-video2 .main-btn-wrap::before {
  background: radial-gradient(ellipse, #32caff38, #467aff24 44%, transparent 75%);
}
body.mode-event.event-theme-video2 .btn {
  background: linear-gradient(125deg, #285cce, #248fc9 56%, #2ac3cf);
  border-color: #8eecff99;
  color: #fff;
  text-shadow: 0 1px 3px #072550;
  box-shadow: 0 0 30px #32caff55, 0 14px 36px #0007;
  animation: xkVideoBlueBreath 2.8s ease-in-out infinite alternate;
}
body.mode-event.event-theme-video2 .chances-card {
  background: radial-gradient(circle at 20% 0%, #32e8ff12, transparent 42%), #1332521a;
  border-color: #54d7ff55;
}
body.event-theme-video2 .event-boost-badge {
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-shadow: 0 1px 2px #04233d;
  background: linear-gradient(135deg, #1c61a1, #208291 65%, #2589ad);
  border-color: #81eaffaa;
  box-shadow: inset 0 1px 0 #ffffff33, 0 0 8px #32caff24;
}
body.mode-event.event-theme-video2 .reze-event-stars span {
  color: #adf1ff;
  text-shadow: 0 0 9px #32caff77;
}
body.mode-event.event-theme-video2 .reze-event-stars span:nth-child(3n) { color: #97baff; }
body.mode-event.event-theme-video2 .reze-event-stars span:nth-child(4n) { color: #e9c8f4; }
body.event-theme-video2 .video-event-count {
  display: block;
  margin: 0 0 6px;
  color: #82efff;
  -webkit-text-fill-color: #82efff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
  text-shadow: 0 0 12px #32caff66, 0 1px 3px #000;
}
body.event-theme-video2 .video-event-count strong {
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-weight: 900;
}
@keyframes xkVideoBlueBreath {
  from { transform: scale(1); }
  to { transform: scale(1.012); }
}
/* Nine players loop individually, without a second set of video decoders. */
@keyframes xkVideoBlueReel {
  from { transform: translate3d(352px, 0, 0); }
  to { transform: translate3d(-44px, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  body.mode-event.event-theme-video2 .btn { animation: none !important; }
  body.event-theme-video2 .event-video-tile { animation-play-state: paused !important; }
}

/* Video Event only. Motion uses opacity/transform, not animated filters. */
body.event-theme-video2 .video-event-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 3px 5px;
  margin-bottom: 7px;
}
body.event-theme-video2 .video-event-count {
  display: inline;
  margin: 0;
  font-size: 15px;
  white-space: nowrap;
}
body.event-theme-video2 .video-event-extra {
  color: #e0e8f0;
  font-size: 12px;
  white-space: nowrap;
}
body.event-theme-video2 .event-time-badge {
  margin-left: 0;
  padding: 3px 8px;
  color: #ff8b9c;
  -webkit-text-fill-color: #ff8b9c;
  background: #381321;
  border-color: #e85a7280;
  text-shadow: 0 0 7px #ff345c55;
  box-shadow: 0 0 10px #ff345c25;
}
body.event-theme-video2 .event-time-badge::before {
  content: '\23f3';
  margin-right: 4px;
}
body.mode-event.event-theme-video2 .main-btn-wrap::before {
  top: -20px;
  bottom: auto;
  height: calc(100% + 40px);
  width: min(340px, 100%);
  background: radial-gradient(ellipse, #27dbff9c 0%, #277cff66 38%, #1970ff26 60%, transparent 74%);
  filter: none;
  animation: xkVideoCompactGlow 3s ease-in-out infinite alternate;
}
body.mode-event.event-theme-video2 .btn {
  box-shadow: 0 0 24px #39d9ff80, 0 0 48px #258aff50, 0 12px 30px #0006;
  animation: xkVideoCompactBreath 3s ease-in-out infinite alternate;
}
body.mode-event.event-theme-video2 .btn:disabled { animation: none; }
body.event-theme-video2 .event-boost-badge {
  top: 1px;
  letter-spacing: 0;
}
body.event-theme-video2 .event-inline-meta { line-height: 1.5; }
body.event-theme-video2 .event-inline-title {
  display: inline-block;
  position: relative;
  color: #36d9ff;
  -webkit-text-fill-color: #36d9ff;
  background: none;
  filter: none;
  text-shadow: 0 0 7px #32caff66;
  animation: none;
}
body.event-theme-video2 .event-inline-title::after {
  content: attr(data-video-title);
  position: absolute;
  inset: 0;
  color: #d0a1ff;
  -webkit-text-fill-color: #d0a1ff;
  text-shadow: 0 0 7px #9674ff66;
  opacity: 0;
  pointer-events: none;
  animation: xkVideoCompactTitle 3.6s ease-in-out infinite alternate;
}
body.event-theme-video2 .event-inline-time {
  color: #ff748e;
  -webkit-text-fill-color: #ff748e;
  text-shadow: 0 0 8px #ff345c66;
  animation: xkVideoCompactTimer 2.5s ease-in-out infinite alternate;
}
@keyframes xkVideoCompactBreath {
  from { transform: scale(1); }
  to { transform: scale(1.045); }
}
@keyframes xkVideoCompactGlow {
  from { opacity: .7; transform: translateX(-50%) scale(.94); }
  to { opacity: 1; transform: translateX(-50%) scale(1.04); }
}
@keyframes xkVideoCompactTitle {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes xkVideoCompactTimer {
  from { opacity: .78; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  body.mode-event.event-theme-video2 .main-btn-wrap::before,
  body.mode-event.event-theme-video2 .btn,
  body.event-theme-video2 .event-inline-title::after,
  body.event-theme-video2 .event-inline-time { animation: none !important; }
}

/* Static text, with a small clipped highlight moved only by transforms. */
body.mode-event.event-theme-video2 #subtitleText { opacity: 1; }
body.event-theme-video2 .video-event-count {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}
body.event-theme-video2 .video-count-shine {
  position: absolute;
  inset: 0 auto 0 0;
  width: 24%;
  overflow: hidden;
  pointer-events: none;
  opacity: .8;
  contain: paint;
  transform: translateX(-100%);
  animation: xkVideoCountSweep 5s linear infinite;
}
body.event-theme-video2 .video-count-shine > span {
  display: block;
  width: 416.666667%;
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-shadow: none;
  transform: translateX(24%);
  animation: xkVideoCountCounterSweep 5s linear infinite;
}
body.event-theme-video2 .video-count-shine strong { text-shadow: none; }
body.event-theme-video2 .video-event-extra { color: #bcc9d8; }
body.event-theme-video2 .event-time-badge {
  padding: 3px 9px;
  color: #ff7c8d;
  -webkit-text-fill-color: #ff7c8d;
  background: #111523;
  border-color: #ca7a8d40;
  box-shadow: inset 0 1px 0 #ffffff08;
  text-shadow: 0 1px 2px #0008;
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
body.event-theme-video2 .event-time-badge::before { opacity: .7; }
body.mode-event.event-theme-video2 .btn {
  animation: xkVideoPolishBreath 3.4s ease-in-out infinite alternate;
}
@keyframes xkVideoPolishBreath {
  from { transform: scale(1); }
  to { transform: scale(1.012); }
}
/* Counter-motion keeps the letters still while the highlight crosses them. */
@keyframes xkVideoCountSweep {
  0%, 62% { transform: translateX(-100%); }
  100% { transform: translateX(516.666667%); }
}
@keyframes xkVideoCountCounterSweep {
  0%, 62% { transform: translateX(24%); }
  100% { transform: translateX(-124%); }
}
@media (prefers-reduced-motion: reduce) {
  body.event-theme-video2 .video-count-shine { display: none; }
  body.event-theme-video2 .video-count-shine,
  body.event-theme-video2 .video-count-shine > span { animation: none !important; }
}

/* Restore the standard NEW badge independently of the blue event theme. */
body.event-theme-video2 .price-switch-option.event::after {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: linear-gradient(135deg, #ff3fb4, #ff5a88 56%, #ff9a45);
  border-color: #ffffff7a;
  text-shadow: none;
  box-shadow: 0 0 8px #ff3fb494, 0 0 14px #ff5a884d, 0 4px 10px #00000047;
}
/* Keep the halo attached to the button, without a wider expanding layer. */
body.mode-event.event-theme-video2 .main-btn-wrap::before {
  content: none;
  animation: none;
}
body.mode-event.event-theme-video2 .btn {
  box-shadow: 0 0 20px #39d9ff80, 0 0 32px #258aff45, 0 10px 24px #0005;
  text-shadow: none;
}
body.mode-event.event-theme-video2 #btnText { text-shadow: none; }
/* A blurred text shadow clipped at the label bounds creates a rectangular rim. */
body.event-theme-video2 .video-event-count,
body.event-theme-video2 .video-event-count strong,
body.event-theme-video2 .video-count-shine,
body.event-theme-video2 .video-count-shine > span {
  text-shadow: none;
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
}

/* Warm primary action; cool, quieter secondary information. */
body.mode-event.event-theme-video2 .btn {
  background: linear-gradient(120deg, #c92e5c, #cf3e57 55%, #cd4a4e);
  border-color: #ffacb5a6;
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 20px #ff567a73, 0 0 32px #e83c6940, 0 10px 24px #0005;
}
body.event-theme-video2 .event-boost-badge {
  background: linear-gradient(135deg, #30233f, #3e2b50);
  border-color: #b29bd38c;
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-shadow: none;
  box-shadow: inset 0 1px 0 #ffffff14;
}
body.event-theme-video2 .price-switch.event .price-switch-thumb {
  background: linear-gradient(180deg, #284f78, #193656 56%, #142b46);
  box-shadow: inset 0 0 0 1px #72ceeea6, inset 0 2px 0 #c9f4ff26, 0 3px 8px #0005;
}
body.event-theme-video2 #limitedEventSubtitleTime {
  color: #ff8290;
  -webkit-text-fill-color: #ff8290;
  background: #0b101b;
  font-weight: 900;
  text-shadow: none;
}

body.mode-event.event-theme-video2 .btn {
  background: linear-gradient(115deg, #e50937, #f92a48 52%, #ff6756);
  border-color: #ffb3bb99;
  text-shadow: none;
  box-shadow:
    0 0 34px rgba(255, 30, 72, .60),
    0 14px 34px rgba(255, 78, 50, .36),
    inset 0 1px 0 rgba(255, 255, 255, .20);
}
/* Original Reze badge palette, scoped to Video Event. */
body.event-theme-video2 .event-boost-badge {
  color: #fff8ff;
  -webkit-text-fill-color: #fff8ff;
  text-shadow: 0 1px 2px rgba(39, 5, 65, .62);
  background:
    radial-gradient(circle at 24% 13%, rgba(255,255,255,.42), transparent 42%),
    linear-gradient(135deg, rgba(255, 91, 167, .92), rgba(164, 91, 255, .88) 52%, rgba(255, 168, 83, .74));
  border-color: rgba(245, 196, 255, .58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(50, 6, 74, .18),
    0 0 10px rgba(205, 92, 255, .24),
    0 0 12px rgba(255, 90, 168, .18);
}
body.event-theme-video2 #limitedEventSubtitleTime {
  color: #ff3b52;
  -webkit-text-fill-color: #ff3b52;
  background: #090e18;
  text-shadow: 0 0 6px rgba(255, 35, 64, .24);
}

body.event-theme-video2 .video-event-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 8px;
}
body.event-theme-video2 .video-event-status .event-time-badge,
body.event-theme-video2 .video-event-collected {
  box-sizing: border-box;
  min-height: 22px;
  margin: 0;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
body.event-theme-video2 .video-event-collected {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  color: #c3d5e2;
  background: #101a29;
  border: 1px solid #59c4e53d;
  border-radius: 999px;
  text-shadow: none;
}
body.event-theme-video2 .video-event-collected b {
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-weight: 800;
}
body.event-theme-video2 .video-event-collected b span {
  color: #82deef;
  -webkit-text-fill-color: #82deef;
}

body.event-theme-video2 .event-inline-time {
  color: #ff3b52;
  -webkit-text-fill-color: #ff3b52;
  text-shadow: 0 0 6px rgba(255, 35, 64, .24);
}
body.event-theme-video2 button.video-event-collected {
  appearance: none;
  font-family: inherit;
  font-weight: inherit;
  cursor: pointer;
  touch-action: manipulation;
}
body.event-theme-video2 button.video-event-collected:hover {
  background: #142337;
  border-color: #82deef80;
}
body.event-theme-video2 button.video-event-collected:focus-visible {
  outline: 2px solid #82deef;
  outline-offset: 2px;
}