/* [project]/src/app/dj/components/SetupMusicQuiz.module.css [app-client] (css) */
.SetupMusicQuiz-module__KDO0PW__container {
  width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  font-family: var(--font-sans);
  color: var(--text-primary);
  box-sizing: border-box;
  background-color: #080b12;
  flex-direction: column;
  align-items: center;
  padding: 18px 28px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__ambientGlow {
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(60% 40% at 50% 30%, #7c3aed1f 0%, #0000 70%), radial-gradient(circle at 15% 15%, #00ff8814 0%, #0000 40%), radial-gradient(circle at 85% 15%, #1d4ed81a 0%, #0000 40%);
  position: absolute;
  inset: 0;
}

.SetupMusicQuiz-module__KDO0PW__topNav {
  z-index: 100;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}

.SetupMusicQuiz-module__KDO0PW__topLeftArea {
  flex: 1;
  align-items: center;
  gap: 16px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__topRightArea {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnHome {
  width: 42px;
  height: 42px;
  color: var(--text-secondary);
  background: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 4px 12px #0006;
}

.SetupMusicQuiz-module__KDO0PW__btnHome:hover {
  color: #fff;
  background: #ffffff1f;
  border-color: #00f0ff80;
  transform: scale(1.05);
}

.SetupMusicQuiz-module__KDO0PW__btnLock {
  cursor: pointer;
  outline: none;
}

.SetupMusicQuiz-module__KDO0PW__btnLock:hover {
  color: #f87171;
  background: #ef444426;
  border-color: #f8717180;
  box-shadow: 0 0 16px #ef444459;
}

.SetupMusicQuiz-module__KDO0PW__headerTitleWrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.SetupMusicQuiz-module__KDO0PW__headerTitle {
  letter-spacing: -.01em;
  text-align: center;
  background: linear-gradient(#fff 0%, #f1f5f9 22%, #cbd5e1 45%, #94a3b8 50%, #64748b 72%, #334155 100%);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 1px #ffffff4d) drop-shadow(0 3px #1e293b) drop-shadow(0 6px 16px #000000f2) drop-shadow(0 0 35px #0f83);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding: 0;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  line-height: 1;
}

.SetupMusicQuiz-module__KDO0PW__tabBtn {
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 2px solid #0000;
  border-radius: 9999px;
  outline: none;
  justify-content: center;
  align-items: center;
  min-width: 170px;
  padding: 12px 34px;
  font-size: 1.15rem;
  font-weight: 800;
  text-decoration: none;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 20px #0009, inset 0 1px 1px #ffffff73, inset 0 -2px 4px #0006;
}

.SetupMusicQuiz-module__KDO0PW__tabBtn:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#ffffff59 0%, #ffffff08 100%);
  border-radius: 9999px 9999px 30px 30px;
  height: 44%;
  position: absolute;
  top: 2px;
  left: 10px;
  right: 10px;
}

.SetupMusicQuiz-module__KDO0PW__tabBtn:hover {
  transform: translateY(-2px)scale(1.02);
}

.SetupMusicQuiz-module__KDO0PW__tabBtn:active {
  transform: translateY(1px)scale(.98);
}

.SetupMusicQuiz-module__KDO0PW__tabBtnGreenActive {
  background: linear-gradient(#16a34a 0%, #15803d 50%, #14532d 100%);
  border-color: #4ade80;
  box-shadow: 0 10px 24px #16a34a80, 0 0 35px #4ade80a6, inset 0 1px 2px #ffffffa6;
}

.SetupMusicQuiz-module__KDO0PW__tabBtnBlue {
  background: linear-gradient(#1d4ed8 0%, #1e40af 50%, #172554 100%);
  border-color: #60a5fa;
}

.SetupMusicQuiz-module__KDO0PW__tabBtnBlue:hover {
  border-color: #93c5fd;
  box-shadow: 0 10px 24px #1d4ed880, 0 0 30px #60a5fa99;
}

.SetupMusicQuiz-module__KDO0PW__tabBtnOrange {
  background: linear-gradient(#ea580c 0%, #c2410c 50%, #9a3412 100%);
  border-color: #fb923c;
}

.SetupMusicQuiz-module__KDO0PW__tabBtnLive {
  color: #fff;
  background: linear-gradient(#991b1b 0%, #7f1d1d 50%, #450a0a 100%);
  border-color: #f87171;
  box-shadow: 0 4px 14px #ef444466, 0 0 20px #f8717159, inset 0 1px 2px #fff6;
}

.SetupMusicQuiz-module__KDO0PW__tabBtnLive:hover {
  border-color: #fca5a5;
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 8px 24px #ef444499, 0 0 30px #f871718c;
}

.SetupMusicQuiz-module__KDO0PW__liveBeacon {
  background-color: #ef4444;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  animation: 1.4s ease-in-out infinite SetupMusicQuiz-module__KDO0PW__pulseBeaconLive;
  display: inline-block;
  box-shadow: 0 0 8px #ef4444;
}

@keyframes SetupMusicQuiz-module__KDO0PW__pulseBeaconLive {
  0% {
    opacity: .7;
    transform: scale(.9);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
    box-shadow: 0 0 12px #ff4d4d;
  }

  100% {
    opacity: .7;
    transform: scale(.9);
  }
}

.SetupMusicQuiz-module__KDO0PW__actionStrip {
  z-index: 2;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.SetupMusicQuiz-module__KDO0PW__importBtn {
  color: #e2e8f0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#272f3d 0%, #18202c 50%, #0f151e 100%);
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  font-size: 1.05rem;
  font-weight: 700;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  position: relative;
  box-shadow: 0 4px 12px #00000080, inset 0 1px 1px #ffffff40;
}

.SetupMusicQuiz-module__KDO0PW__importBtn:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#ffffff2e 0%, #0000 100%);
  border-radius: 9999px 9999px 20px 20px;
  height: 42%;
  position: absolute;
  top: 2px;
  left: 12px;
  right: 12px;
}

.SetupMusicQuiz-module__KDO0PW__importBtn:hover {
  color: #86efac;
  border-color: #22c55e99;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px #22c55e4d, 0 0 20px #22c55e59;
}

.SetupMusicQuiz-module__KDO0PW__importBtn:active {
  color: #fff;
  border-color: #22c55e;
  transform: translateY(1px);
  box-shadow: 0 4px 16px #22c55e73, 0 0 28px #22c55e99, inset 0 1px 1px #fff6;
}

.SetupMusicQuiz-module__KDO0PW__clearBtn {
  border-color: #ef444440;
}

.SetupMusicQuiz-module__KDO0PW__clearBtn:hover:not(:disabled) {
  color: #fca5a5;
  border-color: #ef444499;
  box-shadow: 0 6px 18px #ef44444d, 0 0 20px #ef444459;
}

.SetupMusicQuiz-module__KDO0PW__clearBtn:disabled {
  opacity: .35;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.SetupMusicQuiz-module__KDO0PW__clearConfirmGroup {
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__clearConfirmYesBtn {
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#dc2626 0%, #b91c1c 50%, #7f1d1d 100%);
  border: 1.5px solid #ef4444;
  border-radius: 9999px;
  flex: 1;
  padding: 13px 16px;
  font-size: .95rem;
  font-weight: 800;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  box-shadow: 0 4px 14px #dc262680, 0 0 20px #ef444499;
}

.SetupMusicQuiz-module__KDO0PW__clearConfirmYesBtn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px #dc262699, 0 0 26px #ef4444cc;
}

.SetupMusicQuiz-module__KDO0PW__clearConfirmYesBtn:active:not(:disabled) {
  transform: translateY(1px);
}

.SetupMusicQuiz-module__KDO0PW__clearConfirmCancelBtn {
  color: #94a3b8;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #1e293bcc;
  border: 1.5px solid #ffffff1f;
  border-radius: 9999px;
  padding: 13px 18px;
  font-size: .95rem;
  font-weight: 700;
  transition: all .2s;
}

.SetupMusicQuiz-module__KDO0PW__clearConfirmCancelBtn:hover {
  color: #fff;
  background: #334155e6;
  border-color: #ffffff40;
}

.SetupMusicQuiz-module__KDO0PW__tableCard {
  z-index: 2;
  box-sizing: border-box;
  background: #0e131ee0;
  border: 1.5px solid #ffffff1a;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 20px 28px;
  display: flex;
  position: relative;
  box-shadow: 0 24px 60px #000000d9, inset 0 1px 1px #ffffff0d;
}

.SetupMusicQuiz-module__KDO0PW__tableCardDragging {
  border-color: var(--neon-cyan) !important;
  background: #00f0ff0d !important;
  box-shadow: 0 0 40px #00f0ff4d !important;
}

.SetupMusicQuiz-module__KDO0PW__tableHeader {
  color: #e2e8f0;
  letter-spacing: .02em;
  border-bottom: 1px solid #ffffff1a;
  grid-template-columns: 2.2fr 2.5fr 1.5fr 1.5fr 60px;
  padding: 8px 16px 14px;
  font-size: 1.05rem;
  font-weight: 700;
  display: grid;
}

.SetupMusicQuiz-module__KDO0PW__headerCountCol {
  justify-content: center;
  align-items: center;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__headerSongCount {
  min-width: 36px;
  height: 28px;
  font-size: 1.15rem;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  color: #38bdf8;
  -webkit-user-select: none;
  user-select: none;
  background: #38bdf829;
  border: 1.5px solid #38bdf880;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  display: inline-flex;
  box-shadow: 0 0 16px #38bdf859, inset 0 1px 1px #fff3;
}

.SetupMusicQuiz-module__KDO0PW__headerSortBtn {
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 0;
  padding: 0;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
}

.SetupMusicQuiz-module__KDO0PW__headerSortBtn:hover {
  color: #38bdf8;
  transform: translateY(-1px);
}

.SetupMusicQuiz-module__KDO0PW__headerSortActive {
  color: #38bdf8;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__sortIcon {
  opacity: .45;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: .72rem;
  transition: all .2s;
  display: inline-flex;
}

.SetupMusicQuiz-module__KDO0PW__headerSortBtn:hover .SetupMusicQuiz-module__KDO0PW__sortIcon {
  opacity: .85;
}

.SetupMusicQuiz-module__KDO0PW__headerSortActive .SetupMusicQuiz-module__KDO0PW__sortIcon {
  opacity: 1;
  color: #38bdf8;
}

.SetupMusicQuiz-module__KDO0PW__tableBody {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-top: 8px;
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.SetupMusicQuiz-module__KDO0PW__tableRow {
  color: #cbd5e1;
  border-radius: var(--radius-sm);
  border-bottom: 1px solid #ffffff08;
  grid-template-columns: 2.2fr 2.5fr 1.5fr 1.5fr 60px;
  align-items: center;
  padding: 12px 16px;
  font-size: .98rem;
  transition: background .15s;
  display: grid;
}

.SetupMusicQuiz-module__KDO0PW__colDelete {
  justify-content: center;
  align-items: center;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__tableRow:hover {
  color: #fff;
  background: #ffffff08;
}

.SetupMusicQuiz-module__KDO0PW__colArtist {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 12px;
  font-weight: 600;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__colTitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 12px;
  font-weight: 500;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__colYear {
  color: #94a3b8;
  font-family: var(--font-mono);
  font-size: .92rem;
}

.SetupMusicQuiz-module__KDO0PW__colGenre {
  color: #94a3b8;
}

.SetupMusicQuiz-module__KDO0PW__btnDelete {
  color: #ef4444;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 1.15rem;
  font-weight: 800;
  transition: all .15s;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnDelete:hover {
  color: #ff4d4d;
  background: #ef44442e;
  transform: scale(1.15);
}

.SetupMusicQuiz-module__KDO0PW__emptyState {
  color: var(--text-muted);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 60px 20px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__emptyIcon {
  opacity: .7;
  font-size: 3rem;
}

.SetupMusicQuiz-module__KDO0PW__uploadStatusBanner {
  border-radius: var(--radius-md);
  color: var(--neon-green);
  background: #00ff8814;
  border: 1px solid #00ff884d;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 10px 18px;
  font-size: .88rem;
  font-weight: 600;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__floatingStatusPopup {
  z-index: 9999;
  -webkit-backdrop-filter: blur(20px);
  color: #0f8;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  background: #090d18f0;
  border: 1.5px solid #00ff8873;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: 90vw;
  padding: 7px 20px;
  font-size: .86rem;
  font-weight: 700;
  animation: .25s cubic-bezier(.16, 1, .3, 1) SetupMusicQuiz-module__KDO0PW__floatPopupIn;
  display: inline-flex;
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 10px 30px #000c, 0 0 20px #00ff8840;
}

.SetupMusicQuiz-module__KDO0PW__floatingStatusSuccess {
  color: #0f8;
  border-color: #00ff8873;
  box-shadow: 0 10px 30px #000c, 0 0 20px #00ff8840;
}

.SetupMusicQuiz-module__KDO0PW__floatingStatusWarn {
  color: #fbbf24;
  border-color: #f59e0b8c;
  box-shadow: 0 10px 30px #000c, 0 0 20px #f59e0b40;
}

.SetupMusicQuiz-module__KDO0PW__floatingStatusInfo {
  color: #38bdf8;
  border-color: #38bdf88c;
  box-shadow: 0 10px 30px #000c, 0 0 20px #38bdf840;
}

@keyframes SetupMusicQuiz-module__KDO0PW__floatPopupIn {
  0% {
    opacity: 0;
    transform: translateX(-50%)translateY(-6px)scale(.96);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%)translateY(0)scale(1);
  }
}

.SetupMusicQuiz-module__KDO0PW__btnClassicToggle {
  color: var(--text-muted);
  border-radius: var(--radius-full);
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  padding: 4px 12px;
  font-size: .76rem;
  transition: all .2s;
}

.SetupMusicQuiz-module__KDO0PW__btnClassicToggle:hover {
  color: #fff;
  border-color: #fff3;
}

.SetupMusicQuiz-module__KDO0PW__settingsBar {
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__settingsPill {
  color: #e2e8f0;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(#1e2634 0%, #111722 100%);
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 18px;
  font-size: .92rem;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 4px 12px #00000080, inset 0 1px 1px #ffffff26;
}

.SetupMusicQuiz-module__KDO0PW__settingsSelectPill {
  color: #e2e8f0;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  background: linear-gradient(#1e2634 0%, #111722 100%);
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 18px;
  font-size: .92rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 12px #00000080, inset 0 1px 1px #ffffff26;
}

.SetupMusicQuiz-module__KDO0PW__settingsSelectPill:hover {
  color: #fff;
  border-color: #38bdf899;
  box-shadow: 0 0 16px #38bdf840;
}

.SetupMusicQuiz-module__KDO0PW__settingsSelect {
  font-size: 1.05rem;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  color: #38bdf8;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 2px;
}

.SetupMusicQuiz-module__KDO0PW__settingsSelect option {
  color: #fff;
  background: #111722;
  font-family: sans-serif;
  font-size: .92rem;
}

.SetupMusicQuiz-module__KDO0PW__settingsInputWrapper {
  flex: 1;
  align-items: center;
  min-width: 140px;
  display: flex;
  position: relative;
}

.SetupMusicQuiz-module__KDO0PW__settingsInput {
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#1e2634 0%, #111722 100%);
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  outline: none;
  width: 100%;
  height: 44px;
  padding: 0 36px 0 20px;
  font-size: .95rem;
  font-weight: 600;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: inset 0 2px 4px #0006;
}

.SetupMusicQuiz-module__KDO0PW__settingsInput:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 14px #38bdf859;
}

.SetupMusicQuiz-module__KDO0PW__settingsInput::placeholder {
  color: #64748b;
}

.SetupMusicQuiz-module__KDO0PW__inputClearBtn {
  color: #94a3b8;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #ffffff1f;
  border: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .72rem;
  transition: all .15s;
  display: flex;
  position: absolute;
  right: 12px;
}

.SetupMusicQuiz-module__KDO0PW__inputClearBtn:hover {
  color: #fff;
  background: #ef4444d9;
}

.SetupMusicQuiz-module__KDO0PW__btnSaveQuiz {
  color: #86efac;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(#14532d 0%, #0d361d 100%);
  border: 1.5px solid #22c55e;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 28px;
  font-size: .95rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 14px #22c55e4d, inset 0 1px 1px #ffffff40;
}

.SetupMusicQuiz-module__KDO0PW__btnSaveQuiz:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #22c55e8c, 0 0 24px #22c55e66;
}

.SetupMusicQuiz-module__KDO0PW__btnSaveQuiz:active {
  transform: translateY(1px);
}

.SetupMusicQuiz-module__KDO0PW__btnLoadQuiz {
  color: #7dd3fc;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(#0369a1 0%, #0c4a6e 50%, #082f49 100%);
  border: 1.5px solid #38bdf8;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 24px;
  font-size: .95rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 14px #38bdf84d, inset 0 1px 1px #ffffff40;
}

.SetupMusicQuiz-module__KDO0PW__btnLoadQuiz:hover {
  color: #fff;
  border-color: #7dd3fc;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #38bdf88c, 0 0 24px #38bdf866;
}

.SetupMusicQuiz-module__KDO0PW__btnLoadQuiz:active {
  transform: translateY(1px);
}

.SetupMusicQuiz-module__KDO0PW__btnClearRound {
  color: #fca5a5;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(#7f1d1d 0%, #450a0a 100%);
  border: 1.5px solid #ef4444;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  font-size: .92rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 14px #ef444440, inset 0 1px 1px #ffffff26;
}

.SetupMusicQuiz-module__KDO0PW__btnClearRound:hover {
  color: #fff;
  border-color: #f87171;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #ef444480, 0 0 20px #ef444459;
}

.SetupMusicQuiz-module__KDO0PW__btnClearRound:active {
  transform: translateY(1px);
}

.SetupMusicQuiz-module__KDO0PW__btnClearRoundConfirm {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(#dc2626 0%, #991b1b 100%);
  border: 2px solid #fecaca;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 20px;
  font-size: .92rem;
  font-weight: 800;
  animation: 1s infinite alternate SetupMusicQuiz-module__KDO0PW__pulseClearBtn;
  display: inline-flex;
  box-shadow: 0 0 20px #ef4444cc, inset 0 1px 1px #ffffff4d;
}

@keyframes SetupMusicQuiz-module__KDO0PW__pulseClearBtn {
  from {
    border-color: #f87171;
    box-shadow: 0 0 12px #ef444480;
  }

  to {
    border-color: #fee2e2;
    box-shadow: 0 0 24px #ef4444e6, 0 0 10px #ffffff80;
  }
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressSection {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 100%;
  margin-bottom: 12px;
  padding: 0 4px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressMeta {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressStats {
  color: #94a3b8;
  letter-spacing: .03em;
  align-items: center;
  gap: 10px;
  font-size: .95rem;
  font-weight: 700;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__overviewAssignedHighlight {
  color: #38bdf8;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  font-size: 1.15rem;
}

.SetupMusicQuiz-module__KDO0PW__overviewAssignedHighlightComplete {
  color: #4ade80;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  text-shadow: 0 0 12px #4ade8073;
  font-size: 1.15rem;
}

.SetupMusicQuiz-module__KDO0PW__overviewStatsDot {
  color: #475569;
  -webkit-user-select: none;
  user-select: none;
  font-size: 1.1rem;
}

.SetupMusicQuiz-module__KDO0PW__overviewUnassignedHighlight {
  color: #facc15;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  font-size: 1.15rem;
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressBadge {
  align-items: center;
  gap: 12px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__overviewBadgeDynamic {
  font-size: 1.15rem;
  font-weight: 800;
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  letter-spacing: .03em;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-style: solid;
  border-width: 1.5px;
  border-radius: 9999px;
  align-items: center;
  padding: 6px 18px;
  transition: all .35s;
  display: inline-flex;
}

.SetupMusicQuiz-module__KDO0PW__overviewBadgePending {
  font-size: 1.05rem;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  color: #f87171;
  letter-spacing: .02em;
  text-shadow: 0 0 10px #f8717166;
  background: #ef44441f;
  border: 1.5px solid #ef444473;
  border-radius: 9999px;
  align-items: center;
  padding: 5px 16px;
  display: inline-flex;
  box-shadow: 0 0 14px #ef44444d;
}

.SetupMusicQuiz-module__KDO0PW__overviewBadgeComplete {
  font-size: 1.05rem;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  color: #4ade80;
  letter-spacing: .02em;
  text-shadow: 0 0 12px #4ade8073;
  background: #4ade8026;
  border: 1.5px solid #4ade8073;
  border-radius: 9999px;
  align-items: center;
  padding: 5px 16px;
  display: inline-flex;
  box-shadow: 0 0 16px #4ade8059;
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressBarTrack {
  background: #ffffff14;
  border: 1px solid #ffffff17;
  border-radius: 9999px;
  width: 100%;
  height: 6px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 3px #00000080;
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressBarFill {
  background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 50%, #10b981 100%);
  border-radius: 9999px;
  height: 100%;
  transition: width .4s cubic-bezier(.16, 1, .3, 1);
  box-shadow: 0 0 12px #06b6d480;
}

.SetupMusicQuiz-module__KDO0PW__overviewProgressBarFillComplete {
  background: linear-gradient(90deg, #10b981 0%, #22c55e 100%);
  box-shadow: 0 0 14px #22c55eb3;
}

.SetupMusicQuiz-module__KDO0PW__roundsOverviewCard {
  z-index: 2;
  background: #0e131ee0;
  border: 1.5px solid #ffffff1a;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  width: 100%;
  min-height: 0;
  padding: 16px 22px;
  display: flex;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 24px 60px #000000d9;
}

.SetupMusicQuiz-module__KDO0PW__roundOverviewRow {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#1e2634 0%, #101620 100%);
  border: 1.5px solid #ffffff1a;
  border-radius: 9999px;
  align-items: center;
  gap: 20px;
  padding: 6px 24px 6px 8px;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__roundOverviewRow:hover {
  border-color: #38bdf899;
  transform: translateX(4px);
  box-shadow: 0 4px 18px #0009, 0 0 20px #38bdf840;
}

.SetupMusicQuiz-module__KDO0PW__roundPillBtn {
  color: #f1f5f9;
  background: linear-gradient(#2a3446 0%, #18202d 100%);
  border: 1.5px solid #ffffff2e;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  padding: 10px 24px;
  font-size: 1.15rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 2px 8px #0006, inset 0 1px 1px #fff3;
}

.SetupMusicQuiz-module__KDO0PW__roundRowInfo {
  color: #94a3b8;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__roundRowTheme {
  color: #f8fafc;
  letter-spacing: .01em;
  font-size: 1.25rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__roundRowStatusAssigned {
  color: #4ade80;
  text-shadow: 0 0 14px #4ade8066;
  align-items: center;
  gap: 8px;
  font-size: 1.3rem;
  font-weight: 800;
  display: inline-flex;
}

.SetupMusicQuiz-module__KDO0PW__roundRowStatusPartial {
  color: #f87171;
  text-shadow: 0 0 14px #f8717166;
  align-items: center;
  gap: 8px;
  font-size: 1.3rem;
  font-weight: 800;
  display: inline-flex;
}

.SetupMusicQuiz-module__KDO0PW__roundRowStatusEmpty {
  color: #94a3b8;
  font-size: 1.15rem;
  font-weight: 600;
}

.SetupMusicQuiz-module__KDO0PW__questionConsoleWrapper {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  width: 100%;
  min-height: 0;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__questionNavStrip {
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnRoundBack {
  color: #38bdf8;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  background: linear-gradient(#0c4a6e 0%, #082f49 100%);
  border: 2px solid #0284c7;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 200px;
  min-width: 200px;
  height: 62px;
  padding: 0 24px;
  font-size: 1.05rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 0 24px #38bdf880, inset 0 1px 2px #ffffff59;
}

.SetupMusicQuiz-module__KDO0PW__btnRoundBack:hover {
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 32px #38bdf8b3;
}

.SetupMusicQuiz-module__KDO0PW__questionGrid {
  flex: 1;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px 12px;
  display: grid;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestion {
  color: #e2e8f0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#242c3b 0%, #151b26 100%);
  border: 1.5px solid #ffffff1f;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 9px 12px;
  font-size: .92rem;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
  box-shadow: 0 3px 8px #0006, inset 0 1px 1px #ffffff26;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestion:hover {
  color: #fff;
  border-color: #38bdf880;
  transform: translateY(-1px);
}

.SetupMusicQuiz-module__KDO0PW__btnQuestionConfigured {
  color: #4ade80;
  border-color: #4ade8059;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestionConfigured:hover {
  color: #86efac;
  border-color: #4ade8099;
  box-shadow: 0 0 14px #4ade8040;
}

.SetupMusicQuiz-module__KDO0PW__btnAutoGenerate {
  letter-spacing: .02em;
  color: #f3e8ff;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(135deg, #7e22ce 0%, #6b21a8 50%, #4c1d95 100%);
  border: 2px solid #c084fc;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 200px;
  min-width: 200px;
  height: 62px;
  padding: 0 24px;
  font-size: 1.05rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 0 24px #a855f780, inset 0 1px 2px #ffffff59;
}

.SetupMusicQuiz-module__KDO0PW__btnAutoGenerate:hover {
  color: #fff;
  border-color: #d8b4fe;
  transform: scale(1.02);
  box-shadow: 0 0 32px #a855f7b3, 0 0 20px #c084fc66;
}

.SetupMusicQuiz-module__KDO0PW__btnAutoGenerate:active {
  transform: translateY(1px);
}

.SetupMusicQuiz-module__KDO0PW__btnAutoGenerateOverview {
  color: #f3e8ff;
  cursor: pointer;
  background: linear-gradient(135deg, #7e22ce 0%, #6b21a8 100%);
  border: 1px solid #c084fc;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  font-size: .82rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 0 14px #a855f759;
}

.SetupMusicQuiz-module__KDO0PW__btnAutoGenerateOverview:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 0 20px #a855f78c;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestionActive {
  color: #fff;
  background: linear-gradient(#0c4a6e 0%, #075985 100%);
  border-color: #38bdf8;
  box-shadow: 0 0 20px #38bdf899, inset 0 1px 2px #fff6;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestionActive.SetupMusicQuiz-module__KDO0PW__btnQuestionConfigured {
  color: #86efac;
  border-color: #38bdf8;
  box-shadow: 0 0 20px #38bdf899, 0 0 12px #4ade8059, inset 0 1px 2px #fff6;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestionTick {
  color: #4ade80;
  margin-left: 6px;
  font-size: .88rem;
  font-weight: 900;
}

.SetupMusicQuiz-module__KDO0PW__btnQuestionActive .SetupMusicQuiz-module__KDO0PW__btnQuestionTick {
  color: #86efac;
}

.SetupMusicQuiz-module__KDO0PW__consoleDeck {
  flex: 1;
  grid-template-columns: 96px 120px 2.1fr 1.5fr 1.6fr 115px 1.9fr;
  gap: 12px;
  min-height: 0;
  display: grid;
}

.SetupMusicQuiz-module__KDO0PW__consoleCol {
  background: #0e131ee0;
  border: 1.5px solid #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  min-height: 0;
  padding: 12px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 36px #0009;
}

.SetupMusicQuiz-module__KDO0PW__colHeaderPill {
  color: #38bdf8;
  -webkit-user-select: none;
  user-select: none;
  background: #38bdf814;
  border: 1.5px solid #0284c7;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  padding: 6px 12px;
  font-size: .88rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 0 14px #38bdf840;
}

.SetupMusicQuiz-module__KDO0PW__filterList {
  scrollbar-width: thin;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  display: flex;
  overflow: hidden auto;
}

.SetupMusicQuiz-module__KDO0PW__filterItemBtn {
  color: #cbd5e1;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  background: none;
  border: 1.5px solid #0000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 7px 6px;
  font-size: .88rem;
  font-weight: 700;
  transition: all .15s;
  display: flex;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__filterItemBtn:hover {
  color: #fff;
  background: #ffffff0d;
}

.SetupMusicQuiz-module__KDO0PW__filterItemBtnActive {
  color: #fff;
  background: linear-gradient(#15803d 0%, #14532d 100%);
  border-color: #4ade80;
  box-shadow: 0 0 16px #4ade8080, inset 0 1px 1px #ffffff4d;
}

.SetupMusicQuiz-module__KDO0PW__assignedSongBanner {
  background: linear-gradient(#14532d 0%, #0d361d 100%);
  border: 1.5px solid #22c55e;
  border-radius: 14px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  margin-bottom: 8px;
  padding: 8px 12px 10px;
  display: flex;
  box-shadow: 0 4px 14px #22c55e40, inset 0 1px 1px #fff3;
}

.SetupMusicQuiz-module__KDO0PW__assignedBannerHeader {
  border-bottom: 1px solid #4ade8033;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  padding-bottom: 4px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__assignedBadge {
  color: #86efac;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .76rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__btnUnassignSong {
  color: #fca5a5;
  cursor: pointer;
  background: #ef444433;
  border: 1px solid #ef444466;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: .74rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__btnUnassignSong:hover {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
}

.SetupMusicQuiz-module__KDO0PW__songListWrap {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.SetupMusicQuiz-module__KDO0PW__songCardItem {
  cursor: pointer;
  background: linear-gradient(#1c2432 0%, #101622 100%);
  border: 1.5px solid #ffffff1a;
  border-radius: 14px;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  transition: all .15s;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__songCardItem:hover {
  border-color: #ffffff40;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #00000080;
}

.SetupMusicQuiz-module__KDO0PW__songCardItemActive {
  background: linear-gradient(#166534 0%, #14532d 100%);
  border-color: #22c55e;
  box-shadow: 0 0 20px #22c55e8c, inset 0 1px 1px #ffffff4d;
}

.SetupMusicQuiz-module__KDO0PW__songCardRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__songCardArtist {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: .95rem;
  font-weight: 800;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__songCardYear {
  font-weight: 700;
  font-family: var(--font-mono, monospace);
  color: #94a3b8;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .88rem;
}

.SetupMusicQuiz-module__KDO0PW__songCardTitle {
  color: #cbd5e1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: .88rem;
  font-weight: 600;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__songCardGenre {
  color: #c084fc;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .82rem;
  font-weight: 700;
}

.SetupMusicQuiz-module__KDO0PW__typeListWrap {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__typeCardItem {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#1e2634 0%, #101622 100%);
  border: 1.5px solid #ffffff1f;
  border-radius: 14px;
  padding: 12px 10px;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__typeCardItem:hover {
  border-color: #ffffff40;
  transform: translateY(-1px);
}

.SetupMusicQuiz-module__KDO0PW__typeCardItemActive {
  background: linear-gradient(#166534 0%, #14532d 100%);
  border-color: #22c55e;
  box-shadow: 0 0 20px #22c55e8c, inset 0 1px 1px #ffffff4d;
}

.SetupMusicQuiz-module__KDO0PW__typeTitle {
  color: #fff;
  margin-bottom: 2px;
  font-size: .95rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__typeDesc {
  color: #94a3b8;
  font-size: .74rem;
}

.SetupMusicQuiz-module__KDO0PW__customPromptBox {
  background: #0f172ab3;
  border: 1.5px solid #38bdf866;
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
  padding: 8px 10px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__customPromptLabel {
  color: #38bdf8;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .72rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__customPromptInput {
  color: #fff;
  background: #0f172a;
  border: 1px solid #ffffff26;
  border-radius: 8px;
  outline: none;
  padding: 6px 8px;
  font-size: .82rem;
  transition: border-color .2s;
}

.SetupMusicQuiz-module__KDO0PW__customPromptInput:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 8px #38bdf84d;
}

.SetupMusicQuiz-module__KDO0PW__answersColContent {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__modeToggleRow {
  gap: 8px;
  width: 100%;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnMode {
  color: #94a3b8;
  cursor: pointer;
  text-align: center;
  background: #18202d;
  border: 1.5px solid #ffffff1a;
  border-radius: 10px;
  flex: 1;
  padding: 6px 4px;
  font-size: .82rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__btnModeActive {
  color: #fff;
  background: linear-gradient(#16a34a 0%, #15803d 100%);
  border-color: #4ade80;
  box-shadow: 0 0 14px #4ade8066;
}

.SetupMusicQuiz-module__KDO0PW__imagePlaceholderCard {
  background: #0f172aa6;
  border: 1.5px dashed #38bdf859;
  border-radius: 10px;
  flex-direction: column;
  gap: 4px;
  padding: 6px 8px;
  transition: all .2s;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__imagePlaceholderCard:hover {
  background: #0f172ad9;
  border-color: #38bdf8a6;
}

.SetupMusicQuiz-module__KDO0PW__imageCardHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__imageCardTitle {
  color: #38bdf8;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: .74rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__btnRemoveImage {
  color: #fca5a5;
  cursor: pointer;
  z-index: 10;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0f172ad9;
  border: 1px solid #ef4444b3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1;
  transition: all .15s;
  display: flex;
  position: absolute;
  top: 5px;
  right: 5px;
}

.SetupMusicQuiz-module__KDO0PW__btnRemoveImage:hover {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
  transform: scale(1.1);
  box-shadow: 0 0 10px #ef444480;
}

.SetupMusicQuiz-module__KDO0PW__imageUploadDropzone {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #0000004d;
  border: 1px solid #ffffff0f;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 130px;
  transition: all .15s;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__imageUploadDropzone:hover {
  background: #38bdf814;
  border-color: #38bdf866;
}

.SetupMusicQuiz-module__KDO0PW__imageUploadIcon {
  font-size: 1.6rem;
}

.SetupMusicQuiz-module__KDO0PW__imageUploadText {
  color: #e2e8f0;
  font-size: .82rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__imageUploadHint {
  color: #64748b;
  letter-spacing: .04em;
  font-size: .68rem;
  font-weight: 600;
}

.SetupMusicQuiz-module__KDO0PW__imagePreviewWrap {
  border: 1.5px solid #38bdf866;
  border-radius: 8px;
  width: 100%;
  height: 130px;
  position: relative;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__imagePreviewImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: filter .2s, transform .2s;
  display: block;
}

.SetupMusicQuiz-module__KDO0PW__imagePixelated {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  filter: url("#preview-svg-pixelate-filter") contrast(140%) saturate(115%);
}

.SetupMusicQuiz-module__KDO0PW__imageDistorted {
  filter: url("#preview-svg-distort-filter") contrast(135%) hue-rotate(15deg);
  transform: scale(1.04);
}

.SetupMusicQuiz-module__KDO0PW__imageFloatingFxBar {
  z-index: 10;
  align-items: center;
  gap: 5px;
  display: flex;
  position: absolute;
  bottom: 6px;
  left: 6px;
}

.SetupMusicQuiz-module__KDO0PW__btnImageFxOnImage {
  color: #cbd5e1;
  cursor: pointer;
  -webkit-backdrop-filter: blur(6px);
  -webkit-user-select: none;
  user-select: none;
  background: #0f172ad1;
  border: 1px solid #fff3;
  border-radius: 6px;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  font-size: .68rem;
  font-weight: 800;
  transition: all .15s;
  display: inline-flex;
  box-shadow: 0 2px 8px #00000080;
}

.SetupMusicQuiz-module__KDO0PW__btnImageFxOnImage:hover {
  color: #fff;
  background: #1e293bf2;
  border-color: #fff6;
  transform: translateY(-1px);
}

.SetupMusicQuiz-module__KDO0PW__btnImageFxActivePixel {
  color: #fff !important;
  background: #0284c7d9 !important;
  border-color: #38bdf8 !important;
  font-weight: 900 !important;
  box-shadow: 0 0 10px #38bdf899 !important;
}

.SetupMusicQuiz-module__KDO0PW__btnImageFxActiveDistort {
  color: #fff !important;
  background: #7e22ced9 !important;
  border-color: #c084fc !important;
  font-weight: 900 !important;
  box-shadow: 0 0 10px #a855f799 !important;
}

.SetupMusicQuiz-module__KDO0PW__ansSectionTitle {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #cbd5e1;
  text-align: center;
  margin-top: 2px;
  font-size: .78rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__correctInputBox {
  color: #fff;
  text-align: center;
  background: #0006;
  border: 1.5px solid #38bdf880;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 8px 12px;
  font-size: .92rem;
  font-weight: 700;
  box-shadow: 0 0 12px #38bdf833;
}

.SetupMusicQuiz-module__KDO0PW__wrongOptionsWrap {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__wrongInputBox {
  color: #fca5a5;
  text-align: center;
  background: #0006;
  border: 1.5px solid #ef444480;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 7px 12px;
  font-size: .9rem;
  font-weight: 600;
  box-shadow: 0 0 10px #ef444433;
}

.SetupMusicQuiz-module__KDO0PW__wrongInputBox:focus {
  border-color: #ef4444;
  box-shadow: 0 0 16px #ef444466;
}

.SetupMusicQuiz-module__KDO0PW__answersFooter {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnRegenerate {
  color: #e2e8f0;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #fff3;
  border-radius: 9999px;
  padding: 5px 12px;
  font-size: .75rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__btnRegenerate:hover {
  color: #fff;
  background: #ffffff29;
}

.SetupMusicQuiz-module__KDO0PW__pointsColContent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding-top: 8px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__pointsDisplayBox {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__pointsDisplayLabel {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #94a3b8;
  font-size: .76rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__controlBadgeYellowLarge {
  width: 100%;
  font-size: 1.05rem;
  font-weight: 900;
  font-family: var(--font-mono, monospace);
  color: #facc15;
  background: #facc1526;
  border: 1.5px solid #eab308;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  display: inline-flex;
  box-shadow: 0 0 14px #eab30859;
}

.SetupMusicQuiz-module__KDO0PW__presetPointsGrid {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnPresetPoint {
  color: #cbd5e1;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  background: #111722;
  border: 1.5px solid #ffffff1f;
  border-radius: 10px;
  width: 100%;
  padding: 10px 0;
  font-size: .95rem;
  font-weight: 800;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__btnPresetPoint:hover {
  color: #fff;
  background: #facc1514;
  border-color: #facc1580;
}

.SetupMusicQuiz-module__KDO0PW__scoreAudioContent {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__audioNoteText {
  color: #94a3b8;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.25;
}

.SetupMusicQuiz-module__KDO0PW__controlSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__controlDivider {
  background: linear-gradient(90deg, #ffffff08 0%, #ffffff26 20% 80%, #ffffff08 100%);
  flex-shrink: 0;
  height: 1px;
  margin: 2px 0;
}

.SetupMusicQuiz-module__KDO0PW__controlHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__controlLabel {
  color: #e2e8f0;
  font-size: .88rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__controlBadgeGreen {
  min-width: 38px;
  height: 22px;
  font-size: .85rem;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  color: #4ade80;
  background: #4ade801f;
  border: 1.5px solid #22c55e;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  display: inline-flex;
  box-shadow: 0 0 10px #22c55e59;
}

.SetupMusicQuiz-module__KDO0PW__controlBadgeYellow {
  min-width: 44px;
  height: 22px;
  font-size: .88rem;
  font-weight: 800;
  font-family: var(--font-mono, monospace);
  color: #facc15;
  background: #facc151f;
  border: 1.5px solid #eab308;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  display: inline-flex;
  box-shadow: 0 0 12px #eab30866;
}

.SetupMusicQuiz-module__KDO0PW__presetBtnRow {
  gap: 4px;
  width: 100%;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnPreset {
  color: #94a3b8;
  cursor: pointer;
  text-align: center;
  background: #111722;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  flex: 1;
  padding: 5px 0;
  font-size: .76rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__btnPreset:hover {
  color: #fff;
  border-color: #ffffff4d;
}

.SetupMusicQuiz-module__KDO0PW__btnPresetActiveGreen {
  color: #fff;
  background: #15803d;
  border-color: #4ade80;
  box-shadow: 0 0 8px #4ade8066;
}

.SetupMusicQuiz-module__KDO0PW__btnPresetActiveYellow {
  color: #000;
  background: #eab308;
  border-color: #facc15;
  font-weight: 800;
  box-shadow: 0 0 10px #eab30899;
}

.SetupMusicQuiz-module__KDO0PW__toggleRow {
  background: #0b1019;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  gap: 4px;
  padding: 2px;
  display: inline-flex;
}

.SetupMusicQuiz-module__KDO0PW__toggleBtn {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: .75rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__toggleBtnOffActive {
  color: #fff;
  background: #dc2626;
  box-shadow: 0 0 8px #dc262680;
}

.SetupMusicQuiz-module__KDO0PW__toggleBtnOnActive {
  color: #fff;
  background: #16a34a;
  box-shadow: 0 0 8px #16a34a80;
}

.SetupMusicQuiz-module__KDO0PW__btnAudioPreview {
  cursor: pointer;
  color: #4ade80;
  background: #22c55e1f;
  border: 1.5px solid #22c55e66;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 6px 10px;
  font-size: .78rem;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__btnAudioPreview:hover {
  color: #86efac;
  background: #22c55e38;
  border-color: #22c55e;
  box-shadow: 0 0 10px #22c55e4d;
}

@media (max-width: 1200px) {
  .SetupMusicQuiz-module__KDO0PW__consoleDeck {
    grid-template-columns: repeat(3, 1fr);
    overflow-y: auto;
  }
}

.SetupMusicQuiz-module__KDO0PW__btnQuizStorage {
  color: #e0e7ff;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(#4f46e5 0%, #3730a3 50%, #312e81 100%);
  border: 1.5px solid #818cf8;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 22px;
  font-size: .95rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 14px #6366f159, inset 0 1px 1px #ffffff40;
}

.SetupMusicQuiz-module__KDO0PW__btnQuizStorage:hover {
  color: #fff;
  border-color: #a5b4fc;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #6366f199, 0 0 24px #6366f173;
}

.SetupMusicQuiz-module__KDO0PW__btnQuizStorage:active {
  transform: translateY(1px);
}

.SetupMusicQuiz-module__KDO0PW__modalOverlay {
  -webkit-backdrop-filter: blur(8px);
  z-index: 9999;
  background: #000000c7;
  justify-content: center;
  align-items: center;
  animation: .18s ease-out SetupMusicQuiz-module__KDO0PW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes SetupMusicQuiz-module__KDO0PW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.SetupMusicQuiz-module__KDO0PW__storageModalCard {
  color: #f1f5f9;
  background: #0f172a;
  border: 1px solid #38bdf84d;
  border-radius: 12px;
  flex-direction: column;
  gap: 18px;
  width: 92%;
  max-width: 640px;
  padding: 24px;
  animation: .18s ease-out SetupMusicQuiz-module__KDO0PW__scaleUp;
  display: flex;
  box-shadow: 0 20px 50px #000000d9, 0 0 25px #38bdf826;
}

@keyframes SetupMusicQuiz-module__KDO0PW__scaleUp {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.SetupMusicQuiz-module__KDO0PW__modalHeader {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 14px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__modalHeaderTitleGroup {
  align-items: center;
  gap: 12px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__modalIcon {
  font-size: 1.8rem;
  line-height: 1;
}

.SetupMusicQuiz-module__KDO0PW__modalTitle {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__modalSubtitle {
  color: #94a3b8;
  margin: 3px 0 0;
  font-size: .8rem;
}

.SetupMusicQuiz-module__KDO0PW__modalCloseBtn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  transition: all .15s;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__modalCloseBtn:hover:not(:disabled) {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
}

.SetupMusicQuiz-module__KDO0PW__storageLoading {
  text-align: center;
  color: #38bdf8;
  padding: 30px;
  font-size: .95rem;
  font-weight: 600;
}

.SetupMusicQuiz-module__KDO0PW__storageContent {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageStatsGrid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.SetupMusicQuiz-module__KDO0PW__storageStatCard {
  background: #1e293b99;
  border: 1px solid #ffffff0f;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageStatIcon {
  font-size: 1.5rem;
}

.SetupMusicQuiz-module__KDO0PW__storageStatMeta {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageStatLabel {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .72rem;
  font-weight: 600;
}

.SetupMusicQuiz-module__KDO0PW__storageStatVal {
  color: #f8fafc;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .85rem;
  font-weight: 700;
  overflow: hidden;
}

.SetupMusicQuiz-module__KDO0PW__storageStatBytes {
  color: #38bdf8;
  font-size: .75rem;
  font-weight: 700;
}

.SetupMusicQuiz-module__KDO0PW__storageTotalRow {
  color: #cbd5e1;
  background: #0f172acc;
  border: 1px dashed #38bdf859;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  font-size: .86rem;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageTotalRow strong {
  color: #38bdf8;
  font-size: 1.05rem;
}

.SetupMusicQuiz-module__KDO0PW__storageActionList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageActionItem {
  background: #1e293b66;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageActionItemDanger {
  background: #dc26260f;
  border-color: #dc262640;
}

.SetupMusicQuiz-module__KDO0PW__storageActionInfo {
  flex: 1;
}

.SetupMusicQuiz-module__KDO0PW__storageActionName {
  color: #f1f5f9;
  font-size: .88rem;
  font-weight: 700;
}

.SetupMusicQuiz-module__KDO0PW__storageActionDesc {
  color: #94a3b8;
  margin-top: 2px;
  font-size: .74rem;
  line-height: 1.35;
}

.SetupMusicQuiz-module__KDO0PW__storageActionBtn {
  color: #facc15;
  cursor: pointer;
  white-space: nowrap;
  background: #eab3081f;
  border: 1px solid #eab30859;
  border-radius: 6px;
  padding: 7px 14px;
  font-size: .8rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__storageActionBtn:hover:not(:disabled) {
  color: #fff;
  background: #eab30840;
  border-color: #facc15;
}

.SetupMusicQuiz-module__KDO0PW__storageActionBtn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.SetupMusicQuiz-module__KDO0PW__storageDangerBtn {
  color: #f87171;
  cursor: pointer;
  white-space: nowrap;
  background: #ef44441f;
  border: 1px solid #ef444466;
  border-radius: 6px;
  padding: 7px 14px;
  font-size: .8rem;
  font-weight: 700;
  transition: all .15s;
}

.SetupMusicQuiz-module__KDO0PW__storageDangerBtn:hover:not(:disabled) {
  color: #fff;
  background: #dc2626;
  border-color: #dc2626;
  box-shadow: 0 0 12px #dc262666;
}

.SetupMusicQuiz-module__KDO0PW__storageConfirmGroup {
  align-items: center;
  gap: 6px;
  display: flex;
}

.SetupMusicQuiz-module__KDO0PW__storageConfirmBtn {
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  background: #eab308;
  border: 1px solid #ca8a04;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: .78rem;
  font-weight: 800;
}

.SetupMusicQuiz-module__KDO0PW__storageDangerConfirmBtn {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: #dc2626;
  border: 1px solid #b91c1c;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: .78rem;
  font-weight: 800;
  animation: 1s infinite alternate SetupMusicQuiz-module__KDO0PW__pulse;
}

@keyframes SetupMusicQuiz-module__KDO0PW__pulse {
  from {
    opacity: .9;
  }

  to {
    opacity: 1;
    transform: scale(1.02);
  }
}

.SetupMusicQuiz-module__KDO0PW__storageCancelBtn {
  color: #cbd5e1;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff14;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: .78rem;
}

.SetupMusicQuiz-module__KDO0PW__storageCancelBtn:hover:not(:disabled) {
  color: #fff;
  background: #ffffff2e;
}

/* [project]/src/app/dj/components/LiveShowConsole.module.css [app-client] (css) */
.LiveShowConsole-module__1gbZAG__container {
  color: #f1f5f9;
  width: 100vw;
  height: 100vh;
  font-family: var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
  background-color: #07090e;
  background-image: radial-gradient(at 50% 0, #14233c80 0%, #0000 60%), radial-gradient(circle at 10% 20%, #0ea5e90d 0%, #0000 40%), radial-gradient(circle at 90% 80%, #ec48990d 0%, #0000 40%), linear-gradient(#090c13 0%, #05070a 100%);
  flex-direction: column;
  margin: 0;
  padding: 12px 20px 16px;
  display: flex;
  overflow: hidden;
}

.LiveShowConsole-module__1gbZAG__header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  padding: 4px 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__topLeftArea {
  align-items: center;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__homeBtn {
  color: #94a3b8;
  cursor: pointer;
  background: linear-gradient(145deg, #1e2638 0%, #111624 100%);
  border: 1.5px solid #ffffff1f;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 12px #00000080, inset 0 1px 1px #ffffff26;
}

.LiveShowConsole-module__1gbZAG__homeBtn:hover {
  color: #fff;
  border-color: #ffffff4d;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px #0009;
}

.LiveShowConsole-module__1gbZAG__btnLock:hover {
  color: #f87171 !important;
  background: #ef444426 !important;
  border-color: #f8717180 !important;
  box-shadow: 0 0 16px #ef444466 !important;
}

.LiveShowConsole-module__1gbZAG__btnMusicTab:hover {
  color: #fb923c;
  border-color: #fb923c80;
  box-shadow: 0 0 14px #fb923c59;
}

.LiveShowConsole-module__1gbZAG__btnQuestionsTab:hover {
  color: #38bdf8;
  border-color: #38bdf880;
  box-shadow: 0 0 14px #38bdf859;
}

.LiveShowConsole-module__1gbZAG__navTabs {
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__tabPill {
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  border: 1.5px solid #0000;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 44px;
  padding: 0 18px;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 12px #0006, inset 0 1px 1px #ffffff26;
}

.LiveShowConsole-module__1gbZAG__tabPillMuted {
  color: #94a3b8;
  background: linear-gradient(#1e2538 0%, #121724 100%);
  border-color: #ffffff1a;
}

.LiveShowConsole-module__1gbZAG__tabPillMuted:hover {
  color: #f1f5f9;
  border-color: #ffffff40;
  transform: translateY(-1px);
}

.LiveShowConsole-module__1gbZAG__tabPillLiveActive {
  color: #fff;
  background: linear-gradient(#991b1b 0%, #7f1d1d 50%, #450a0a 100%);
  border-color: #f87171;
  box-shadow: 0 0 18px #ef444480, inset 0 1px 1px #ffffff4d;
}

.LiveShowConsole-module__1gbZAG__liveBeacon {
  background-color: #ef4444;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 1.4s ease-in-out infinite LiveShowConsole-module__1gbZAG__pulseBeacon;
  display: inline-block;
  box-shadow: 0 0 8px #ef4444;
}

@keyframes LiveShowConsole-module__1gbZAG__pulseBeacon {
  0% {
    opacity: .7;
    transform: scale(.9);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
    box-shadow: 0 0 12px #ff4d4d;
  }

  100% {
    opacity: .7;
    transform: scale(.9);
  }
}

.LiveShowConsole-module__1gbZAG__headerTitle {
  letter-spacing: -.02em;
  background: linear-gradient(#fff 0%, #cbd5e1 55%, #64748b 100%);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 8px #000c);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-background-clip: text;
  margin: 0;
  font-size: 2.1rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__clockPill {
  height: 44px;
  font-family: var(--font-mono, monospace);
  color: #fff;
  letter-spacing: .04em;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#182234 0%, #0d131f 100%);
  border: 1.5px solid #38bdf866;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-size: 1.15rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 4px 14px #00000080, inset 0 1px 1px #ffffff26;
}

.LiveShowConsole-module__1gbZAG__clockIcon {
  color: #38bdf8;
  opacity: .95;
  align-items: center;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__gameCountdownPill {
  height: 44px;
  font-family: var(--font-mono, monospace);
  color: #c084fc;
  letter-spacing: .03em;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#241a38 0%, #130d20 100%);
  border: 1.5px solid #a855f773;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-size: 1.1rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 14px #00000080, inset 0 1px 1px #ffffff26;
}

.LiveShowConsole-module__1gbZAG__gameCountdownPill:hover {
  border-color: #c084fc;
  box-shadow: 0 0 16px #c084fc59;
}

.LiveShowConsole-module__1gbZAG__gameCountdownLabel {
  text-transform: uppercase;
  color: #c084fc;
  letter-spacing: .06em;
  font-size: .78rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__gameCountdownValue {
  color: #fff;
  letter-spacing: .04em;
  font-size: 1.18rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__topRightArea {
  align-items: center;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnOutLink {
  color: #94a3b8;
  cursor: pointer;
  background: linear-gradient(#1b2234 0%, #111624 100%);
  border: 1.5px solid #ffffff1a;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 14px;
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 10px #0000004d;
}

.LiveShowConsole-module__1gbZAG__btnOutLink:hover {
  color: #38bdf8;
  border-color: #38bdf8;
  transform: translateY(-1px);
  box-shadow: 0 0 14px #38bdf84d;
}

.LiveShowConsole-module__1gbZAG__btnClassicToggle {
  color: #94a3b8;
  cursor: pointer;
  background: #1e293b66;
  border: 1px dashed #94a3b84d;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  font-size: .82rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__btnClassicToggle:hover {
  color: #fff;
  background: #1e293bcc;
  border-color: #94a3b8;
}

.LiveShowConsole-module__1gbZAG__subHeaderBar {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  white-space: nowrap;
  scrollbar-width: none;
  box-sizing: border-box;
  background: linear-gradient(#141b29d9 0%, #0d121cf2 100%);
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  margin-bottom: 8px;
  padding: 5px 12px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 8px 24px #0006, inset 0 1px 1px #ffffff14;
}

.LiveShowConsole-module__1gbZAG__subHeaderBar::-webkit-scrollbar {
  display: none;
}

.LiveShowConsole-module__1gbZAG__subHeaderLeft {
  flex-wrap: nowrap;
  flex-shrink: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__phaseBadge {
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  font-size: .82rem;
  font-weight: 900;
  display: inline-flex;
  box-shadow: 0 2px 10px #0006;
}

.LiveShowConsole-module__1gbZAG__phaseBadgeLobby {
  color: #38bdf8;
  background: #0ea5e926;
  border: 1.5px solid #38bdf8;
}

.LiveShowConsole-module__1gbZAG__phaseBadgeRoundIntro {
  color: #fb7185;
  background: #f43f5e26;
  border: 1.5px solid #f43f5e;
  animation: 1.5s infinite alternate LiveShowConsole-module__1gbZAG__pulseAmber;
}

.LiveShowConsole-module__1gbZAG__phaseBadgeQuestion {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1.5px solid #fbbf24;
  animation: 1.5s infinite alternate LiveShowConsole-module__1gbZAG__pulseAmber;
}

.LiveShowConsole-module__1gbZAG__phaseBadgeReveal {
  color: #22c55e;
  background: #22c55e26;
  border: 1.5px solid #22c55e;
}

.LiveShowConsole-module__1gbZAG__phaseBadgeLeaderboard {
  color: #ec4899;
  background: #ec489926;
  border: 1.5px solid #ec4899;
}

@keyframes LiveShowConsole-module__1gbZAG__pulseAmber {
  from {
    box-shadow: 0 0 6px #f59e0b4d;
  }

  to {
    box-shadow: 0 0 16px #f59e0b99;
  }
}

.LiveShowConsole-module__1gbZAG__metaPill {
  color: #94a3b8;
  white-space: nowrap;
  background: #0f172ad9;
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  font-size: .95rem;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 2px 8px #0000004d;
}

.LiveShowConsole-module__1gbZAG__metaPill strong {
  color: #fff;
  letter-spacing: .02em;
  font-size: 1.05rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__metaPillTheme strong, .LiveShowConsole-module__1gbZAG__metaPillVenue strong {
  white-space: nowrap;
  display: inline;
}

.LiveShowConsole-module__1gbZAG__subHeaderCenter {
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__togglePill {
  color: #94a3b8;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  background: #0f172a99;
  border: 1px solid #ffffff1a;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: .76rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__togglePill:hover {
  color: #e2e8f0;
  background: #1e293bcc;
  border-color: #ffffff40;
}

.LiveShowConsole-module__1gbZAG__togglePillActive {
  color: #4ade80;
  background: #22c55e2e;
  border-color: #22c55e;
  box-shadow: 0 0 8px #22c55e40;
}

.LiveShowConsole-module__1gbZAG__subHeaderRight {
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnActionSmall {
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__btnSync {
  color: #38bdf8;
  background: linear-gradient(#1e293b 0%, #0f172a 100%);
  border: 1px solid #38bdf8;
}

.LiveShowConsole-module__1gbZAG__btnSync:hover {
  background: #38bdf826;
  box-shadow: 0 0 12px #38bdf84d;
}

.LiveShowConsole-module__1gbZAG__btnResetShow {
  color: #fca5a5;
  background: linear-gradient(#7f1d1d 0%, #450a0a 100%);
  border: 1px solid #f87171;
}

.LiveShowConsole-module__1gbZAG__btnResetShow:hover {
  color: #fff;
  border-color: #ef4444;
  box-shadow: 0 0 14px #ef444466;
}

.LiveShowConsole-module__1gbZAG__cockpitGrid {
  flex: 1;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  width: 100%;
  min-height: 0;
  display: grid;
}

@media (max-width: 1100px) {
  .LiveShowConsole-module__1gbZAG__cockpitGrid {
    grid-template-columns: 1fr;
  }
}

.LiveShowConsole-module__1gbZAG__mainStageCard {
  background: linear-gradient(145deg, #141b29f2 0%, #0b0f17fa 100%);
  border: 1.5px solid #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-height: 0;
  padding: 12px 18px 16px;
  display: flex;
  position: relative;
  overflow: hidden auto;
  box-shadow: 0 12px 32px #00000080, inset 0 1px 1px #ffffff1a;
}

.LiveShowConsole-module__1gbZAG__lobbyStage {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 860px;
  margin: auto 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__headphonesVisualizer {
  filter: drop-shadow(0 0 24px #38bdf866);
  font-size: 4.5rem;
  animation: 3s ease-in-out infinite LiveShowConsole-module__1gbZAG__floatHeadphones;
}

@keyframes LiveShowConsole-module__1gbZAG__floatHeadphones {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

.LiveShowConsole-module__1gbZAG__lobbyTitle {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 3.2rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__lobbyDesc {
  color: #cbd5e1;
  max-width: 780px;
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.6;
}

.LiveShowConsole-module__1gbZAG__lobbyDesc strong {
  color: #38bdf8;
}

.LiveShowConsole-module__1gbZAG__lobbyStatsRow {
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin: 12px 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__lobbyBadge {
  color: #f1f5f9;
  background: #0f172ad9;
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  font-size: 1.25rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 4px 14px #0000004d;
}

.LiveShowConsole-module__1gbZAG__lobbyBadge span {
  font-size: 1.5rem;
}

.LiveShowConsole-module__1gbZAG__btnStartShowLarge {
  letter-spacing: .02em;
  color: #032030;
  cursor: pointer;
  background: linear-gradient(#38bdf8 0%, #0284c7 100%);
  border: 2px solid #7dd3fc;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 58px;
  margin-top: 10px;
  padding: 0 42px;
  font-size: 1.15rem;
  font-weight: 900;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 0 30px #38bdf880, inset 0 1px 1px #fff6;
}

.LiveShowConsole-module__1gbZAG__btnStartShowLarge:hover {
  color: #000;
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 0 45px #38bdf8bf, inset 0 1px 2px #fff9;
}

.LiveShowConsole-module__1gbZAG__btnStartShowLarge:active {
  transform: translateY(1px);
}

.LiveShowConsole-module__1gbZAG__btnSkipRoundLarge {
  letter-spacing: .02em;
  color: #cbd5e1;
  cursor: pointer;
  background: linear-gradient(#334155 0%, #1e293b 100%);
  border: 1.5px solid #fff3;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 58px;
  margin-top: 10px;
  padding: 0 34px;
  font-size: 1.15rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 16px #00000059;
}

.LiveShowConsole-module__1gbZAG__btnReturnLobbyLarge {
  letter-spacing: .02em;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
  border: 2px solid #60a5fa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 58px;
  margin-top: 10px;
  padding: 0 42px;
  font-size: 1.15rem;
  font-weight: 900;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 0 30px #2563eb8c, inset 0 1px 1px #fff6;
}

.LiveShowConsole-module__1gbZAG__btnReturnLobbyLarge:hover {
  color: #fff;
  background: linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%);
  border-color: #93c5fd;
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 0 45px #38bdf8bf, inset 0 1px 2px #fff9;
}

.LiveShowConsole-module__1gbZAG__btnReturnLobbyLarge:active {
  transform: translateY(1px);
}

.LiveShowConsole-module__1gbZAG__startShowProgressBar {
  background: linear-gradient(90deg, #38bdf800 0%, #38bdf8cc 50%, #38bdf800 100%) 0 0 / 200% 100%;
  border-radius: 3px;
  width: 100%;
  height: 6px;
  margin-top: 8px;
  animation: 1.5s linear infinite LiveShowConsole-module__1gbZAG__startShowProgressAnim;
}

@keyframes LiveShowConsole-module__1gbZAG__startShowProgressAnim {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

.LiveShowConsole-module__1gbZAG__btnSkipRoundLarge:hover:not(:disabled) {
  color: #fff;
  border-color: #fff6;
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 6px 20px #00000080;
}

.LiveShowConsole-module__1gbZAG__btnSkipRoundLarge:active:not(:disabled) {
  transform: translateY(1px);
}

.LiveShowConsole-module__1gbZAG__btnSkipRoundLarge:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.LiveShowConsole-module__1gbZAG__roundIntroStage {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 980px;
  margin: auto 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__roundIntroPill {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fbbf24;
  background: #f59e0b2e;
  border: 2px solid #f59e0b;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  font-size: .95rem;
  font-weight: 900;
  display: inline-flex;
  box-shadow: 0 0 16px #f59e0b40;
}

.LiveShowConsole-module__1gbZAG__roundIntroTitle {
  color: #fff;
  letter-spacing: -.02em;
  text-shadow: 0 4px 20px #0009;
  margin: 0;
  font-size: 2.8rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__roundIntroTheme {
  color: #38bdf8;
  text-shadow: 0 0 16px #38bdf866;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__roundIntroDesc {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  margin: 4px 0 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__roundIntroAnnounce {
  color: #94a3b8;
  font-size: 1.25rem;
  line-height: 1.4;
}

.LiveShowConsole-module__1gbZAG__roundIntroQ1Notice {
  color: #cbd5e1;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1.4;
}

.LiveShowConsole-module__1gbZAG__trackPreviewCard {
  box-sizing: border-box;
  text-align: left;
  background: linear-gradient(145deg, #111827 0%, #0b0f19 100%);
  border: 1px solid #ffffff14;
  border-top: 1.5px solid #38bdf866;
  border-radius: 18px;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 760px;
  padding: 18px 24px;
  display: flex;
  box-shadow: 0 16px 36px #0000008c, 0 0 24px #38bdf814;
}

.LiveShowConsole-module__1gbZAG__trackPreviewHeader {
  border-bottom: 1px solid #ffffff12;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__trackPreviewLabel {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #38bdf8;
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  font-size: .98rem;
  font-weight: 900;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__trackPreviewBadges {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__previewEffectBadgeOrange {
  color: #ff8533;
  letter-spacing: .03em;
  white-space: nowrap;
  background: #ff6b0024;
  border: 1.5px solid #ff6b008c;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  font-size: .9rem;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 0 10px #ff6b0040;
}

.LiveShowConsole-module__1gbZAG__previewSpeedTagOrange {
  color: #0b1019;
  text-transform: uppercase;
  background: #ff6b00;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .78rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__previewEffectBadgeGreen {
  color: #4ade80;
  letter-spacing: .03em;
  white-space: nowrap;
  background: #22c55e24;
  border: 1.5px solid #4ade808c;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  font-size: .9rem;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 0 10px #4ade8040;
}

.LiveShowConsole-module__1gbZAG__previewSpeedTagGreen {
  color: #0b1019;
  text-transform: uppercase;
  background: #22c55e;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .78rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__previewPointsBadge {
  color: #facc15;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #eab30824;
  border: 1.5px solid #eab30873;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: .92rem;
  font-weight: 900;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__previewTypeBadge {
  color: #38bdf8;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #38bdf824;
  border: 1.5px solid #38bdf873;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: .92rem;
  font-weight: 900;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__previewSilentBadge {
  color: #f87171;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #ef444424;
  border: 1.5px solid #ef444473;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: .92rem;
  font-weight: 900;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__previewSkipBadge {
  color: #c084fc;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #c084fc24;
  border: 1.5px solid #c084fc73;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: .92rem;
  font-weight: 900;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__trackPreviewContentRow {
  align-items: center;
  gap: 16px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__trackPreviewThumb {
  object-fit: cover;
  border: 1.5px solid #ffffff26;
  border-radius: 8px;
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  box-shadow: 0 4px 12px #0006;
}

.LiveShowConsole-module__1gbZAG__trackPreviewBody {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__trackPreviewTitle {
  color: #fff;
  letter-spacing: -.01em;
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1.25;
}

.LiveShowConsole-module__1gbZAG__trackPreviewArtist {
  color: #94a3b8;
  align-items: center;
  gap: 6px;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__trackPreviewDot {
  color: #475569;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__questionStage {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__questionTopBar {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__roundQuestionHeading {
  color: #f1f5f9;
  letter-spacing: .04em;
  word-spacing: .15em;
  align-items: center;
  gap: 8px;
  font-size: 1.55rem;
  font-weight: 900;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__themeBadge {
  color: #38bdf8;
  background: #38bdf81f;
  border: 1px solid #38bdf84d;
  border-radius: 9999px;
  padding: 4px 14px;
  font-size: 1.1rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__pointsBadgeHeader {
  color: #fef08a;
  letter-spacing: .04em;
  word-spacing: .15em;
  white-space: nowrap;
  background: linear-gradient(135deg, #eab30838 0%, #ca8a041f 100%);
  border: 1.5px solid #eab308;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  padding: 6px 18px;
  font-size: 1.3rem;
  font-weight: 900;
  display: inline-flex;
  box-shadow: 0 0 14px #eab30833;
}

.LiveShowConsole-module__1gbZAG__compereForPointsCallout {
  color: #fde047;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #eab30833;
  border: 1.5px solid #eab30873;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  padding: 4px 18px;
  font-size: 1.15rem;
  font-weight: 900;
  display: inline-flex;
  box-shadow: 0 0 14px #eab30833;
}

.LiveShowConsole-module__1gbZAG__correctAnswerHeaderRow {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__timerImageContainer {
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-height: 130px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__timerImageContainer .LiveShowConsole-module__1gbZAG__timerCockpit {
  flex: 1;
  min-width: 0;
}

.LiveShowConsole-module__1gbZAG__questionImage {
  aspect-ratio: 1;
  object-fit: cover;
  box-sizing: border-box;
  background: #0a0e16d9;
  border: 1.5px solid #ffffff1f;
  border-radius: 16px;
  flex-shrink: 0;
  height: 100%;
  transition: filter .2s, transform .2s;
  box-shadow: inset 0 2px 10px #0009, 0 0 0 1.5px #38bdf840;
}

.LiveShowConsole-module__1gbZAG__imagePixelated {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  filter: contrast(var(--fx-contrast, 140%)) saturate(var(--fx-saturate, 115%));
  transition: filter .2s, transform .2s;
}

.LiveShowConsole-module__1gbZAG__imageDistorted {
  filter: url("#svg-distort-filter") contrast(var(--fx-contrast, 135%)) hue-rotate(var(--fx-hue, 15deg));
  transform: scale(var(--fx-scale, 1.04));
  transition: filter .2s, transform .2s;
}

.LiveShowConsole-module__1gbZAG__timerCockpit {
  box-sizing: border-box;
  background: #0a0e16bf;
  border: 1.5px solid #ffffff14;
  border-radius: 16px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 0;
  padding: 8px 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 2px 10px #0009;
}

.LiveShowConsole-module__1gbZAG__btnTimerAdjust {
  letter-spacing: .02em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1.5px solid #ffffff2e;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 18px;
  font-size: 1.05rem;
  font-weight: 850;
  transition: all .18s;
  display: inline-flex;
  box-shadow: 0 4px 14px #0006;
}

.LiveShowConsole-module__1gbZAG__btnTimerAdjust:active {
  transform: scale(.94);
}

.LiveShowConsole-module__1gbZAG__btnTimerAdjustMinus {
  color: #fca5a5;
  background: linear-gradient(#ef444438 0%, #b91c1c4d 100%);
  border-color: #ef444480;
}

.LiveShowConsole-module__1gbZAG__btnTimerAdjustMinus:hover {
  color: #fff;
  background: linear-gradient(#ef444466 0%, #b91c1c80 100%);
  border-color: #ef4444;
  box-shadow: 0 0 16px #ef444473;
}

.LiveShowConsole-module__1gbZAG__btnTimerAdjustPlus {
  color: #7dd3fc;
  background: linear-gradient(#38bdf838 0%, #0284c74d 100%);
  border-color: #38bdf880;
}

.LiveShowConsole-module__1gbZAG__btnTimerAdjustPlus:hover {
  color: #fff;
  background: linear-gradient(#38bdf866 0%, #0284c780 100%);
  border-color: #38bdf8;
  box-shadow: 0 0 16px #38bdf873;
}

.LiveShowConsole-module__1gbZAG__countdownDisplay {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  transition: color .2s;
  display: flex;
  text-shadow: none !important;
  filter: none !important;
  font-size: clamp(8rem, 18vh, 13rem) !important;
  font-weight: 950 !important;
  line-height: .88 !important;
}

.LiveShowConsole-module__1gbZAG__countdownUrgent {
  animation: .8s infinite alternate LiveShowConsole-module__1gbZAG__pulseUrgent;
  color: #ef4444 !important;
}

.LiveShowConsole-module__1gbZAG__countdownWarning {
  color: #f59e0b !important;
}

.LiveShowConsole-module__1gbZAG__countdownNormal {
  color: #38bdf8 !important;
}

@keyframes LiveShowConsole-module__1gbZAG__pulseUrgent {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.04);
  }
}

.LiveShowConsole-module__1gbZAG__questionPromptBox {
  text-align: center;
  box-sizing: border-box;
  background: linear-gradient(#1e293b99 0%, #0f172acc 100%);
  border: 1.5px solid #ffffff1f;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  padding: 12px 24px;
  display: flex;
  box-shadow: 0 4px 16px #0000004d;
}

.LiveShowConsole-module__1gbZAG__questionPromptText {
  color: #fff;
  letter-spacing: -.01em;
  text-shadow: 0 2px 12px #0009;
  margin: 0;
  font-size: clamp(2.5rem, 3.8vw, 3.4rem);
  font-weight: 900;
  line-height: 1.2;
}

.LiveShowConsole-module__1gbZAG__audioDeck {
  box-sizing: border-box;
  background: linear-gradient(#111726 0%, #0c101c 100%);
  border: 1.5px solid #38bdf840;
  border-radius: 14px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  padding: 10px 16px;
  display: flex;
  box-shadow: 0 6px 20px #0006;
}

.LiveShowConsole-module__1gbZAG__audioHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__audioSongInfo {
  flex-direction: column;
  gap: 2px;
  width: 100%;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__audioTitleRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__audioTitle {
  color: #f1f5f9;
  letter-spacing: -.01em;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.2;
}

.LiveShowConsole-module__1gbZAG__audioInlinePills {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__audioArtistHighlight {
  color: #ffd600;
  text-shadow: 0 0 14px #ffd60059;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__audioTitleSeparator {
  color: #64748b;
  margin: 0 8px;
  font-weight: 600;
}

.LiveShowConsole-module__1gbZAG__audioSongTitleText {
  color: #fff;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__audioArtistYear {
  color: #94a3b8;
  margin-top: 1px;
  font-size: 1rem;
  font-weight: 600;
}

.LiveShowConsole-module__1gbZAG__audioMetadataPills {
  gap: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__metaChip {
  color: #e2e8f0;
  letter-spacing: .02em;
  white-space: nowrap;
  background: #ffffff1a;
  border: 1px solid #ffffff2e;
  border-radius: 10px;
  padding: 4px 14px;
  font-size: 2rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__silentChip {
  color: #fca5a5;
  letter-spacing: .03em;
  background: #ef444433;
  border: 1px solid #ef444473;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: .85rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__silentUnmuteBtn {
  color: #fca5a5;
  letter-spacing: .03em;
  cursor: pointer;
  white-space: nowrap;
  background: #ef444440;
  border: 1.5px solid #ef4444b3;
  border-radius: 9999px;
  flex-shrink: 1;
  align-items: center;
  height: 52px;
  padding: 0 16px;
  font-size: 1rem;
  font-weight: 800;
  transition: all .18s;
  animation: 1.6s ease-in-out infinite LiveShowConsole-module__1gbZAG__silentPulse;
  display: inline-flex;
  box-shadow: 0 6px 18px #00000073;
}

.LiveShowConsole-module__1gbZAG__silentUnmuteBtn:hover {
  color: #fff;
  background: #ef444480;
  border-color: #ef4444;
  animation: none;
  box-shadow: 0 0 14px #ef44448c;
}

@keyframes LiveShowConsole-module__1gbZAG__silentPulse {
  0%, 100% {
    box-shadow: 0 0 #ef444400;
  }

  50% {
    box-shadow: 0 0 10px 3px #ef444466;
  }
}

.LiveShowConsole-module__1gbZAG__silentChipUnmuted {
  color: #86efac;
  letter-spacing: .03em;
  white-space: nowrap;
  background: #22c55e33;
  border: 1.5px solid #22c55e80;
  border-radius: 9999px;
  flex-shrink: 1;
  align-items: center;
  height: 52px;
  padding: 0 16px;
  font-size: 1rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 6px 18px #00000073;
}

.LiveShowConsole-module__1gbZAG__audioControlsRow {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__playPauseBtn {
  color: #032030;
  cursor: pointer;
  background: linear-gradient(#38bdf8 0%, #0284c7 100%);
  border: 2px solid #7dd3fc;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.25rem;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 16px #38bdf866;
}

.LiveShowConsole-module__1gbZAG__playPauseBtn:hover {
  transform: scale(1.08);
  box-shadow: 0 0 24px #38bdf899;
}

.LiveShowConsole-module__1gbZAG__waveformScrubber {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__scrubberTime {
  color: #cbd5e1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  letter-spacing: .02em;
  font-size: 1.4rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__scrubberInput {
  accent-color: #38bdf8;
  cursor: pointer;
  border-radius: 4px;
  flex: 1;
  width: 100%;
  height: 8px;
}

.LiveShowConsole-module__1gbZAG__audioVolumeWrapper {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__volumeIcon {
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__audioVolumeSlider {
  accent-color: #38bdf8;
  cursor: pointer;
  border-radius: 4px;
  width: 90px;
  height: 8px;
}

.LiveShowConsole-module__1gbZAG__reversePillDeck {
  color: #ff8533;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #ff6b0026;
  border: 1.5px solid #ff6b00b3;
  border-radius: 14px;
  align-items: center;
  gap: 6px;
  padding: 2.5px 10px;
  font-size: .8rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 0 12px #ff6b0059;
}

.LiveShowConsole-module__1gbZAG__reverseSpeedBadge {
  color: #0b1019;
  text-transform: uppercase;
  background: #ff6b00;
  border-radius: 6px;
  padding: 1px 6px;
  font-size: .72rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__chipmunkPillDeck {
  color: #4ade80;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #22c55e26;
  border: 1.5px solid #4ade80b3;
  border-radius: 14px;
  align-items: center;
  gap: 6px;
  padding: 2.5px 10px;
  font-size: .8rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: 0 0 12px #4ade8059;
}

.LiveShowConsole-module__1gbZAG__chipmunkSpeedBadge {
  color: #0b1019;
  text-transform: uppercase;
  background: #22c55e;
  border-radius: 6px;
  padding: 1px 6px;
  font-size: .72rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__patronResponseSection {
  background: #0f172a80;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 12px 16px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__responseMeta {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__responseTrack {
  background: #ffffff1a;
  border-radius: 9999px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.LiveShowConsole-module__1gbZAG__responseFill {
  background: linear-gradient(90deg, #38bdf8 0%, #22c55e 100%);
  border-radius: 9999px;
  height: 100%;
  transition: width .3s;
}

.LiveShowConsole-module__1gbZAG__stageActionRow {
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnStagePrimary {
  cursor: pointer;
  white-space: nowrap;
  border-radius: 9999px;
  flex-shrink: 1;
  align-items: center;
  gap: 8px;
  height: 52px;
  padding: 0 28px;
  font-size: 1.15rem;
  font-weight: 850;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 6px 18px #00000073;
}

.LiveShowConsole-module__1gbZAG__btnReveal {
  color: #fff;
  background: linear-gradient(#10b981 0%, #059669 100%);
  border: 1.5px solid #34d399;
  box-shadow: 0 0 20px #10b98166;
}

.LiveShowConsole-module__1gbZAG__btnReveal:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 28px #10b981a6;
}

.LiveShowConsole-module__1gbZAG__btnFinishLiveShow, .LiveShowConsole-module__1gbZAG__leaderboardStage .LiveShowConsole-module__1gbZAG__btnFinishLiveShow, .LiveShowConsole-module__1gbZAG__revealStage .LiveShowConsole-module__1gbZAG__btnFinishLiveShow {
  color: #fff !important;
  background: #dc2626 linear-gradient(#ef4444 0%, #dc2626 100%) !important;
  border: 1.5px solid #f87171 !important;
  box-shadow: 0 0 24px #ef4444a6, inset 0 1px 1px #fff6 !important;
}

.LiveShowConsole-module__1gbZAG__btnFinishLiveShow:hover, .LiveShowConsole-module__1gbZAG__leaderboardStage .LiveShowConsole-module__1gbZAG__btnFinishLiveShow:hover, .LiveShowConsole-module__1gbZAG__revealStage .LiveShowConsole-module__1gbZAG__btnFinishLiveShow:hover {
  transform: translateY(-2px);
  color: #fff !important;
  background: #dc2626 linear-gradient(#f87171 0%, #dc2626 100%) !important;
  border-color: #fca5a5 !important;
  box-shadow: 0 0 32px #ef4444d9, inset 0 1px 1px #ffffff80 !important;
}

.LiveShowConsole-module__1gbZAG__btnFinishLiveShow:active, .LiveShowConsole-module__1gbZAG__leaderboardStage .LiveShowConsole-module__1gbZAG__btnFinishLiveShow:active, .LiveShowConsole-module__1gbZAG__revealStage .LiveShowConsole-module__1gbZAG__btnFinishLiveShow:active {
  transform: translateY(0);
  background: #991c1c linear-gradient(#dc2626 0%, #991c1c 100%) !important;
}

.LiveShowConsole-module__1gbZAG__btnPause {
  color: #cbd5e1;
  background: linear-gradient(#334155 0%, #1e293b 100%);
  border: 1.5px solid #fff3;
}

.LiveShowConsole-module__1gbZAG__btnPause:hover {
  color: #fff;
  border-color: #fff6;
}

.LiveShowConsole-module__1gbZAG__btnResumePulse {
  animation: 1.2s ease-in-out infinite alternate LiveShowConsole-module__1gbZAG__pulseResumeTimer;
  color: #fff !important;
  background: linear-gradient(#d97706 0%, #b45309 100%) !important;
  border: 1.5px solid #fbbf24 !important;
}

.LiveShowConsole-module__1gbZAG__btnResumePulse:hover {
  color: #fff !important;
  background: linear-gradient(#f59e0b 0%, #d97706 100%) !important;
  border-color: #fde68a !important;
}

@keyframes LiveShowConsole-module__1gbZAG__pulseResumeTimer {
  0% {
    transform: scale(1);
    box-shadow: 0 0 6px #f59e0b4d, inset 0 1px 1px #ffffff4d;
  }

  100% {
    transform: scale(1.02);
    box-shadow: 0 0 24px #f59e0b99, inset 0 1px 1px #ffffff80;
  }
}

.LiveShowConsole-module__1gbZAG__btnPlaying {
  color: #fff;
  background: linear-gradient(#0284c7 0%, #0369a1 100%);
  border: 1.5px solid #38bdf8;
  box-shadow: 0 0 20px #38bdf88c;
}

.LiveShowConsole-module__1gbZAG__btnPlaying:hover {
  background: linear-gradient(#0369a1 0%, #075985 100%);
  border-color: #7dd3fc;
}

.LiveShowConsole-module__1gbZAG__revealStage {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.LiveShowConsole-module__1gbZAG__revealBannerPill {
  font-family: var(--font-mono, monospace);
  letter-spacing: .08em;
  color: #f70;
  text-transform: uppercase;
  box-sizing: border-box;
  background: #ff77001f;
  border: 2px solid #ff770080;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 42px;
  margin: 0;
  padding: 0 24px;
  font-size: 1.25rem;
  font-weight: 950;
  display: inline-flex;
  box-shadow: 0 0 22px #ff770040;
}

.LiveShowConsole-module__1gbZAG__revealPointsBadge {
  letter-spacing: .05em;
  word-spacing: .25em;
  color: #fef08a;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(135deg, #eab30838 0%, #ca8a041f 100%);
  border: 2px solid #eab308;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 42px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 24px;
  font-size: 1.2rem;
  font-weight: 950;
  display: inline-flex;
  box-shadow: 0 0 16px #eab30840;
}

.LiveShowConsole-module__1gbZAG__revealPromptText {
  color: #fff;
  letter-spacing: -.01em;
  text-shadow: 0 0 24px #fff3;
  max-width: 980px;
  margin: 4px 0;
  font-size: clamp(2.4rem, 3.2vw, 3.4rem);
  font-weight: 950;
  line-height: 1.15;
}

.LiveShowConsole-module__1gbZAG__revealAnswerImageContainer {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 1400px;
  margin: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__revealAnswerImageContainer .LiveShowConsole-module__1gbZAG__revealedAnswerBox {
  flex: 1;
  min-width: 0;
  max-width: 1400px;
}

.LiveShowConsole-module__1gbZAG__revealQuestionImage {
  object-fit: cover;
  box-sizing: border-box;
  background: #0a0e16bf;
  border: 2.5px solid #22c55e;
  border-radius: 24px;
  flex-shrink: 0;
  width: 154px;
  min-width: 154px;
  max-width: 154px;
  height: 154px;
  min-height: 154px;
  max-height: 154px;
  box-shadow: 0 0 35px #22c55e59;
}

.LiveShowConsole-module__1gbZAG__revealedAnswerBox {
  box-sizing: border-box;
  background: #00ff880f;
  border: 2.5px solid #22c55e;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 1400px;
  height: 154px;
  min-height: 154px;
  max-height: 154px;
  padding: 10px 40px 12px;
  display: flex;
  box-shadow: 0 0 45px #22c55e59;
}

.LiveShowConsole-module__1gbZAG__correctLabelPill {
  letter-spacing: .08em;
  color: #22c55e;
  text-transform: uppercase;
  background: #00ff8829;
  border: 1px solid #22c55e59;
  border-radius: 9999px;
  padding: 3px 14px;
  font-size: .95rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__revealedAnswerText {
  color: #22c55e;
  letter-spacing: -.02em;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 6px;
  font-size: clamp(3.7rem, 4.8vw, 4.8rem);
  font-weight: 950;
  line-height: 1.25;
}

@keyframes LiveShowConsole-module__1gbZAG__marqueeScrollAnim {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.LiveShowConsole-module__1gbZAG__marqueeAnimate {
  animation: 12s linear infinite LiveShowConsole-module__1gbZAG__marqueeScrollAnim;
}

.LiveShowConsole-module__1gbZAG__revealTrackInfo {
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  background: #ffffff0f;
  border: 1.5px solid #ffffff1f;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 1400px;
  margin-top: 10px;
  padding: 4px 18px;
  font-size: 1.25rem;
  font-weight: 850;
  display: inline-flex;
  box-shadow: 0 4px 12px #00000040;
}

.LiveShowConsole-module__1gbZAG__upNextCard {
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffa5000d;
  border: 2px solid #ffa50073;
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  margin-top: 12px;
  transition: all .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 35px #ffa50033;
}

.LiveShowConsole-module__1gbZAG__upNextCard:hover {
  border-color: #ffa500bf;
  box-shadow: 0 0 45px #ffa5004d;
}

.LiveShowConsole-module__1gbZAG__upNextHeader {
  background: #ffa50024;
  border-bottom: 2px solid #ffa50040;
  justify-content: space-between;
  align-items: center;
  padding: 8px 22px;
  display: flex;
}

@keyframes LiveShowConsole-module__1gbZAG__upNextFlash {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.LiveShowConsole-module__1gbZAG__upNextLabel {
  letter-spacing: .15em;
  color: #ff9800;
  text-transform: uppercase;
  font-size: 1.45rem;
  font-weight: 950;
  animation: 2s ease-in-out infinite LiveShowConsole-module__1gbZAG__upNextFlash;
}

.LiveShowConsole-module__1gbZAG__upNextPoints {
  letter-spacing: .05em;
  word-spacing: .25em;
  color: #fef08a;
  white-space: nowrap;
  box-sizing: border-box;
  background: linear-gradient(135deg, #eab30840 0%, #ca8a0426 100%);
  border: 2px solid #eab308;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 22px;
  font-size: 1.3rem;
  font-weight: 950;
  display: inline-flex;
  box-shadow: 0 0 18px #eab3084d;
}

.LiveShowConsole-module__1gbZAG__upNextBody {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px 22px 14px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__upNextMain {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__upNextTitle {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 2.15rem;
  font-weight: 950;
}

.LiveShowConsole-module__1gbZAG__upNextArtist {
  color: #ffd600;
  font-size: 1.95rem;
  font-weight: 950;
}

.LiveShowConsole-module__1gbZAG__upNextMeta {
  color: #94a3b8;
  font-size: 1.6rem;
  font-weight: 750;
}

.LiveShowConsole-module__1gbZAG__upNextBadges {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__upNextBadge {
  color: #e2e8f0;
  letter-spacing: .02em;
  background: #ffffff1a;
  border: 1.5px solid #ffffff29;
  border-radius: 12px;
  padding: 6px 18px;
  font-size: 1.3rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__badgeReverse {
  color: #ff8533;
  background: #ff6b001f;
  border-color: #ff6b008c;
}

.LiveShowConsole-module__1gbZAG__badgeChipmunk {
  color: #4ade80;
  background: #22c55e1f;
  border-color: #4ade808c;
}

.LiveShowConsole-module__1gbZAG__badgePixelate {
  color: #38bdf8;
  background: #38bdf826;
  border-color: #38bdf899;
  box-shadow: 0 0 10px #38bdf840;
}

.LiveShowConsole-module__1gbZAG__badgeDistort {
  color: #d8b4fe;
  background: #a855f726;
  border-color: #c084fc99;
  box-shadow: 0 0 10px #a855f740;
}

.LiveShowConsole-module__1gbZAG__badgePhoto {
  color: #facc15;
  background: #facc151f;
  border-color: #facc158c;
}

.LiveShowConsole-module__1gbZAG__revealTrackLabel {
  color: #38bdf8;
  font-size: 1.25rem;
  font-weight: 950;
}

.LiveShowConsole-module__1gbZAG__revealSongTitle {
  color: #fff;
  font-size: 1.55rem;
  font-weight: 950;
}

.LiveShowConsole-module__1gbZAG__revealSongArtist {
  color: #ffd600;
  font-size: 1.55rem;
  font-weight: 950;
}

.LiveShowConsole-module__1gbZAG__revealSongYear {
  color: #94a3b8;
  font-size: 1.3rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__revealStage .LiveShowConsole-module__1gbZAG__stageActionRow {
  margin-top: auto;
  padding-top: 16px;
  padding-bottom: 8px;
  transform: translateY(0);
}

.LiveShowConsole-module__1gbZAG__revealStage .LiveShowConsole-module__1gbZAG__btnStagePrimary {
  height: 48px;
  padding: 0 22px;
  font-size: 1.05rem;
}

.LiveShowConsole-module__1gbZAG__leaderboardStage {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__leaderboardStage .LiveShowConsole-module__1gbZAG__stageActionRow {
  width: 100%;
  margin-top: auto;
  padding-top: 14px;
  padding-bottom: 4px;
}

.LiveShowConsole-module__1gbZAG__leaderboardStage .LiveShowConsole-module__1gbZAG__breakIntermissionDeck {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: center;
  width: calc(100% - 8px);
  max-width: none;
  margin: 12px auto 0;
}

.LiveShowConsole-module__1gbZAG__leaderboardHeading {
  text-align: center;
  color: #fff;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__leaderboardList {
  flex-direction: column;
  gap: 8px;
  max-height: 380px;
  padding: 4px;
  display: flex;
  overflow-y: auto;
}

.LiveShowConsole-module__1gbZAG__leaderboardRow {
  background: #0f172ab3;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__leaderboardRowTop1 {
  background: linear-gradient(90deg, #eab30833 0%, #0f172acc 100%);
  border-color: #eab308;
  box-shadow: 0 0 16px #eab30840;
}

.LiveShowConsole-module__1gbZAG__leaderboardRowTop2 {
  background: linear-gradient(90deg, #94a3b833 0%, #0f172acc 100%);
  border-color: #94a3b8;
}

.LiveShowConsole-module__1gbZAG__leaderboardRowTop3 {
  background: linear-gradient(90deg, #d9770633 0%, #0f172acc 100%);
  border-color: #d97706;
}

.LiveShowConsole-module__1gbZAG__patronsDeck {
  background: linear-gradient(#141b29f2 0%, #0c1018fa 100%);
  border: 1.5px solid #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
  padding: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 32px #00000080, inset 0 1px 1px #ffffff1a;
}

.LiveShowConsole-module__1gbZAG__patronsHeader {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__patronsTitle {
  color: #f1f5f9;
  align-items: center;
  gap: 10px;
  font-size: 1.35rem;
  font-weight: 800;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__patronCountBadge {
  color: #38bdf8;
  background: #38bdf833;
  border: 1px solid #38bdf866;
  border-radius: 9999px;
  padding: 4px 14px;
  font-size: 1.05rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__scoreStepSelector {
  background: #0f172ab3;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin: 10px 0 12px;
  padding: 8px 12px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__scoreStepLabel {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .88rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__scoreStepGroup {
  align-items: center;
  gap: 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__scoreStepBtn {
  color: #cbd5e1;
  cursor: pointer;
  background: #1e293bcc;
  border: 1px solid #ffffff1f;
  border-radius: 7px;
  padding: 4px 9px;
  font-size: .95rem;
  font-weight: 800;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__scoreStepBtn:hover {
  color: #fff;
  background: #38bdf833;
  border-color: #38bdf866;
}

.LiveShowConsole-module__1gbZAG__scoreStepBtnActive {
  box-shadow: 0 0 12px #38bdf873;
  color: #fff !important;
  background: linear-gradient(#0284c7 0%, #0369a1 100%) !important;
  border-color: #38bdf8 !important;
}

.LiveShowConsole-module__1gbZAG__patronsScrollList {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-height: 480px;
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.LiveShowConsole-module__1gbZAG__emptyPatronsNotice {
  text-align: center;
  color: #64748b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 40px 16px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__emptyPatronsNotice p {
  margin: 4px 0;
  font-size: 1.15rem;
}

.LiveShowConsole-module__1gbZAG__emptyPatronsNotice strong {
  color: #38bdf8;
}

.LiveShowConsole-module__1gbZAG__patronCard {
  background: #0f172aa6;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  transition: all .2s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__patronCard:hover {
  background: #1e293b8c;
  border-color: #fff3;
}

.LiveShowConsole-module__1gbZAG__patronCardAnswered {
  border-left: 4px solid #22c55e;
}

.LiveShowConsole-module__1gbZAG__patronInfo {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__patronName {
  color: #f8fafc;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.18rem;
  font-weight: 800;
  overflow: hidden;
}

.LiveShowConsole-module__1gbZAG__patronScore {
  color: #38bdf8;
  font-size: 1.02rem;
  font-weight: 700;
}

.LiveShowConsole-module__1gbZAG__patronActions {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnScoreAdj {
  color: #f1f5f9;
  cursor: pointer;
  background: #ffffff17;
  border: 1px solid #ffffff26;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.4rem;
  font-weight: 800;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnScoreAdj:hover {
  color: #fff;
  background: #38bdf840;
  border-color: #38bdf8;
}

.LiveShowConsole-module__1gbZAG__btnKick {
  color: #f87171;
  cursor: pointer;
  background: #ef444426;
  border: 1px solid #ef44444d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.2rem;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnKick:hover {
  color: #fff;
  background: #ef444459;
}

.LiveShowConsole-module__1gbZAG__modalOverlay {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1000;
  background: #000000bf;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.LiveShowConsole-module__1gbZAG__modalCard {
  background: linear-gradient(145deg, #182030 0%, #0d121c 100%);
  border: 1.5px solid #f8717166;
  border-radius: 20px;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 680px;
  padding: 28px 32px;
  display: flex;
  box-shadow: 0 20px 50px #000c, 0 0 30px #ef444433;
}

.LiveShowConsole-module__1gbZAG__modalHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__modalTitle {
  color: #f87171;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__modalDesc {
  color: #cbd5e1;
  margin: 0;
  font-size: .92rem;
  line-height: 1.5;
}

.LiveShowConsole-module__1gbZAG__modalBtnGrid {
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnModalOption {
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 13px 20px;
  font-size: .92rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnModalLabel {
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__btnModalSubtitle {
  opacity: .88;
  text-align: right;
  white-space: nowrap;
  font-size: .84rem;
  font-weight: 500;
}

.LiveShowConsole-module__1gbZAG__btnModalOptionGhost {
  color: #cbd5e1;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
}

.LiveShowConsole-module__1gbZAG__btnModalOptionGhost:hover {
  color: #fff;
  background: #ffffff1f;
}

.LiveShowConsole-module__1gbZAG__btnModalOptionAmber {
  color: #fbbf24;
  background: #f59e0b1f;
  border: 1px solid #f59e0b59;
}

.LiveShowConsole-module__1gbZAG__btnModalOptionAmber:hover {
  color: #fff;
  background: #f59e0b40;
}

.LiveShowConsole-module__1gbZAG__btnModalOptionRed {
  color: #fff;
  background: linear-gradient(#991b1b 0%, #7f1d1d 100%);
  border: 1.5px solid #ef4444;
  box-shadow: 0 0 16px #ef444459;
}

.LiveShowConsole-module__1gbZAG__btnModalOptionRed:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 24px #ef444499;
}

.LiveShowConsole-module__1gbZAG__breakStage {
  text-align: center;
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 100%;
  padding: 4px 0 0;
  display: flex;
  position: relative;
}

.LiveShowConsole-module__1gbZAG__breakBannerPill {
  font-family: var(--font-mono, monospace);
  letter-spacing: .1em;
  color: #f59e0b;
  text-transform: uppercase;
  box-sizing: border-box;
  background: #f59e0b24;
  border: 1.5px solid #f59e0b80;
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 32px;
  margin: 0;
  padding: 0 18px;
  font-size: .95rem;
  font-weight: 950;
  display: inline-flex;
  box-shadow: 0 0 16px #f59e0b38;
}

.LiveShowConsole-module__1gbZAG__breakHeroBox {
  box-sizing: border-box;
  background: linear-gradient(#111827f2 0%, #090d16fa 100%);
  border: 2px solid #f59e0b66;
  border-radius: 22px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 1.8vh, 16px);
  width: 100%;
  max-width: 1050px;
  margin: 0;
  padding: clamp(20px, 3vh, 32px) 36px;
  display: flex;
  box-shadow: 0 0 45px #000c, inset 0 2px 20px #f59e0b14;
}

.LiveShowConsole-module__1gbZAG__breakIconEmoji {
  letter-spacing: .2em;
  filter: drop-shadow(0 4px 16px #0009);
  margin: 0 0 2px;
  font-size: 2.6rem;
  line-height: 1;
}

.LiveShowConsole-module__1gbZAG__breakTitle {
  color: #fff;
  letter-spacing: -.015em;
  text-shadow: 0 0 24px #ffffff40;
  margin: 0;
  font-size: clamp(2rem, 2.7vw, 2.6rem);
  font-weight: 950;
  line-height: 1.15;
}

.LiveShowConsole-module__1gbZAG__breakSubtitle {
  color: #cbd5e1;
  max-width: 760px;
  margin: 0 0 4px;
  font-size: 1.12rem;
  line-height: 1.45;
}

.LiveShowConsole-module__1gbZAG__breakNextRoundCard {
  box-sizing: border-box;
  background: linear-gradient(#1e293b99 0%, #0f172abf 100%);
  border: 1.5px solid #38bdf847;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 860px;
  margin-top: clamp(6px, 1.2vh, 12px);
  padding: clamp(12px, 2vh, 18px) 40px;
  display: flex;
  box-shadow: 0 6px 18px #0006, inset 0 1px #ffffff14;
}

.LiveShowConsole-module__1gbZAG__breakNextRoundLabel {
  font-family: var(--font-mono, monospace);
  letter-spacing: .22em;
  color: #38bdf8;
  text-transform: uppercase;
  font-size: .88rem;
  font-weight: 950;
}

.LiveShowConsole-module__1gbZAG__breakNextRoundHeading {
  color: #fff;
  letter-spacing: .01em;
  font-size: clamp(1.6rem, 2.3vw, 2.2rem);
  font-weight: 950;
  line-height: 1.25;
}

.LiveShowConsole-module__1gbZAG__breakNextRoundCount {
  color: #94a3b8;
  margin-top: 2px;
  font-size: 1.05rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__btnResumeBreak {
  color: #fff !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-color: #34d399 !important;
  height: 48px !important;
  margin-top: 0 !important;
  padding: 0 32px !important;
  font-size: 1.15rem !important;
  box-shadow: 0 0 28px #10b98166 !important;
}

.LiveShowConsole-module__1gbZAG__btnBreakLeaderboardPill {
  color: #e2e8f0 !important;
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
  border: 1.5px solid #ffffff47 !important;
  border-radius: 9999px !important;
  height: 48px !important;
  margin-top: 0 !important;
  padding: 0 32px !important;
  font-size: 1.15rem !important;
  box-shadow: 0 4px 18px #00000080 !important;
}

.LiveShowConsole-module__1gbZAG__btnBreakLeaderboardPill:hover {
  transform: translateY(-2px);
  color: #fff !important;
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%) !important;
  border-color: #ffffff80 !important;
  box-shadow: 0 6px 20px #0009 !important;
}

.LiveShowConsole-module__1gbZAG__btnBreakLeaderboardPillActive {
  color: #fff !important;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 28px #38bdf873 !important;
}

.LiveShowConsole-module__1gbZAG__btnBreakLeaderboardPillActive:hover {
  background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;
  border-color: #7dd3fc !important;
  box-shadow: 0 0 34px #38bdf8a6 !important;
}

.LiveShowConsole-module__1gbZAG__breakStage .LiveShowConsole-module__1gbZAG__stageActionRow {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-top: auto;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__phaseBadgeBreak {
  color: #f59e0b;
  background: #f59e0b29;
  border-color: #f59e0b59;
}

.LiveShowConsole-module__1gbZAG__breakIntermissionDeck {
  box-sizing: border-box;
  text-align: left;
  background: #0a0f1ae0;
  border: 1.5px solid #10b98173;
  border-radius: 18px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  box-shadow: 0 10px 30px #0009, inset 0 1px #ffffff14;
}

.LiveShowConsole-module__1gbZAG__breakDeckTopRow {
  border-bottom: 1px solid #ffffff12;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckTrackInfo {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckNoteIcon {
  color: #f97316;
  background: #f9731629;
  border: 1.5px solid #f9731673;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  box-shadow: 0 0 14px #f9731640;
}

.LiveShowConsole-module__1gbZAG__breakDeckTitleWrapper {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.LiveShowConsole-module__1gbZAG__breakDeckTitle {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.15rem;
  overflow: hidden;
}

.LiveShowConsole-module__1gbZAG__breakDeckArtist {
  color: #34d399;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__breakDeckSep {
  color: #ffffff59;
}

.LiveShowConsole-module__1gbZAG__breakDeckControlsGroup {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckTrackCount {
  font-family: var(--font-mono, monospace);
  color: #94a3b8;
  text-transform: uppercase;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 9999px;
  padding: 4px 10px;
  font-size: .8rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__breakDeckToggleBtn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff0f;
  border: 1.5px solid #ffffff26;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: .85rem;
  font-weight: 750;
  transition: all .15s;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckToggleBtn:hover {
  color: #fff;
  background: #ffffff24;
}

.LiveShowConsole-module__1gbZAG__breakDeckToggleActive {
  color: #34d399;
  background: #10b98133;
  border-color: #34d399;
  box-shadow: 0 0 12px #10b9814d;
}

.LiveShowConsole-module__1gbZAG__breakDeckBottomRow {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckTransportBtns {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckPrevNextBtn {
  color: #fff;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: .95rem;
  transition: all .15s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckPrevNextBtn:hover {
  background: #fff3;
  transform: scale(1.05);
}

.LiveShowConsole-module__1gbZAG__breakDeckPlayBtn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: 2px solid #34d399;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.25rem;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 18px #10b98173;
}

.LiveShowConsole-module__1gbZAG__breakDeckPlayBtn:hover {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  transform: scale(1.06);
  box-shadow: 0 0 26px #10b981a6;
}

.LiveShowConsole-module__1gbZAG__breakDeckScrubberWrapper {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 180px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckTime {
  font-family: var(--font-mono, monospace);
  color: #94a3b8;
  flex-shrink: 0;
  font-size: .85rem;
  font-weight: 750;
}

.LiveShowConsole-module__1gbZAG__breakDeckScrubber {
  accent-color: #10b981;
  cursor: pointer;
  width: 100%;
  height: 6px;
  transition: height .15s;
}

.LiveShowConsole-module__1gbZAG__breakDeckScrubber:hover {
  height: 8px;
}

.LiveShowConsole-module__1gbZAG__breakDeckVolumeWrapper {
  background: #00000059;
  border: 1px solid #ffffff14;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakDeckVolumeSlider {
  accent-color: #10b981;
  cursor: pointer;
  width: 70px;
  height: 5px;
}

.LiveShowConsole-module__1gbZAG__breakMiniEmpty {
  color: #94a3b8;
  background: #0f172a99;
  border: 1px dashed #ffffff1f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  padding: 10px 18px;
  font-size: .9rem;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__btnBreakMiniFallback {
  color: #34d399;
  cursor: pointer;
  background: #10b98126;
  border: 1px solid #10b98159;
  border-radius: 9999px;
  padding: 4px 12px;
  font-size: .85rem;
  font-weight: 700;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__btnBreakMiniFallback:hover {
  color: #fff;
  background: #10b98140;
}

.LiveShowConsole-module__1gbZAG__liveDeckControls {
  background: #0f172abf;
  border: 1px solid #38bdf840;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 4px;
  padding: 8px 14px;
  display: flex;
  box-shadow: inset 0 1px 3px #00000059;
}

.LiveShowConsole-module__1gbZAG__liveDeckLeft {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  gap: 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__liveControlGroupLabel {
  letter-spacing: .08em;
  color: #94a3b8;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .85rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__liveFxButtonsRow {
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__liveDeckDivider {
  background: linear-gradient(#ffffff0a 0%, #fff3 50%, #ffffff0a 100%);
  flex-shrink: 0;
  align-self: stretch;
  width: 1px;
  margin: 0 4px;
}

.LiveShowConsole-module__1gbZAG__liveDeckRight {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__liveTimeRow {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__liveTimeRowLabel {
  letter-spacing: .06em;
  color: #94a3b8;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 78px;
  font-size: .82rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__liveTimeRowButtons {
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  width: 100%;
  display: grid;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper {
  background: #1e293bd9;
  border: 1.5px solid #ffffff24;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  min-width: 140px;
  transition: all .18s;
  display: inline-flex;
  overflow: hidden;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtn {
  letter-spacing: .04em;
  color: #cbd5e1;
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: .95rem;
  font-weight: 850;
  transition: all .18s;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtn:hover {
  color: #fff;
  background: #ffffff14;
}

.LiveShowConsole-module__1gbZAG__liveEffectIcon {
  font-size: 1.1rem;
}

.LiveShowConsole-module__1gbZAG__liveStatusTag {
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #00000073;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .76rem;
  font-weight: 900;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper.LiveShowConsole-module__1gbZAG__activeReverse {
  background: #f9731633;
  border-color: #f97316;
  box-shadow: 0 0 12px #f9731666;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper.LiveShowConsole-module__1gbZAG__activeReverse .LiveShowConsole-module__1gbZAG__liveEffectBtn {
  color: #ffedd5;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper.LiveShowConsole-module__1gbZAG__activeReverse .LiveShowConsole-module__1gbZAG__liveStatusTag {
  color: #fff;
  background: #f97316;
  font-weight: 900;
  box-shadow: 0 0 8px #f9731699;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper.LiveShowConsole-module__1gbZAG__activeChipmunk {
  background: #a855f733;
  border-color: #c084fc;
  box-shadow: 0 0 12px #a855f766;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper.LiveShowConsole-module__1gbZAG__activeChipmunk .LiveShowConsole-module__1gbZAG__liveEffectBtn {
  color: #f5d0fe;
}

.LiveShowConsole-module__1gbZAG__liveEffectBtnWrapper.LiveShowConsole-module__1gbZAG__activeChipmunk .LiveShowConsole-module__1gbZAG__liveStatusTag {
  color: #fff;
  background: #a855f7;
  font-weight: 900;
  box-shadow: 0 0 8px #a855f799;
}

.LiveShowConsole-module__1gbZAG__liveSpeedCycleBtn {
  text-transform: uppercase;
  color: #ffedd5;
  cursor: pointer;
  background: #f9731659;
  border: none;
  border-left: 1px solid #f9731680;
  flex-shrink: 0;
  padding: 6px 9px;
  font-size: .84rem;
  font-weight: 850;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__liveSpeedCycleBtn:hover {
  color: #fff;
  background: #f973168c;
}

.LiveShowConsole-module__1gbZAG__liveSpeedCycleBtnChipmunk {
  text-transform: uppercase;
  color: #f5d0fe;
  cursor: pointer;
  background: #a855f759;
  border: none;
  border-left: 1px solid #a855f780;
  flex-shrink: 0;
  padding: 6px 9px;
  font-size: .84rem;
  font-weight: 850;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__liveSpeedCycleBtnChipmunk:hover {
  color: #fff;
  background: #a855f78c;
}

.LiveShowConsole-module__1gbZAG__livePresetBtn {
  text-align: center;
  color: #cbd5e1;
  cursor: pointer;
  box-sizing: border-box;
  background: #1e293bbf;
  border: 1px solid #ffffff24;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px 0;
  font-size: .95rem;
  font-weight: 850;
  transition: all .15s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__livePresetBtn:hover {
  color: #fff;
  background: #38bdf833;
  border-color: #38bdf873;
}

.LiveShowConsole-module__1gbZAG__livePresetActive {
  color: #031525 !important;
  background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;
  border-color: #38bdf8 !important;
  font-weight: 900 !important;
  box-shadow: 0 0 10px #38bdf873 !important;
}

.LiveShowConsole-module__1gbZAG__liveDurationActive {
  color: #fff !important;
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border-color: #34d399 !important;
  font-weight: 900 !important;
  box-shadow: 0 0 10px #10b98173 !important;
}

.LiveShowConsole-module__1gbZAG__liveNudgeBtn {
  text-align: center;
  color: #f1f5f9;
  cursor: pointer;
  box-sizing: border-box;
  background: #ffffff14;
  border: 1px solid #ffffff2e;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px 0;
  font-size: .92rem;
  font-weight: 900;
  transition: all .15s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__liveNudgeBtn:hover {
  color: #fff;
  background: #fff3;
  border-color: #ffffff59;
}

.LiveShowConsole-module__1gbZAG__liveNudgeBtnMinus:hover {
  color: #fff;
  background: #ef444459;
  border-color: #ef4444;
}

.LiveShowConsole-module__1gbZAG__liveNudgeBtnPlus:hover {
  color: #fff;
  background: #10b98159;
  border-color: #10b981;
}

.LiveShowConsole-module__1gbZAG__metaPillBtn {
  color: #f472b6;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(135deg, #ec489938 0%, #a855f738 100%);
  border: 1.5px solid #ec489999;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 7px;
  padding: 5px 14px;
  font-size: .92rem;
  font-weight: 800;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: 0 2px 10px #ec489940;
}

.LiveShowConsole-module__1gbZAG__metaPillBtn:hover {
  color: #fff;
  background: linear-gradient(135deg, #ec489961 0%, #a855f761 100%);
  border-color: #ec4899;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px #ec489973;
}

.LiveShowConsole-module__1gbZAG__metaPillBtnActive {
  color: #fff;
  background: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);
  border-color: #f472b6;
  box-shadow: 0 0 16px #ec489999;
}

.LiveShowConsole-module__1gbZAG__metaPillBtnActiveBadge {
  background: #34d399;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: inline-block;
  box-shadow: 0 0 8px #34d399;
}

.LiveShowConsole-module__1gbZAG__breakModalCard {
  background: linear-gradient(145deg, #131929 0%, #0a0e1a 100%);
  border: 2px solid #ec489980;
  border-radius: 26px;
  flex-direction: column;
  gap: 22px;
  width: 92vw;
  max-width: 900px;
  padding: 38px 46px;
  display: flex;
  box-shadow: 0 30px 80px #000000e6, 0 0 45px #ec48994d;
}

.LiveShowConsole-module__1gbZAG__breakModalTitle {
  color: #ec4899;
  letter-spacing: -.01em;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 850;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakPresets {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__breakPresetBtn {
  color: #e2e8f0;
  cursor: pointer;
  background: #ffffff12;
  border: 1.5px solid #ffffff29;
  border-radius: 9999px;
  padding: 8px 16px;
  font-size: .96rem;
  font-weight: 750;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__breakPresetBtn:hover {
  color: #fff;
  background: #ec489940;
  border-color: #ec4899;
  transform: translateY(-1px);
}

.LiveShowConsole-module__1gbZAG__breakTextarea {
  color: #fff;
  resize: vertical;
  box-sizing: border-box;
  background: #05080fd9;
  border: 2px solid #ffffff38;
  border-radius: 16px;
  outline: none;
  width: 100%;
  min-height: 140px;
  padding: 16px 20px;
  font-family: inherit;
  font-size: 1.25rem;
  line-height: 1.5;
  transition: border-color .2s, box-shadow .2s;
}

.LiveShowConsole-module__1gbZAG__breakTextarea:focus {
  border-color: #ec4899;
  box-shadow: 0 0 22px #ec489973;
}

.LiveShowConsole-module__1gbZAG__breakModalActions {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__inlineSpeedControl {
  flex: 1;
  align-items: center;
  gap: 8px;
  max-width: 200px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__inlineSpeedLabel {
  flex-shrink: 0;
  font-size: 1.1rem;
  line-height: 1;
}

.LiveShowConsole-module__1gbZAG__btnBreakCancel {
  color: #cbd5e1;
  cursor: pointer;
  background: #ffffff14;
  border: 1.5px solid #ffffff2e;
  border-radius: 12px;
  padding: 12px 24px;
  font-size: 1.05rem;
  font-weight: 750;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__btnBreakCancel:hover {
  color: #fff;
  background: #ffffff29;
}

.LiveShowConsole-module__1gbZAG__btnBreakClear {
  color: #f87171;
  cursor: pointer;
  background: #ef444429;
  border: 1.5px solid #ef444473;
  border-radius: 12px;
  padding: 12px 24px;
  font-size: 1.05rem;
  font-weight: 750;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__btnBreakClear:hover {
  color: #fff;
  background: #ef444452;
  border-color: #ef4444;
}

.LiveShowConsole-module__1gbZAG__btnBreakSave {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);
  border: none;
  border-radius: 12px;
  padding: 12px 30px;
  font-size: 1.08rem;
  font-weight: 850;
  transition: all .15s;
  box-shadow: 0 4px 18px #ec489973;
}

.LiveShowConsole-module__1gbZAG__btnBreakSave:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 25px #ec4899a6;
}

.LiveShowConsole-module__1gbZAG__modalCloseBtn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.05rem;
  transition: all .15s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__modalCloseBtn:hover {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
}

.LiveShowConsole-module__1gbZAG__btnBreakStop {
  color: #fbbf24;
  cursor: pointer;
  background: #f59e0b26;
  border: 1.5px solid #f59e0b80;
  border-radius: 12px;
  padding: 12px 22px;
  font-size: 1.05rem;
  font-weight: 750;
  transition: all .15s;
}

.LiveShowConsole-module__1gbZAG__btnBreakStop:hover {
  color: #fff;
  background: #f59e0b4d;
  border-color: #f59e0b;
}

.LiveShowConsole-module__1gbZAG__speedSliderWrap {
  background: #ffffff0a;
  border: 1.5px solid #ffffff1a;
  border-radius: 14px;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__speedSliderHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__speedSliderLabel {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .88rem;
  font-weight: 700;
}

.LiveShowConsole-module__1gbZAG__speedSliderValue {
  color: #00f0ff;
  letter-spacing: .05em;
  font-size: .95rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__speedSliderRow {
  align-items: center;
  gap: 14px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__speedSliderHint {
  color: #475569;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
  font-size: .78rem;
  font-weight: 600;
}

.LiveShowConsole-module__1gbZAG__speedSlider {
  appearance: none;
  cursor: pointer;
  background: linear-gradient(90deg, #00f0ff 0%, #ff2d78 100%);
  border-radius: 999px;
  outline: none;
  flex: 1;
  height: 6px;
}

.LiveShowConsole-module__1gbZAG__speedSlider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #00f0ff;
  border: 3px solid #0a0e1a;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  transition: box-shadow .15s;
  box-shadow: 0 0 12px #00f0ffb3;
}

.LiveShowConsole-module__1gbZAG__speedSlider::-webkit-slider-thumb:hover {
  box-shadow: 0 0 20px #00f0ff;
}

.LiveShowConsole-module__1gbZAG__speedSlider::-moz-range-thumb {
  cursor: pointer;
  background: #00f0ff;
  border: 3px solid #0a0e1a;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  box-shadow: 0 0 12px #00f0ffb3;
}

.LiveShowConsole-module__1gbZAG__patronNameClickable {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  transition: color .15s, text-shadow .15s;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__patronNameClickable:hover {
  color: var(--neon-cyan, #00f0ff);
  text-underline-offset: 3px;
  text-shadow: 0 0 10px #00f0ff80;
  text-decoration: underline;
}

.LiveShowConsole-module__1gbZAG__patronInfoClickable {
  cursor: pointer;
  transition: opacity .15s;
}

.LiveShowConsole-module__1gbZAG__patronInfoClickable:hover {
  opacity: .9;
}

.LiveShowConsole-module__1gbZAG__playerAnswersModalCard {
  background: linear-gradient(155deg, #131c2e 0%, #0a0e18 100%);
  border: 1.5px solid #00f0ff73;
  border-radius: 22px;
  flex-direction: column;
  gap: 20px;
  width: 95vw;
  max-width: 1400px;
  max-height: 90vh;
  padding: 32px 40px;
  animation: .2s cubic-bezier(.16, 1, .3, 1) LiveShowConsole-module__1gbZAG__modalFadeIn;
  display: flex;
  box-shadow: 0 24px 70px #000000e6, 0 0 45px #00f0ff38;
}

.LiveShowConsole-module__1gbZAG__playerAnswersHeader {
  border-bottom: 1.5px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 18px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__playerAnswersTitleGroup {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__playerAnswersTitle {
  color: #fff;
  font-size: 2rem;
  font-weight: 850;
  font-family: var(--font-sans);
  letter-spacing: -.01em;
  align-items: center;
  gap: 12px;
  margin: 0;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__playerAnswersSubtitle {
  color: #94a3b8;
  align-items: center;
  gap: 8px;
  font-size: 1.05rem;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__modalCloseBtnLarge {
  color: #cbd5e1;
  cursor: pointer;
  background: #ffffff14;
  border: 1.5px solid #ffffff26;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 1.35rem;
  transition: all .15s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__modalCloseBtnLarge:hover {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
}

.LiveShowConsole-module__1gbZAG__playerStatsPillsRow {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__statPill {
  height: 44px;
  font-size: 1.1rem;
  font-weight: 800;
  font-family: var(--font-mono);
  letter-spacing: .02em;
  box-sizing: border-box;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__statPillScore {
  color: var(--neon-cyan, #00f0ff);
  text-shadow: 0 0 10px #00f0ff80;
  background: #00f0ff26;
  border: 1.5px solid #00f0ff99;
}

.LiveShowConsole-module__1gbZAG__statPillCorrect {
  color: #34d399;
  background: #10b98129;
  border: 1.5px solid #10b98199;
}

.LiveShowConsole-module__1gbZAG__statPillIncorrect {
  color: #f87171;
  background: #ef444429;
  border: 1.5px solid #ef444499;
}

.LiveShowConsole-module__1gbZAG__statPillMissed {
  color: #e2e8f0;
  background: #94a3b824;
  border: 1.5px solid #94a3b866;
}

.LiveShowConsole-module__1gbZAG__statPillAccuracy {
  color: #facc15;
  background: #eab30829;
  border: 1.5px solid #eab30899;
}

.LiveShowConsole-module__1gbZAG__playerAnswersScrollArea {
  flex-direction: column;
  gap: 14px;
  max-height: 66vh;
  padding-right: 8px;
  display: flex;
  overflow-y: auto;
}

.LiveShowConsole-module__1gbZAG__playerAnswerCard {
  background: #ffffff0a;
  border: 1.5px solid #ffffff1a;
  border-radius: 14px;
  flex-direction: column;
  gap: 12px;
  padding: 16px 22px;
  transition: background .15s, border-color .15s;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__playerAnswerCardCorrect {
  background: #10b98114;
  border-color: #10b98173;
}

.LiveShowConsole-module__1gbZAG__playerAnswerCardIncorrect {
  background: #ef444414;
  border-color: #ef444473;
}

.LiveShowConsole-module__1gbZAG__playerAnswerCardMissed {
  background: #94a3b80d;
  border-color: #94a3b847;
}

.LiveShowConsole-module__1gbZAG__answerCardTopRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__answerQuestionMeta {
  color: #cbd5e1;
  align-items: center;
  gap: 10px;
  font-size: 1.15rem;
  font-weight: 750;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__answerQuestionBadge {
  font-family: var(--font-mono);
  color: #f1f5f9;
  background: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 8px;
  padding: 3px 10px;
  font-size: .95rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__answerStatusBadge {
  font-size: 1.25rem;
  font-weight: 850;
  font-family: var(--font-mono);
  letter-spacing: .02em;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__answerBadgeCorrect {
  color: #34d399;
  text-shadow: 0 0 10px #10b98159;
  background: #10b98138;
  border: 1.5px solid #10b98199;
}

.LiveShowConsole-module__1gbZAG__answerBadgeIncorrect {
  color: #f87171;
  background: #ef444438;
  border: 1.5px solid #ef444499;
}

.LiveShowConsole-module__1gbZAG__answerBadgeMissed {
  color: #cbd5e1;
  background: #94a3b82e;
  border: 1.5px solid #94a3b866;
}

.LiveShowConsole-module__1gbZAG__answerCardContent {
  flex-direction: column;
  gap: 8px;
  font-size: 1.15rem;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__answerPlayerRow {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__answerLabel {
  color: #cbd5e1;
  letter-spacing: .01em;
  flex-shrink: 0;
  font-size: 1.4rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__answerTextCorrect {
  color: #34d399;
  font-size: 1.4rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__answerTextIncorrect {
  color: #f87171;
  font-size: 1.4rem;
  font-weight: 850;
  text-decoration: line-through;
}

.LiveShowConsole-module__1gbZAG__answerTextMissed {
  color: #94a3b8;
  font-size: 1.25rem;
  font-style: italic;
}

.LiveShowConsole-module__1gbZAG__answerCorrectRow {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__answerTextTrue {
  color: #38bdf8;
  font-size: 1.4rem;
  font-weight: 850;
}

.LiveShowConsole-module__1gbZAG__answerTimeWrapper {
  align-items: baseline;
  gap: 5px;
  margin-left: 6px;
  display: inline-flex;
}

.LiveShowConsole-module__1gbZAG__answerTimeIn {
  color: #cbd5e1;
  letter-spacing: .01em;
  font-size: 1.4rem;
  font-weight: 800;
}

.LiveShowConsole-module__1gbZAG__answerTimeTaken {
  color: #93c5fd;
  font-size: 1.35rem;
  font-weight: 800;
  font-family: var(--font-mono);
}

.LiveShowConsole-module__1gbZAG__answerSongMeta {
  color: #94a3b8;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 1.05rem;
  font-weight: 650;
  display: flex;
}

.LiveShowConsole-module__1gbZAG__emptyAnswersNotice {
  text-align: center;
  color: #94a3b8;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 44px 24px;
  font-size: 1.1rem;
  display: flex;
}

/* [project]/src/app/dj/components/DJPINModal.module.css [app-client] (css) */
.DJPINModal-module__be3pgW__pinOverlay {
  z-index: 99999;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  background: radial-gradient(circle at 50% 30%, #1e1b4b 0%, #09090b 100%);
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  position: fixed;
  inset: 0;
}

.DJPINModal-module__be3pgW__pinCard {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  text-align: center;
  background: #18181bd9;
  border: 1.5px solid #ffffff1f;
  border-radius: 28px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 400px;
  padding: 36px 32px 32px;
  animation: .35s cubic-bezier(.16, 1, .3, 1) DJPINModal-module__be3pgW__cardFadeIn;
  display: flex;
  box-shadow: 0 25px 60px #000000b3, 0 0 40px #7c3aed33;
}

@keyframes DJPINModal-module__be3pgW__cardFadeIn {
  from {
    opacity: 0;
    transform: scale(.94)translateY(12px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.DJPINModal-module__be3pgW__iconBadge {
  background: linear-gradient(135deg, #eab30833 0%, #ca8a041a 100%);
  border: 1.5px solid #eab30866;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  margin-bottom: 20px;
  font-size: 2rem;
  display: flex;
  box-shadow: 0 8px 24px #eab30840;
}

.DJPINModal-module__be3pgW__title {
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #fff 0%, #cbd5e1 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  margin: 0 0 6px;
  font-size: 1.6rem;
  font-weight: 800;
}

.DJPINModal-module__be3pgW__subtitle {
  color: #94a3b8;
  margin: 0 0 24px;
  font-size: .95rem;
  line-height: 1.4;
}

.DJPINModal-module__be3pgW__dotsContainer {
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.DJPINModal-module__be3pgW__dot {
  background: #ffffff0d;
  border: 2px solid #ffffff40;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: all .2s cubic-bezier(.34, 1.56, .64, 1);
}

.DJPINModal-module__be3pgW__dotFilled {
  background: #38bdf8;
  border-color: #38bdf8;
  transform: scale(1.15);
  box-shadow: 0 0 14px #38bdf8b3;
}

.DJPINModal-module__be3pgW__dotError {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  box-shadow: 0 0 14px #ef4444b3 !important;
}

.DJPINModal-module__be3pgW__shake {
  animation: .45s cubic-bezier(.36, .07, .19, .97) both DJPINModal-module__be3pgW__shakeAnim;
}

@keyframes DJPINModal-module__be3pgW__shakeAnim {
  10%, 90% {
    transform: translate3d(-3px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(5px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(6px, 0, 0);
  }
}

.DJPINModal-module__be3pgW__errorText {
  color: #f87171;
  height: 20px;
  margin-bottom: 12px;
  font-size: .9rem;
  font-weight: 600;
}

.DJPINModal-module__be3pgW__keypad {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 280px;
  margin-bottom: 20px;
  display: grid;
}

.DJPINModal-module__be3pgW__keyButton {
  color: #fff;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 56px;
  font-size: 1.4rem;
  font-weight: 600;
  transition: all .12s;
  display: flex;
}

.DJPINModal-module__be3pgW__keyButton:hover {
  background: #ffffff24;
  border-color: #fff3;
  transform: translateY(-1px);
}

.DJPINModal-module__be3pgW__keyButton:active {
  background: #38bdf840;
  border-color: #38bdf8;
  transform: scale(.96);
}

.DJPINModal-module__be3pgW__keySpecial {
  color: #94a3b8;
  font-size: 1rem;
  font-weight: 500;
}

.DJPINModal-module__be3pgW__keySpecial:hover {
  color: #fff;
}

.DJPINModal-module__be3pgW__hintRow {
  color: #71717a;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: .82rem;
  display: flex;
}

.DJPINModal-module__be3pgW__hintRow strong {
  color: #fbbf24;
}

/* [project]/src/app/music-quiz/music-quiz.module.css [app-client] (css) */
.music-quiz-module__7hdGoG__wrapper {
  width: 100vw;
  min-height: 100dvh;
  font-family: var(--font-sans);
  background-color: #080b12;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.music-quiz-module__7hdGoG__ambientGlow {
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(65% 50% at 50% 45%, #7c3aed29 0%, #0000 70%), radial-gradient(circle at 25% 75%, #ea580c1f 0%, #0000 50%), radial-gradient(circle at 75% 75%, #1d4ed824 0%, #0000 50%);
  position: absolute;
  inset: 0;
}

.music-quiz-module__7hdGoG__musicNotesBg {
  pointer-events: none;
  opacity: .35;
  mix-blend-mode: screen;
  z-index: 0;
  background-image: url("/music-notes-bg.png");
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.music-quiz-module__7hdGoG__backNav {
  z-index: 10;
  position: absolute;
  top: 28px;
  left: 32px;
}

.music-quiz-module__7hdGoG__btnHomeIcon {
  width: 44px;
  height: 44px;
  color: var(--text-secondary);
  background: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 0 4px 12px #0006;
}

.music-quiz-module__7hdGoG__btnHomeIcon:hover {
  color: #fff;
  background: #ffffff1f;
  border-color: #00f0ff80;
  transform: scale(1.06);
  box-shadow: 0 0 16px #00f0ff4d;
}

.music-quiz-module__7hdGoG__btnHomeIcon:active {
  transform: scale(.95);
}

.music-quiz-module__7hdGoG__centerContainer {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 52px;
  width: 100%;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.music-quiz-module__7hdGoG__titleMusicQuiz {
  letter-spacing: -.01em;
  text-align: center;
  background: linear-gradient(#fff 0%, #f1f5f9 22%, #cbd5e1 45%, #94a3b8 50%, #64748b 72%, #334155 100%);
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 1px #ffffff59) drop-shadow(0 4px #1e293b) drop-shadow(0 8px 24px #000000f2) drop-shadow(0 0 50px #7c3aed59);
  -webkit-user-select: none;
  user-select: none;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding: 0;
  font-size: clamp(3.4rem, 10vw, 8rem);
  font-weight: 900;
  line-height: 1.05;
  position: relative;
}

.music-quiz-module__7hdGoG__buttonsRow {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  display: flex;
}

.music-quiz-module__7hdGoG__navBtn {
  color: #fff;
  cursor: pointer;
  letter-spacing: .02em;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 9999px;
  outline: none;
  justify-content: center;
  align-items: center;
  min-width: 230px;
  padding: 16px 48px;
  font-size: 1.35rem;
  font-weight: 800;
  text-decoration: none;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 20px #0009, inset 0 1px 1px #ffffff73, inset 0 -2px 4px #0006;
}

.music-quiz-module__7hdGoG__navBtn:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#ffffff59 0%, #ffffff08 100%);
  border-radius: 9999px 9999px 30px 30px;
  height: 44%;
  position: absolute;
  top: 2px;
  left: 12px;
  right: 12px;
}

.music-quiz-module__7hdGoG__navBtn:hover {
  transform: translateY(-3px)scale(1.03);
}

.music-quiz-module__7hdGoG__navBtn:active {
  transform: translateY(1px)scale(.97);
}

.music-quiz-module__7hdGoG__btnQuizSetup {
  background: linear-gradient(#ea580c 0%, #c2410c 50%, #9a3412 100%);
  border: 2px solid #fb923c;
}

.music-quiz-module__7hdGoG__btnQuizSetup:hover, .music-quiz-module__7hdGoG__btnQuizSetup:focus-visible {
  border-color: #fdba74;
  box-shadow: 0 12px 28px #ea580c80, 0 0 35px #fb923ca6, inset 0 1px 2px #ffffffa6;
}

.music-quiz-module__7hdGoG__btnPlayQuiz {
  background: linear-gradient(#1d4ed8 0%, #1e40af 50%, #172554 100%);
  border: 2px solid #60a5fa;
}

.music-quiz-module__7hdGoG__btnPlayQuiz:hover, .music-quiz-module__7hdGoG__btnPlayQuiz:focus-visible {
  border-color: #93c5fd;
  box-shadow: 0 12px 28px #1d4ed880, 0 0 35px #60a5faa6, inset 0 1px 2px #ffffffa6;
}

@media (max-width: 768px) {
  .music-quiz-module__7hdGoG__buttonsRow {
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: 320px;
  }

  .music-quiz-module__7hdGoG__navBtn {
    width: 100%;
    padding: 15px 24px;
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=src_app_0zosswd._.css.map*/