@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');

:root{
  --bg1:#0f0824; --bg2:#0f1d47; --panel:rgba(255,255,255,.08); --line:rgba(255,255,255,.16);
  --text:#f5f7ff; --muted:#b6c0f6; --pink:#ff4fd8; --cyan:#35e4ff; --yellow:#ffcb3d; --purple:#8a5cff; --green:#59f790; --red:#ff5f7a;
  --safeTop: max(18px, env(safe-area-inset-top));
  --safeBottom: max(18px, env(safe-area-inset-bottom));
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;
  background:radial-gradient(circle at top,#2b146b 0%,var(--bg1) 35%,var(--bg2) 100%);
}
body.has-stars::before{
  content:'';position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);
  background-size:34px 34px,68px 68px;background-position:0 0,17px 17px
}
.noise{position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent,rgba(255,255,255,.02),transparent);mix-blend-mode:overlay}

.hidden{display:none !important}
.simple-root{min-height:100vh;position:relative}

/* Lobby */
.lobby-shell{
  min-height:100vh;display:grid;place-items:center;padding:clamp(24px,4vw,48px);
  grid-template-columns:minmax(0,1fr);gap:28px;text-align:center;
}
.lobby-main{
  display:grid;justify-items:center;align-content:center;gap:18px;
  width:min(94vw,900px);
}
.lobby-room-code{
  font-size:clamp(72px,12vw,180px);font-weight:900;color:var(--yellow);line-height:.9;
  text-shadow:0 0 22px rgba(255,203,61,.36);
}
.lobby-qr-wrap{position:relative;display:grid;place-items:center;margin:8px auto}
.lobby-qr-pulse{
  position:absolute;inset:-26px;border-radius:34px;pointer-events:none;
  background:radial-gradient(circle, rgba(255,203,61,.28), rgba(53,228,255,.14) 50%, transparent 72%);
  animation:lobbyPulse 1.8s ease-in-out infinite;
}
@keyframes lobbyPulse{0%,100%{transform:scale(.94);opacity:.42}50%{transform:scale(1.08);opacity:.9}}
.lobby-qr{
  position:relative;z-index:1;width:min(54vw,420px);max-width:420px;background:#fff;border-radius:28px;padding:16px;
}
.lobby-url{font-size:clamp(18px,2vw,28px);color:var(--muted);overflow-wrap:anywhere;max-width:min(90vw,920px)}
.lobby-prompt{
  min-height:2.2em;font-size:clamp(34px,4vw,64px);font-weight:900;color:#fff;
  line-height:1.05; letter-spacing:.01em; text-align:center;
  animation:bop 1.4s ease-in-out infinite;
}
@keyframes bop{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}
.simple-start-btn{
  appearance:none;border:0;border-radius:22px;padding:22px 42px;cursor:pointer;
  background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan));color:#fff;
  font-size:clamp(24px,2.4vw,40px);font-weight:900;box-shadow:0 14px 30px rgba(255,79,216,.22),0 0 24px rgba(53,228,255,.16);
}
.simple-start-btn:focus-visible{outline:4px solid rgba(255,203,61,.95);outline-offset:4px}
.lobby-players-wrap{
  width:min(90vw,900px);display:grid;justify-items:center;gap:14px;
}
.lobby-players-title{
  font-size:clamp(20px,1.8vw,28px);text-transform:uppercase;letter-spacing:.16em;color:#fff;
}
.lobby-player-list{display:grid;gap:12px;width:min(90vw,760px)}
.lobby-player-item{
  padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line);
  font-size:clamp(24px,2vw,36px);font-weight:800;
}
.lobby-player-item.empty{color:var(--muted)}
.join-burst{
  position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none;
  background:radial-gradient(circle at center, rgba(22,18,58,.28), rgba(5,8,20,.58));
}
.join-burst-name{
  font-size:clamp(56px,8vw,140px);font-weight:900;color:var(--yellow);text-transform:uppercase;
  text-align:center;text-shadow:0 0 16px rgba(255,203,61,.35),0 8px 24px rgba(0,0,0,.45);
}
.join-burst-sub{
  margin-top:8px;font-size:clamp(24px,3vw,52px);font-weight:800;text-align:center;
}
.join-burst.burst-in{animation:joinBurstIn .45s cubic-bezier(.2,.9,.28,1.2) forwards}
.join-burst.burst-out{animation:joinBurstOut .45s ease forwards}
@keyframes joinBurstIn{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}
@keyframes joinBurstOut{from{opacity:1}to{opacity:0;transform:scale(1.05)}}

/* Stage */
.game-stage{position:fixed;inset:0;background:#000}
.simple-status-chip{
  position:absolute;top:var(--safeTop);right:24px;z-index:20;
  padding:14px 18px;border-radius:16px;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.18);font-size:clamp(20px,1.6vw,28px);font-weight:800;color:var(--yellow);
}
.simple-video-wrap{position:absolute;inset:0;overflow:hidden;background:#000}
.simple-video-player{position:absolute;inset:0;z-index:1}
.simple-video-player iframe{width:100%;height:100%;border:0}
.video-preload{position:fixed;left:-9999px;top:-9999px;width:320px;height:180px;opacity:0;pointer-events:none;overflow:hidden}
.simple-video-wrap.player-hidden #youtubePlayer,
.simple-video-wrap.player-hidden #youtubePlayer iframe,
.simple-video-wrap.player-hidden .simple-video-player,
.simple-video-wrap.player-hidden .simple-video-player iframe{opacity:0 !important;visibility:hidden !important}
.simple-video-wrap.player-hidden{background:#000}
.simple-player-overlay{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  text-align:center;background:rgba(0,0,0,.72);color:#fff;z-index:4;transition:opacity .35s ease, visibility .35s ease;pointer-events:none
}
.simple-player-overlay.hidden{opacity:0;visibility:hidden}
.simple-player-overlay p{margin:0;font-size:clamp(42px,5vw,86px);font-weight:900}
.simple-player-overlay small{font-size:clamp(20px,2vw,32px);color:#dfe6ff}
.simple-equalizer{display:flex;gap:10px;justify-content:center;margin-bottom:18px}
.simple-equalizer span{
  width:14px;height:72px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--pink));animation:bounce 1s infinite ease-in-out
}
.simple-equalizer span:nth-child(2){animation-delay:.1s}.simple-equalizer span:nth-child(3){animation-delay:.2s}.simple-equalizer span:nth-child(4){animation-delay:.3s}.simple-equalizer span:nth-child(5){animation-delay:.4s}
@keyframes bounce{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.3)}}
.simple-countdown{
  position:absolute;right:24px;bottom:calc(var(--safeBottom) + 170px);z-index:8;
  width:clamp(110px,10vw,170px);height:clamp(110px,10vw,170px);border-radius:50%;display:grid;place-items:center;
  font-size:clamp(48px,4vw,86px);font-weight:900;background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,79,216,.18));
  border:4px solid var(--cyan);box-shadow:0 0 24px rgba(53,228,255,.45),inset 0 0 20px rgba(255,79,216,.18)
}
.simple-points{
  position:absolute;left:24px;top:var(--safeTop);z-index:8;color:#fff7d8;font-weight:900;letter-spacing:.05em;text-transform:uppercase;
  font-family:'Bangers','Impact','Arial Black',system-ui,sans-serif;font-size:clamp(26px,2.4vw,44px);line-height:1;white-space:nowrap;
  text-shadow:0 0 10px rgba(255,203,61,.55),0 0 22px rgba(255,79,216,.35),0 0 34px rgba(83,240,255,.18);transform:rotate(-2deg) skew(-4deg);
  animation:countdownPointsFloat .65s ease-in-out infinite;
}
@keyframes countdownPointsFloat{0%,100%{transform:translateY(0) scale(1) rotate(-3deg) skew(-4deg)}50%{transform:translateY(-3px) scale(1.08) rotate(-1deg) skew(-2deg)}}
.simple-points.urgent{color:var(--yellow);animation:countdownPointsUrgent .4s ease-in-out infinite}
@keyframes countdownPointsUrgent{0%,100%{transform:translateY(0) scale(1) rotate(-3deg) skew(-4deg);filter:brightness(1)}50%{transform:translateY(-4px) scale(1.15) rotate(-1deg) skew(-2deg);filter:brightness(1.18)}}

.simple-lockin-burst{
  position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.86);z-index:9;pointer-events:none;
  min-width:min(82vw,760px);text-align:center;opacity:0
}
.simple-lockin-burst-name{font-size:clamp(40px,5vw,66px);font-weight:900;color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:'Bangers','Impact','Arial Black',system-ui,sans-serif;text-shadow:0 0 10px rgba(83,240,255,.45),0 0 28px rgba(255,79,216,.28),0 8px 24px rgba(0,0,0,.45)}
.simple-lockin-burst-points{margin-top:6px;font-size:clamp(52px,6vw,86px);font-weight:900;color:#ffcb3d;letter-spacing:.06em;text-transform:uppercase;font-family:'Bangers','Impact','Arial Black',system-ui,sans-serif;text-shadow:0 0 14px rgba(255,203,61,.52),0 0 30px rgba(255,79,216,.3),0 8px 24px rgba(0,0,0,.4)}
.simple-lockin-burst.wrong .simple-lockin-burst-points{color:#ff8ea0}
.simple-lockin-burst.hurry .simple-lockin-burst-points{color:#ffcb3d}
.simple-lockin-burst.burst-in{animation:lockinBurstIn .34s cubic-bezier(.2,.9,.28,1.2) forwards}
.simple-lockin-burst.burst-out{animation:lockinBurstOut .45s ease-in forwards}
@keyframes lockinBurstIn{from{opacity:0;transform:translate(-50%,-56%) scale(.72)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes lockinBurstOut{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-44%) scale(1.04)}}

.simple-choices{
  position:absolute;left:24px;right:24px;bottom:var(--safeBottom);z-index:8;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;transition:opacity .2s ease, filter .2s ease
}
.simple-choice{
  padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.52);backdrop-filter:blur(10px);
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;font-size:clamp(22px,1.9vw,32px);font-weight:800;min-height:112px
}
.simple-choice .badge{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05))}
.simple-choice.correct{box-shadow:inset 0 0 0 2px rgba(89,247,144,.7),0 0 24px rgba(89,247,144,.2);background:rgba(89,247,144,.14)}
.simple-choice.dim{opacity:.58}
.simple-choices.answers-hidden .simple-choice{opacity:.35;filter:blur(4px);pointer-events:none}

/* Full screen overlay */
.stage-overlay{
  position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(0,0,0,.82);backdrop-filter:blur(8px);transition:opacity .35s ease, visibility .35s ease
}
.stage-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}
.stage-overlay-inner{
  width:min(92vw,1100px);padding:38px;border-radius:32px;text-align:center;
  background:linear-gradient(180deg,rgba(19,21,56,.96),rgba(8,10,28,.94));border:1px solid var(--line);
  box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 40px rgba(138,92,255,.18)
}
.stage-kicker{font-size:clamp(18px,1.3vw,22px);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
#stageTitle{margin:10px 0 12px;font-size:clamp(58px,7vw,124px);line-height:.92;text-transform:uppercase}
.stage-subtitle{font-size:clamp(24px,2vw,36px);color:#dde5ff}
.stage-timer{
  margin:20px auto 12px;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;
  font-size:48px;font-weight:900;border:4px solid var(--cyan);box-shadow:0 0 28px rgba(53,228,255,.25)
}
.stage-results{
  margin:24px auto 0;display:grid;gap:14px;max-width:min(80vw,760px)
}
.stage-results .result-item{
  padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line);
  display:grid;gap:4px;justify-items:center
}
.stage-results .result-name{font-size:clamp(30px,2.5vw,44px);font-weight:900;text-transform:uppercase}
.stage-results .result-score{font-size:clamp(28px,2vw,38px);color:var(--yellow);font-weight:900}

@media (max-width:900px){
  .simple-choices{grid-template-columns:1fr;position:static;padding:18px}
  .simple-countdown{bottom:calc(var(--safeBottom) + 16px)}
  .simple-status-chip{left:50%;right:auto;transform:translateX(-50%);text-align:center}
}


/* requested simple theme adjustments only */
.lobby-shell{
  grid-template-columns:minmax(280px, 360px) minmax(0, 1fr);
  align-items:center;
  column-gap:clamp(34px, 5vw, 72px);
}
.lobby-main{
  width:min(64vw, 780px);
  justify-self:center;
  gap:22px;
}
.lobby-players-wrap{
  width:min(24vw, 340px);
  justify-self:start;
  align-self:center;
  justify-items:start;
  text-align:left;
}
.lobby-players-title{
  font-size:clamp(24px, 2vw, 34px);
}
.lobby-player-list{
  width:100%;
  gap:14px;
}
.lobby-player-item{
  font-size:clamp(28px, 2.2vw, 40px);
  text-align:left;
}
.lobby-room-code{
  width:min(60vw, 480px);
  text-align:center;
  font-weight:700;
  line-height:.95;
  margin:0;
}
.lobby-qr-wrap{
  width:min(60vw, 480px);
  margin:0 auto;
}
.lobby-qr{
  width:100%;
  max-width:none;
}
.simple-start-btn{
  width:min(60vw, 480px);
}
.lobby-url,
.lobby-prompt{
  display:none !important;
}
@media (max-width: 1100px){
  .lobby-shell{
    grid-template-columns:1fr;
    row-gap:28px;
  }
  .lobby-main{
    width:min(92vw, 640px);
  }
  .lobby-players-wrap{
    width:min(92vw, 640px);
    justify-self:center;
    justify-items:center;
    text-align:center;
  }
  .lobby-player-item{
    text-align:center;
  }
}


/* simple theme v3 requested refinements */
.simple-video-wrap{
  background:#000;
}
.simple-video-player{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.simple-video-player iframe{
  position:absolute;
  left:50%;
  top:50%;
  width:max(100vw, 177.78vh);
  height:max(56.25vw, 100vh);
  transform:translate(-50%,-50%);
  border:0;
}

.simple-status-chip{
  z-index:24;
}

.simple-countdown{
  right:24px;
  bottom:148px;
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px rgba(53,228,255,.22);
}

.simple-points{
  left:22px;
  top:22px;
  right:auto;
  padding:16px 20px;
  border-radius:18px;
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16);
  color:#fff7d8;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:clamp(26px,2vw,44px);
  line-height:1;
  white-space:nowrap;
  z-index:8;
  box-shadow:0 20px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
  text-shadow:0 0 16px rgba(255,203,61,.26);
  transform:none;
  animation:none;
}
.simple-points.urgent{
  border-color:rgba(255,203,61,.48);
  box-shadow:0 20px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08), 0 0 20px rgba(255,203,61,.16);
}

.simple-answered-scores{
  position:absolute;
  left:22px;
  top:88px;
  z-index:8;
  display:grid;
  gap:8px;
  max-width:min(42vw, 560px);
}
.simple-answered-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:baseline;
  padding:10px 14px;
  border-radius:16px;
  background:rgba(0,0,0,.30);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.simple-answered-name{
  font-size:clamp(20px,1.4vw,30px);
  font-weight:900;
  color:#fff;
}
.simple-answered-meta{
  font-size:clamp(18px,1.2vw,24px);
  font-weight:800;
  color:#dfe6ff;
}

.simple-choices{
  bottom:24px;
}
.simple-choice{
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}

.game-stage.overlay-active .simple-countdown,
.game-stage.overlay-active .simple-points,
.game-stage.overlay-active .simple-answered-scores,
.game-stage.overlay-active .simple-choices{
  opacity:0;
  transition:opacity .2s ease;
}

.stage-overlay{
  z-index:60;
  background:rgba(0,0,0,.92);
}
.stage-overlay-inner{
  width:min(92vw, 1040px);
  padding:48px 44px;
  border-radius:34px;
}
.stage-kicker{
  font-size:clamp(22px,1.6vw,28px);
}
#stageTitle{
  font-size:clamp(72px,8vw,138px);
}
.stage-subtitle{
  font-size:clamp(28px,2.2vw,42px);
}
.stage-timer{
  width:148px;
  height:148px;
  font-size:64px;
}

.lobby-shell{
  width:min(96vw, 1580px);
  margin:0 auto;
  grid-template-columns:minmax(300px, 360px) minmax(420px, 560px);
  justify-content:center;
  align-items:center;
  column-gap:clamp(42px, 6vw, 100px);
  row-gap:24px;
  padding:clamp(28px,4vw,56px);
}
.lobby-main{
  width:min(40vw, 520px);
  gap:26px;
  justify-self:center;
}
.lobby-room-code{
  width:min(40vw, 520px);
  text-align:center;
  font-weight:700;
  line-height:.95;
  letter-spacing:.01em;
  margin:0;
}
.lobby-qr-wrap{
  width:min(40vw, 520px);
  margin:6px auto 0;
}
.lobby-qr{
  width:100%;
  max-width:none;
  padding:18px;
}
.simple-start-btn{
  width:min(40vw, 520px);
  padding:24px 42px;
}
.lobby-url,
.lobby-prompt{
  display:none !important;
}
.lobby-players-wrap{
  width:min(24vw, 340px);
  justify-self:start;
  align-self:center;
  justify-items:start;
  text-align:left;
}
.lobby-players-title{
  font-size:clamp(24px, 2vw, 34px);
}
.lobby-player-list{
  width:100%;
  gap:14px;
}
.lobby-player-item{
  font-size:clamp(28px, 2vw, 40px);
  text-align:left;
}

@media (max-width: 1100px){
  .lobby-shell{
    grid-template-columns:1fr;
    width:min(94vw, 760px);
    justify-items:center;
  }
  .lobby-main,
  .lobby-room-code,
  .lobby-qr-wrap,
  .simple-start-btn,
  .lobby-players-wrap{
    width:min(92vw, 560px);
    justify-self:center;
  }
  .lobby-players-wrap{
    justify-items:center;
    text-align:center;
  }
  .lobby-player-item{
    text-align:center;
  }
}


/* v4 requested tweaks only */
html, body{
  height:100%;
  overflow:hidden;
}

.lobby-shell{
  min-height:100vh;
  height:100vh;
  width:min(96vw, 1700px);
  margin:0 auto;
  padding:clamp(24px, 3vw, 44px) clamp(28px, 4vw, 56px);
  grid-template-columns:minmax(300px, 560px) minmax(260px, 360px);
  justify-content:center;
  align-items:center;
  align-content:center;
  column-gap:clamp(48px, 6vw, 110px);
  row-gap:24px;
}
.lobby-main{
  width:100%;
  max-width:560px;
  gap:clamp(18px, 2.2vh, 28px);
}
.lobby-room-code{
  width:min(100%, 560px);
  font-size:clamp(84px, 11vh, 220px);
  line-height:.88;
}
.lobby-qr-wrap{
  width:min(100%, 560px);
  max-width:560px;
  margin:0 auto;
}
.lobby-qr{
  width:100%;
}
.simple-start-btn{
  width:min(100%, 560px);
}
.lobby-players-wrap{
  width:min(100%, 360px);
  max-width:360px;
  justify-self:start;
  align-self:center;
  justify-items:start;
  text-align:left;
  gap:18px;
}
.lobby-player-list{
  width:100%;
  max-height:52vh;
  overflow:hidden;
  gap:14px;
}
.lobby-player-item{
  width:100%;
  text-align:left;
}

@media (max-width: 1200px){
  .lobby-shell{
    grid-template-columns:minmax(280px, 1fr) minmax(220px, 320px);
    width:min(96vw, 1320px);
    column-gap:clamp(30px, 4vw, 60px);
  }
  .lobby-room-code{font-size:clamp(72px, 9vw, 160px);}
}
@media (max-width: 900px){
  .lobby-shell{
    grid-template-columns:1fr;
    width:min(94vw, 760px);
    justify-items:center;
    align-content:center;
    row-gap:26px;
  }
  .lobby-main,
  .lobby-players-wrap{
    width:min(92vw, 560px);
    max-width:560px;
    justify-self:center;
  }
  .lobby-players-wrap{
    justify-items:center;
    text-align:center;
  }
  .lobby-player-item{
    text-align:center;
  }
}

.simple-video-wrap{
  display:grid;
  place-items:center;
}
.simple-video-player{
  inset:auto;
  width:100vw;
  height:100vh;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
.simple-video-player iframe{
  position:absolute;
  left:50%;
  top:50%;
  width:max(100vw, 177.78vh);
  height:max(56.25vw, 100vh);
  min-width:100vw;
  min-height:100vh;
  transform:translate(-50%, -50%);
}

.simple-countdown{
  right:24px;
  bottom:172px;
}

.stage-timer{
  display:none !important;
}


/* v5 requested refinements only */
.lobby-shell{
  grid-template-columns:minmax(340px, 560px) minmax(280px, 360px);
}
.lobby-main{
  max-width:560px;
  justify-self:center;
}
.lobby-room-code{
  display:none;
}
.lobby-qr-wrap{
  position:relative;
  width:min(100%, 560px);
}
.lobby-qr-code-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:2;
  padding:.18em .42em;
  border-radius:12px;
  background:rgba(255,255,255,.90);
  color:#1a214f;
  font-size:clamp(22px, 2vw, 34px);
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  pointer-events:none;
}
.simple-start-btn{
  width:100%;
  max-width:360px;
  justify-self:start;
}
.lobby-players-wrap{
  gap:20px;
}
.stage-results .result-item{
  gap:6px;
}
.stage-results .result-avg{
  font-size:clamp(20px,1.5vw,28px);
  color:#dfe6ff;
  font-weight:700;
}

@media (max-width: 900px){
  .simple-start-btn{
    justify-self:center;
    max-width:560px;
  }
}


/* v6 requested refinements only */
.lobby-main{
  gap:22px;
}
.simple-start-btn{
  width:min(100%, 560px);
  max-width:560px;
  justify-self:center;
}
.lobby-players-wrap{
  align-self:start;
  padding-top:8px;
}
.lobby-players-title{
  font-weight:900;
  font-size:clamp(26px, 2.2vw, 38px);
}
.lobby-player-item,
.lobby-player-item.empty{
  font-size:clamp(26px, 2.2vw, 38px);
  font-weight:400;
  color:#fff;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.lobby-player-list{
  gap:18px;
}
.join-burst{
  display:none !important;
}


/* v7 requested lobby and playback refinements only */
.lobby-shell{
  align-items:start;
}
.lobby-main{
  align-self:start;
  justify-self:center;
}
.simple-start-btn{
  width:min(100%, 560px);
  max-width:560px;
  justify-self:center;
}
.lobby-players-wrap{
  align-self:start;
  padding-top:28px;
  gap:18px;
}
.lobby-players-title{
  font-size:clamp(28px, 2.3vw, 40px);
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#fff;
}
.lobby-player-item,
.lobby-player-item.empty{
  font-size:clamp(28px, 2.3vw, 40px);
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#fff;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.join-burst{ display:none !important; }


/* v8 lobby animation/video + avatars + winner emphasis */
.lobby-shell{
  position:relative;
  overflow:hidden;
}
.lobby-shell::before,
.lobby-shell::after{
  content:'';
  position:absolute;
  inset:-20%;
  pointer-events:none;
  z-index:0;
}
.lobby-shell::before{
  background:
    radial-gradient(circle at 20% 30%, rgba(53,228,255,.10), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(255,79,216,.08), transparent 18%),
    radial-gradient(circle at 55% 75%, rgba(138,92,255,.12), transparent 22%);
  animation:lobbyDrift 18s linear infinite alternate;
}
.lobby-shell::after{
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.04) 40%, transparent 70%);
  transform:translateX(-120%);
  animation:lobbySweep 12s linear infinite;
}
@keyframes lobbyDrift{
  0%{transform:translate3d(-2%, -1%, 0) scale(1)}
  100%{transform:translate3d(2%, 1.5%, 0) scale(1.06)}
}
@keyframes lobbySweep{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}
.lobby-main,.lobby-players-wrap,.lobby-guide-window{position:relative;z-index:1}
.lobby-guide-window{
  position:absolute;
  left:32px;
  bottom:28px;
  width:min(26vw, 380px);
  border-radius:24px;
  overflow:hidden;
  background:rgba(0,0,0,.36);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 40px rgba(0,0,0,.32);
}
.lobby-guide-video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#000;
}
.lobby-players-title{white-space:nowrap}
.player-avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  object-fit:cover;
  flex:0 0 auto;
  background:rgba(255,255,255,.10);
}
.lobby-player-item,
.simple-answered-row,
.result-item{
  display:flex;
  align-items:center;
  gap:10px;
}
.answered-avatar{width:28px;height:28px}
.result-avatar{width:56px;height:56px}
.stage-results .podium-1{
  transform:scale(1.05);
  box-shadow:0 0 0 1px rgba(255,203,61,.20), 0 0 30px rgba(255,203,61,.18);
  animation:winnerPulse 1.6s ease-in-out infinite;
}
.stage-results .podium-1 .result-name{
  font-size:clamp(36px, 3vw, 54px);
}
.stage-results .podium-1 .result-score{
  font-size:clamp(32px, 2.6vw, 46px);
}
@keyframes winnerPulse{
  0%,100%{transform:scale(1.03)}
  50%{transform:scale(1.08)}
}
@media (max-width: 900px){
  .lobby-guide-window{
    position:relative;
    left:auto;
    bottom:auto;
    width:min(92vw, 560px);
    order:3;
  }
}


/* v9 requested refinements only */
.lobby-main,.lobby-players-wrap,.lobby-guide-window,.lobby-notes{position:relative;z-index:1}
.lobby-guide-window{
  left:auto;
  right:32px;
  bottom:28px;
}
.lobby-notes{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:0;
}
.lobby-notes span{
  position:absolute;
  font-size:clamp(26px,2.4vw,46px);
  color:rgba(255,255,255,.18);
  text-shadow:0 0 12px rgba(255,203,61,.18);
  animation:noteFloat linear infinite;
}
.lobby-notes span:nth-child(1){left:8%; bottom:8%; animation-duration:16s; animation-delay:-2s;}
.lobby-notes span:nth-child(2){left:18%; bottom:20%; animation-duration:22s; animation-delay:-7s;}
.lobby-notes span:nth-child(3){left:74%; bottom:12%; animation-duration:18s; animation-delay:-5s;}
.lobby-notes span:nth-child(4){left:62%; bottom:28%; animation-duration:24s; animation-delay:-9s;}
.lobby-notes span:nth-child(5){left:86%; bottom:36%; animation-duration:20s; animation-delay:-4s;}
.lobby-notes span:nth-child(6){left:42%; bottom:14%; animation-duration:26s; animation-delay:-11s;}
@keyframes noteFloat{
  0%{transform:translate3d(0,0,0) rotate(0deg); opacity:0}
  10%{opacity:.18}
  50%{opacity:.28}
  100%{transform:translate3d(36px,-220px,0) rotate(12deg); opacity:0}
}

.simple-points{
  font-family:inherit;
  font-size:clamp(20px,1.6vw,28px);
  font-weight:800;
  letter-spacing:.02em;
  text-transform:none;
  transform:none;
  animation:none;
  padding:14px 18px;
  border-radius:16px;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 28px rgba(0,0,0,.28);
  text-shadow:none;
}
.simple-points.urgent{
  animation:none;
}
.player-avatar{
  width:68px;
  height:68px;
  border-radius:999px;
}
.answered-avatar{
  width:56px;
  height:56px;
}
.result-avatar{
  width:112px;
  height:112px;
  border-radius:999px;
}
.simple-answered-row{
  gap:14px;
}
.simple-choice.correct{
  background:rgba(89,247,144,.22);
  box-shadow:inset 0 0 0 3px rgba(89,247,144,.95),0 0 34px rgba(89,247,144,.28),0 18px 28px rgba(0,0,0,.32);
}
.stage-subtitle:empty{
  display:none;
}
.stage-results .result-item{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  text-align:left;
  padding:26px 28px;
}
.stage-results .result-main{
  display:grid;
  gap:10px;
}
.stage-results .result-name{
  font-size:clamp(40px,3vw,58px);
}
.stage-results .result-stats{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
}
.stage-results .result-meta{
  font-size:clamp(24px,1.8vw,32px);
  color:#dfe6ff;
  font-weight:700;
}
.stage-results .podium-1{
  transform:scale(1.03);
  box-shadow:0 0 0 1px rgba(255,203,61,.24), 0 0 38px rgba(255,203,61,.28), 0 0 70px rgba(255,203,61,.12);
  animation:winnerPulseGlow 1.45s ease-in-out infinite;
}
.stage-results .podium-1 .result-avatar{
  box-shadow:0 0 0 4px rgba(255,203,61,.36), 0 0 26px rgba(255,203,61,.34);
}
.stage-results .podium-1 .result-name{
  font-size:clamp(46px,3.3vw,66px);
}
@keyframes winnerPulseGlow{
  0%,100%{transform:scale(1.02); box-shadow:0 0 0 1px rgba(255,203,61,.24), 0 0 28px rgba(255,203,61,.22), 0 0 56px rgba(255,203,61,.10)}
  50%{transform:scale(1.06); box-shadow:0 0 0 1px rgba(255,203,61,.34), 0 0 48px rgba(255,203,61,.34), 0 0 86px rgba(255,203,61,.16)}
}

@media (max-width: 900px){
  .lobby-guide-window{
    right:auto;
    left:auto;
    bottom:auto;
  }
}


/* v10 targeted fixes */
.lobby-guide-window{
  left:auto !important;
  right:32px !important;
  bottom:28px !important;
  width:min(24vw, 360px);
  z-index:2;
}
.lobby-notes{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:1;
}
.lobby-notes span{
  position:absolute;
  display:block;
  font-size:clamp(28px,2vw,42px);
  color:rgba(255,255,255,.16);
  text-shadow:0 0 16px rgba(255,203,61,.22);
  animation:noteDrift 16s linear infinite;
  opacity:1;
}
.lobby-notes span:nth-child(1){left:10%; bottom:6%; animation-duration:15s;}
.lobby-notes span:nth-child(2){left:26%; bottom:18%; animation-duration:20s; animation-delay:-3s;}
.lobby-notes span:nth-child(3){left:58%; bottom:10%; animation-duration:18s; animation-delay:-8s;}
.lobby-notes span:nth-child(4){left:76%; bottom:20%; animation-duration:22s; animation-delay:-5s;}
.lobby-notes span:nth-child(5){left:88%; bottom:8%; animation-duration:17s; animation-delay:-9s;}
.lobby-notes span:nth-child(6){left:44%; bottom:30%; animation-duration:24s; animation-delay:-12s;}
@keyframes noteDrift{
  0%{transform:translate3d(0,0,0) scale(.9) rotate(0deg);opacity:0}
  15%{opacity:.22}
  85%{opacity:.22}
  100%{transform:translate3d(30px,-260px,0) scale(1.08) rotate(14deg);opacity:0}
}

.simple-points{
  color:#fff;
  animation:pointsPulse 1.2s ease-in-out infinite;
}
.simple-points.pulse{
  animation:pointsPulse 1.2s ease-in-out infinite;
}
.simple-points.urgent{
  animation:pointsUrgent 0.42s ease-in-out infinite;
}
@keyframes pointsPulse{
  0%,100%{color:#fff; transform:translateY(0)}
  50%{color:var(--yellow); transform:translateY(0)}
}
@keyframes pointsUrgent{
  0%,100%{color:#fff; transform:translateY(0) scale(1)}
  50%{color:var(--yellow); transform:translateY(-4px) scale(1.08)}
}

.simple-choice.correct{
  background:rgba(89,247,144,.22);
  box-shadow:inset 0 0 0 3px rgba(89,247,144,.95),0 0 34px rgba(89,247,144,.28),0 18px 28px rgba(0,0,0,.32);
}
.simple-choice.correct.pulse-reveal{
  animation:correctRevealPulse 0.5s ease-in-out 4;
}
@keyframes correctRevealPulse{
  0%,100%{box-shadow:inset 0 0 0 3px rgba(89,247,144,.95),0 0 18px rgba(89,247,144,.24),0 18px 28px rgba(0,0,0,.32)}
  50%{box-shadow:inset 0 0 0 3px rgba(89,247,144,1),0 0 52px rgba(89,247,144,.48),0 18px 28px rgba(0,0,0,.32); transform:translateY(-4px)}
}

#clipTitle{
  font-size:clamp(22px,4.6vw,40px) !important;
  line-height:1.1;
}
#mobilePointsBand{
  display:none !important;
}

@media (max-width: 900px){
  .lobby-guide-window{
    right:24px !important;
    left:auto !important;
    bottom:24px !important;
    width:min(42vw, 360px);
  }
}


/* v11 targeted fixes */
.lobby-shell{
  position:relative;
  overflow:hidden;
}
.lobby-main,.lobby-players-wrap{position:relative;z-index:3}
.lobby-guide-window{
  position:absolute !important;
  left:auto !important;
  right:32px !important;
  bottom:28px !important;
  width:min(24vw, 360px);
  z-index:2 !important;
}
.lobby-guide-video{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.lobby-notes{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none;
  overflow:hidden;
  z-index:1 !important;
}
.lobby-notes span{
  position:absolute !important;
  display:block !important;
  opacity:.32 !important;
  color:rgba(255,255,255,.28) !important;
  text-shadow:0 0 18px rgba(255,203,61,.18);
}
.lobby-players-title,
.lobby-player-item,
.lobby-player-item.empty{
  white-space:nowrap;
}

.simple-points{
  font-family:inherit !important;
  font-weight:800 !important;
}
.simple-points.urgent{
  animation:pointsUrgent 0.42s ease-in-out infinite !important;
}
.simple-points:not(.urgent){
  animation:pointsPulse 1.2s ease-in-out infinite !important;
}
@keyframes pointsPulse{
  0%,100%{color:#fff; transform:translateY(0)}
  50%{color:var(--yellow); transform:translateY(0)}
}
@keyframes pointsUrgent{
  0%,100%{color:#fff; transform:translateY(0) scale(1)}
  50%{color:var(--yellow); transform:translateY(-4px) scale(1.08)}
}

.simple-choice.correct.pulse-reveal{
  animation:correctRevealPulse 0.5s ease-in-out 4 !important;
}
@keyframes correctRevealPulse{
  0%,100%{box-shadow:inset 0 0 0 3px rgba(89,247,144,.95),0 0 18px rgba(89,247,144,.24),0 18px 28px rgba(0,0,0,.32); transform:none}
  50%{box-shadow:inset 0 0 0 3px rgba(89,247,144,1),0 0 52px rgba(89,247,144,.48),0 18px 28px rgba(0,0,0,.32); transform:translateY(-4px)}
}

@media (max-width: 900px){
  .lobby-guide-window{
    right:24px !important;
    bottom:24px !important;
    width:min(42vw, 320px);
  }
}


/* v12 fixes */
.lobby-shell::before,
.lobby-shell::after{display:none !important;}
.lobby-shell{position:relative;overflow:hidden;}
.lobby-main,.lobby-players-wrap{position:relative;z-index:3 !important;}
.lobby-guide-window{position:absolute !important;right:32px !important;bottom:28px !important;left:auto !important;top:auto !important;z-index:2 !important;width:min(24vw,360px);}
.lobby-guide-video{display:block;width:100%;height:auto;object-fit:cover;border-radius:22px;}
.lobby-notes{position:absolute !important;inset:0 !important;pointer-events:none;overflow:hidden;z-index:1 !important;}
.lobby-notes span{position:absolute !important;display:block !important;color:rgba(255,255,255,.18) !important;text-shadow:0 0 16px rgba(255,203,61,.16);animation:noteDance linear infinite;transform-origin:center;}
.lobby-notes span:nth-child(1){left:6%;bottom:8%;animation-duration:16s;animation-delay:-2s;font-size:28px;opacity:0.14;}
.lobby-notes span:nth-child(2){left:16%;bottom:20%;animation-duration:21s;animation-delay:-7s;font-size:34px;opacity:0.18;}
.lobby-notes span:nth-child(3){left:28%;bottom:12%;animation-duration:19s;animation-delay:-5s;font-size:24px;opacity:0.12;}
.lobby-notes span:nth-child(4){left:36%;bottom:30%;animation-duration:24s;animation-delay:-9s;font-size:40px;opacity:0.22;}
.lobby-notes span:nth-child(5){left:48%;bottom:14%;animation-duration:18s;animation-delay:-4s;font-size:22px;opacity:0.1;}
.lobby-notes span:nth-child(6){left:58%;bottom:24%;animation-duration:23s;animation-delay:-8s;font-size:30px;opacity:0.16;}
.lobby-notes span:nth-child(7){left:68%;bottom:10%;animation-duration:20s;animation-delay:-6s;font-size:36px;opacity:0.2;}
.lobby-notes span:nth-child(8){left:76%;bottom:22%;animation-duration:25s;animation-delay:-11s;font-size:26px;opacity:0.12;}
.lobby-notes span:nth-child(9){left:84%;bottom:8%;animation-duration:17s;animation-delay:-9s;font-size:32px;opacity:0.17;}
.lobby-notes span:nth-child(10){left:12%;bottom:42%;animation-duration:22s;animation-delay:-13s;font-size:20px;opacity:0.11;}
.lobby-notes span:nth-child(11){left:24%;bottom:48%;animation-duration:26s;animation-delay:-15s;font-size:42px;opacity:0.2;}
.lobby-notes span:nth-child(12){left:52%;bottom:44%;animation-duration:21s;animation-delay:-10s;font-size:26px;opacity:0.13;}
.lobby-notes span:nth-child(13){left:72%;bottom:40%;animation-duration:19s;animation-delay:-12s;font-size:38px;opacity:0.18;}
.lobby-notes span:nth-child(14){left:88%;bottom:34%;animation-duration:24s;animation-delay:-14s;font-size:30px;opacity:0.15;}
@keyframes noteDance{
  0%{transform:translate3d(0,0,0) rotate(0deg) scale(.92);opacity:0}
  10%{opacity:inherit}
  35%{transform:translate3d(12px,-70px,0) rotate(8deg) scale(1.05)}
  65%{transform:translate3d(-10px,-150px,0) rotate(-8deg) scale(.98)}
  100%{transform:translate3d(18px,-240px,0) rotate(14deg) scale(1.1);opacity:0}
}
@media (max-width:900px){
  .lobby-guide-window{right:24px !important;bottom:24px !important;width:min(42vw,320px);}
}


/* v13 lobby and reveal fixes */
.lobby-shell::before,
.lobby-shell::after{display:none !important;}
.lobby-shell{position:relative;overflow:hidden;}
.lobby-main,.lobby-players-wrap{position:relative;z-index:3 !important;}
.lobby-guide-window{position:absolute !important;right:32px !important;bottom:28px !important;left:auto !important;top:auto !important;z-index:2 !important;width:min(24vw,360px);}
.lobby-guide-video{display:block;width:100%;height:auto;object-fit:cover;border-radius:22px;}
.lobby-notes{position:absolute !important;inset:0 !important;pointer-events:none;overflow:hidden;z-index:1 !important;}
.lobby-notes span{position:absolute !important;display:block !important;color:rgba(255,255,255,.18) !important;text-shadow:0 0 16px rgba(255,203,61,.16);animation:noteDance linear infinite;transform-origin:center;}
.lobby-qr-wrap{position:relative;}
.lobby-qr-wrap::before{content:'';position:absolute;inset:-18px;border-radius:34px;background:radial-gradient(circle, rgba(255,255,255,.28) 0%, rgba(255,255,255,.18) 28%, rgba(255,255,255,0) 66%);animation:qrPulseGlow 1.7s ease-in-out infinite;pointer-events:none;z-index:0;}
.lobby-qr{position:relative;z-index:1;}
@keyframes qrPulseGlow{0%,100%{transform:scale(.96);opacity:.46}50%{transform:scale(1.06);opacity:.9}}
.simple-start-btn{border:0 !important;box-shadow:0 14px 34px rgba(0,0,0,.22) !important;}
.lobby-notes span:nth-child(1){left:4%; bottom:6%; animation-duration:13s; animation-delay:-2s; font-size:58px; opacity:.18;}
.lobby-notes span:nth-child(2){left:10%; bottom:24%; animation-duration:19s; animation-delay:-7s; font-size:72px; opacity:.28;}
.lobby-notes span:nth-child(3){left:16%; bottom:42%; animation-duration:17s; animation-delay:-4s; font-size:46px; opacity:.16;}
.lobby-notes span:nth-child(4){left:24%; bottom:10%; animation-duration:22s; animation-delay:-9s; font-size:74px; opacity:.24;}
.lobby-notes span:nth-child(5){left:30%; bottom:30%; animation-duration:15s; animation-delay:-6s; font-size:52px; opacity:.18;}
.lobby-notes span:nth-child(6){left:38%; bottom:50%; animation-duration:21s; animation-delay:-10s; font-size:68px; opacity:.26;}
.lobby-notes span:nth-child(7){left:46%; bottom:14%; animation-duration:18s; animation-delay:-8s; font-size:56px; opacity:.17;}
.lobby-notes span:nth-child(8){left:54%; bottom:36%; animation-duration:24s; animation-delay:-11s; font-size:76px; opacity:.25;}
.lobby-notes span:nth-child(9){left:62%; bottom:8%; animation-duration:16s; animation-delay:-5s; font-size:48px; opacity:.15;}
.lobby-notes span:nth-child(10){left:68%; bottom:46%; animation-duration:20s; animation-delay:-12s; font-size:70px; opacity:.24;}
.lobby-notes span:nth-child(11){left:76%; bottom:20%; animation-duration:17s; animation-delay:-6s; font-size:60px; opacity:.18;}
.lobby-notes span:nth-child(12){left:82%; bottom:52%; animation-duration:23s; animation-delay:-14s; font-size:74px; opacity:.24;}
.lobby-notes span:nth-child(13){left:90%; bottom:12%; animation-duration:18s; animation-delay:-9s; font-size:50px; opacity:.16;}
.lobby-notes span:nth-child(14){left:94%; bottom:34%; animation-duration:22s; animation-delay:-13s; font-size:66px; opacity:.22;}
@keyframes noteDance{
  0%{transform:translate3d(0,0,0) rotate(0deg) scale(.86);opacity:0}
  10%{opacity:inherit}
  30%{transform:translate3d(8px,-36px,0) rotate(6deg) scale(1.02)}
  55%{transform:translate3d(-12px,-110px,0) rotate(-8deg) scale(.94)}
  80%{transform:translate3d(12px,-190px,0) rotate(10deg) scale(1.08)}
  100%{transform:translate3d(-6px,-270px,0) rotate(16deg) scale(1.12);opacity:0}
}
@media (max-width:900px){.lobby-guide-window{right:24px !important;bottom:24px !important;width:min(42vw,320px);}}


/* v14 in-game and lobby refinements */
.stage-subtitle:empty{display:none !important;}
.clip-logo-overlay{position:absolute;left:18px;bottom:18px;width:min(11vw,190px);max-width:190px;height:auto;z-index:7;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));opacity:.92;display:none;}
.simple-video-wrap:not(.player-hidden) .clip-logo-overlay{display:block;}


/* v15 tv refinements */
.clip-logo-overlay{left:30px !important;bottom:154px !important;width:min(10vw,170px) !important;}


/* v16 exact UI fixes */
.simple-start-btn,
.simple-start-btn:hover,
.simple-start-btn:focus,
.simple-start-btn:active{border:0 !important;outline:none !important;box-shadow:0 14px 34px rgba(0,0,0,.22) !important;}
.clip-logo-overlay{left:32px !important;bottom:136px !important;}


/* v17 exact requested tweaks */
body.has-stars::before{display:none !important;content:none !important;}
.lobby-notes span{font-size:clamp(56px,4.4vw,104px) !important;opacity:.28 !important;}
.lobby-notes span:nth-child(1){left:2%; bottom:6%; animation-duration:13s; animation-delay:-2s; font-size:72px; opacity:.20;}
.lobby-notes span:nth-child(2){left:8%; bottom:24%; animation-duration:18s; animation-delay:-7s; font-size:96px; opacity:.30;}
.lobby-notes span:nth-child(3){left:14%; bottom:42%; animation-duration:16s; animation-delay:-4s; font-size:74px; opacity:.22;}
.lobby-notes span:nth-child(4){left:20%; bottom:12%; animation-duration:21s; animation-delay:-9s; font-size:102px; opacity:.28;}
.lobby-notes span:nth-child(5){left:28%; bottom:30%; animation-duration:15s; animation-delay:-6s; font-size:82px; opacity:.22;}
.lobby-notes span:nth-child(6){left:36%; bottom:50%; animation-duration:20s; animation-delay:-10s; font-size:94px; opacity:.30;}
.lobby-notes span:nth-child(7){left:44%; bottom:16%; animation-duration:17s; animation-delay:-8s; font-size:78px; opacity:.22;}
.lobby-notes span:nth-child(8){left:52%; bottom:38%; animation-duration:23s; animation-delay:-11s; font-size:108px; opacity:.28;}
.lobby-notes span:nth-child(9){left:60%; bottom:8%; animation-duration:15s; animation-delay:-5s; font-size:72px; opacity:.18;}
.lobby-notes span:nth-child(10){left:66%; bottom:46%; animation-duration:19s; animation-delay:-12s; font-size:98px; opacity:.28;}
.lobby-notes span:nth-child(11){left:74%; bottom:20%; animation-duration:17s; animation-delay:-6s; font-size:86px; opacity:.22;}
.lobby-notes span:nth-child(12){left:82%; bottom:52%; animation-duration:22s; animation-delay:-14s; font-size:104px; opacity:.30;}
.lobby-notes span:nth-child(13){left:90%; bottom:14%; animation-duration:18s; animation-delay:-9s; font-size:76px; opacity:.20;}
.lobby-notes span:nth-child(14){left:96%; bottom:34%; animation-duration:21s; animation-delay:-13s; font-size:92px; opacity:.24;}
.clip-logo-overlay{left:30px !important;bottom:126px !important;}


/* v18 exact requested tweaks */
.stage-results .podium-1{position:relative;overflow:visible;}
.stage-results .podium-1::before,.stage-results .podium-1::after{content:'';position:absolute;inset:auto;pointer-events:none;border-radius:50%;width:120px;height:120px;opacity:.7;filter:blur(0.3px);animation:fireworkBurst 1.6s ease-out infinite;}
.stage-results .podium-1::before{left:-18px;top:-16px;background:radial-gradient(circle, rgba(255,203,61,.95) 0 8%, transparent 9%),radial-gradient(circle, rgba(53,228,255,.95) 0 8%, transparent 9%),radial-gradient(circle, rgba(255,79,216,.95) 0 8%, transparent 9%),radial-gradient(circle, rgba(255,255,255,.95) 0 6%, transparent 7%);background-size:36px 36px,32px 32px,30px 30px,26px 26px;background-position:0 0,80px 10px,18px 82px,72px 74px;}
.stage-results .podium-1::after{right:-22px;bottom:-18px;animation-delay:.8s;background:radial-gradient(circle, rgba(255,203,61,.95) 0 8%, transparent 9%),radial-gradient(circle, rgba(53,228,255,.95) 0 8%, transparent 9%),radial-gradient(circle, rgba(255,79,216,.95) 0 8%, transparent 9%),radial-gradient(circle, rgba(255,255,255,.95) 0 6%, transparent 7%);background-size:34px 34px,28px 28px,26px 26px,24px 24px;background-position:0 0,74px 14px,20px 74px,64px 68px;}
@keyframes fireworkBurst{0%{transform:scale(.55);opacity:0}20%{opacity:.88}100%{transform:scale(1.18);opacity:0}}
.clip-logo-overlay{left:28px !important;bottom:124px !important;}
.lobby-notes span:nth-child(1){left:2%; bottom:6%; font-size:86px; opacity:.22;}
.lobby-notes span:nth-child(2){left:6%; bottom:26%; font-size:112px; opacity:.34;}
.lobby-notes span:nth-child(3){left:12%; bottom:44%; font-size:90px; opacity:.24;}
.lobby-notes span:nth-child(4){left:18%; bottom:12%; font-size:118px; opacity:.32;}
.lobby-notes span:nth-child(5){left:24%; bottom:30%; font-size:96px; opacity:.24;}
.lobby-notes span:nth-child(6){left:32%; bottom:52%; font-size:108px; opacity:.34;}
.lobby-notes span:nth-child(7){left:40%; bottom:16%; font-size:92px; opacity:.24;}
.lobby-notes span:nth-child(8){left:48%; bottom:38%; font-size:124px; opacity:.30;}
.lobby-notes span:nth-child(9){left:56%; bottom:8%; font-size:86px; opacity:.20;}
.lobby-notes span:nth-child(10){left:62%; bottom:48%; font-size:114px; opacity:.30;}
.lobby-notes span:nth-child(11){left:70%; bottom:22%; font-size:102px; opacity:.24;}
.lobby-notes span:nth-child(12){left:78%; bottom:54%; font-size:120px; opacity:.32;}
.lobby-notes span:nth-child(13){left:88%; bottom:14%; font-size:90px; opacity:.22;}
.lobby-notes span:nth-child(14){left:94%; bottom:36%; font-size:106px; opacity:.28;}


/* v19 requested polish */
.lobby-notes span{font-size:clamp(112px,8vw,208px) !important;opacity:.22 !important;}
@keyframes noteDance{
  0%{transform:translate3d(0,0,0) rotate(0deg) scale(.9);opacity:0}
  18%{opacity:inherit}
  50%{transform:translate3d(10px,-110px,0) rotate(8deg) scale(1.03);opacity:inherit}
  82%{opacity:inherit}
  100%{transform:translate3d(-8px,-260px,0) rotate(16deg) scale(1.12);opacity:0}
}
.simple-countdown.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite;box-shadow:0 0 34px rgba(53,228,255,.45),0 0 44px rgba(255,79,216,.18),inset 0 0 20px rgba(255,79,216,.18);}
@keyframes countdownUrgentPulse{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-4px)}}
/* replace previous fireworks with behind-edge bursts */
.stage-results .podium-1{isolation:isolate;overflow:visible;}
.stage-results .podium-1::before,.stage-results .podium-1::after{display:none !important;content:none !important;}
.stage-results .podium-1 > .result-main::before{content:'';position:absolute;inset:-22px;z-index:-1;pointer-events:none;border-radius:28px;background:
  radial-gradient(circle at 4% 50%, rgba(255,203,61,.45) 0 10px, transparent 11px),
  radial-gradient(circle at 16% 10%, rgba(53,228,255,.34) 0 8px, transparent 9px),
  radial-gradient(circle at 26% 90%, rgba(255,79,216,.34) 0 8px, transparent 9px),
  radial-gradient(circle at 40% 4%, rgba(255,255,255,.4) 0 7px, transparent 8px),
  radial-gradient(circle at 58% 96%, rgba(255,203,61,.45) 0 10px, transparent 11px),
  radial-gradient(circle at 74% 6%, rgba(53,228,255,.34) 0 8px, transparent 9px),
  radial-gradient(circle at 88% 88%, rgba(255,79,216,.34) 0 8px, transparent 9px),
  radial-gradient(circle at 98% 48%, rgba(255,255,255,.4) 0 7px, transparent 8px),
  radial-gradient(circle at 50% 0%, rgba(255,203,61,.32) 0 8px, transparent 9px),
  radial-gradient(circle at 50% 100%, rgba(53,228,255,.26) 0 8px, transparent 9px);
  filter:blur(.2px) drop-shadow(0 0 12px rgba(255,203,61,.16));
  animation:edgeFireworks 1.8s ease-in-out infinite;}
.stage-results .podium-1 .result-main{position:relative;}
@keyframes edgeFireworks{0%,100%{opacity:.28;transform:scale(.98)}50%{opacity:.78;transform:scale(1.04)}}


/* v20 dynamic lobby note field */
.lobby-notes{position:absolute !important;inset:0 !important;pointer-events:none;overflow:hidden;z-index:1 !important;}
.lobby-notes span{display:none !important;}
.lobby-note-float{position:absolute;display:block;line-height:1;color:rgba(0,0,0,.45);transform-origin:center;animation:lobbyBubblePop 5s ease-out forwards;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08));will-change:transform,opacity;}
@keyframes lobbyBubblePop{0%{transform:translate3d(0,0,0) scale(.22);opacity:0}10%{opacity:var(--noteOpacity, .22)}45%{transform:translate3d(14px,-90px,0) scale(.92)}72%{transform:translate3d(-10px,-180px,0) scale(1.14)}92%{transform:translate3d(8px,-230px,0) scale(1.3);opacity:.08}100%{transform:translate3d(0,-246px,0) scale(1.5);opacity:0}}


/* v21 fix hidden dynamic notes */
.lobby-note-float{display:block !important;color:rgba(0,0,0,.45) !important;mix-blend-mode:multiply;}


/* v22 lobby notes visibility fix */
.lobby-notes .lobby-note-float{display:block !important;}
.lobby-notes{z-index:2 !important;}
.lobby-main,.lobby-players-wrap,.lobby-guide-window{z-index:3 !important;}


/* v2.02 luxury clean simple theme */
body, .simple-root, .stage-subtitle, .simple-answered-meta, .result-meta, .lobby-player-item, .simple-choice .labeltext{font-family:'Outfit', Inter, Arial, sans-serif !important;}
.simple-status-chip, .stage-kicker, #stageTitle, .simple-countdown, .simple-points, .simple-start-btn, .lobby-room-code, .lobby-players-title, .simple-choice .badge, .simple-choice .labeltext, .simple-lockin-burst-name, .simple-lockin-burst-points{font-family:'League Spartan', Arial, sans-serif !important;}
.lobby-shell{position:relative;overflow:hidden;}
.lobby-corner-logo{position:absolute;left:24px;top:22px;width:min(18vw,220px);height:auto;z-index:4;filter:drop-shadow(0 10px 24px rgba(0,0,0,.24));}
.lobby-guide-window{display:none !important;}
.lobby-notes{position:absolute !important;inset:0 !important;pointer-events:none;overflow:hidden;z-index:1 !important;}
.lobby-notes span{display:none !important;}
.lobby-notes .lobby-note-float{display:block !important;color:rgba(0,0,0,.38) !important;mix-blend-mode:multiply;}
.lobby-main,.lobby-players-wrap{position:relative;z-index:3 !important;}
/* points bubble matches countdown and stays white */
.simple-points{left:24px !important;top:24px !important;right:auto !important;width:120px;height:120px;border-radius:50%;display:grid !important;place-items:center;text-align:center;padding:0 !important;background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,255,255,.10)) !important;border:4px solid rgba(255,255,255,.92) !important;box-shadow:0 0 22px rgba(255,255,255,.24), inset 0 0 16px rgba(255,255,255,.12) !important;color:#fff !important;font-size:40px !important;font-weight:800 !important;line-height:1 !important;animation:none !important;text-shadow:none !important;transform:none !important;}
.simple-points.pulse,.simple-points.urgent{animation:none !important;color:#fff !important;}
#countdownPoints.hidden{display:none !important;}
.stage-subtitle:empty{display:none !important;}
/* hide redundant lobby prompt */
.lobby-prompt{display:none !important;}


/* v2.03 requested lobby / timing / points overrides */
.lobby-players-title{font-size:clamp(42px,4vw,74px) !important;line-height:1.02;letter-spacing:.08em !important;max-width:min(90vw,820px);text-wrap:balance;}
.lobby-player-item.empty{font-size:clamp(22px,2vw,34px) !important;line-height:1.3;max-width:min(84vw,760px);padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;}
.lobby-notes .lobby-note-float{display:block !important;color:rgba(6,8,18,.48) !important;text-shadow:0 0 1px rgba(255,255,255,.10);mix-blend-mode:multiply;}
.simple-points{left:24px !important;top:24px !important;right:auto !important;width:132px !important;height:132px !important;border-radius:50% !important;display:grid !important;place-items:center;text-align:center;padding:0 !important;background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,79,216,.18)) !important;border:4px solid var(--cyan) !important;box-shadow:0 0 24px rgba(53,228,255,.45), inset 0 0 20px rgba(255,79,216,.18) !important;color:#fff !important;font-size:58px !important;font-weight:900 !important;line-height:1 !important;animation:none !important;text-shadow:none !important;transform:none !important;}
.simple-points.pulse,.simple-points.urgent{animation:none !important;color:#fff !important;}
.stage-timer{display:grid !important;place-items:center;width:88px;height:88px;margin:18px auto 0;border-radius:50%;border:3px solid var(--cyan);font-size:42px;font-weight:900;color:#fff;box-shadow:0 0 20px rgba(53,228,255,.24);}


/* v2.04 targeted lobby / interstitial / points fixes */
.lobby-shell{
  grid-template-columns:minmax(0,1fr) minmax(360px, 42vw) !important;
  align-items:center;
}
.lobby-main{
  justify-self:end;
  width:min(46vw, 760px) !important;
}
.lobby-players-wrap{
  justify-self:start;
  width:min(40vw, 700px) !important;
  align-self:center;
  text-align:left !important;
  justify-items:start !important;
}
.lobby-players-title{
  max-width:min(40vw,700px) !important;
  width:100%;
  font-size:clamp(42px,4vw,76px) !important;
  line-height:1.05 !important;
  letter-spacing:.10em !important;
  white-space:normal !important;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.lobby-players-title.phrase-swap{
  animation:lobbyPhraseSwap .7s ease both;
}
@keyframes lobbyPhraseSwap{
  0%{opacity:0;filter:blur(14px);transform:translateY(8px)}
  100%{opacity:1;filter:blur(0);transform:translateY(0)}
}
.lobby-player-list{
  width:100%;
}
.lobby-player-item.empty{
  display:none !important;
}

/* lobby floating notes */
.lobby-notes{
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.lobby-notes span{display:none !important;}
.lobby-notes .lobby-note-float{
  display:block !important;
  position:absolute;
  left:0;
  bottom:-18vh;
  line-height:1;
  color:rgba(255,255,255,.34) !important;
  text-shadow:0 0 10px rgba(255,255,255,.12);
  mix-blend-mode:screen;
  will-change:transform,opacity;
  animation:lobbyNoteRise linear forwards;
}
@keyframes lobbyNoteRise{
  0%{transform:translate3d(0,0,0) scale(.72) rotate(0deg);opacity:0}
  10%{opacity:1}
  70%{opacity:1}
  100%{transform:translate3d(var(--driftX, 0), -128vh, 0) scale(1.08) rotate(var(--twist, 0deg));opacity:0}
}

/* stage timer text visible again */
.stage-timer{
  display:grid !important;
  place-items:center;
  width:88px;
  height:88px;
  margin:18px auto 0;
  border-radius:50%;
  border:3px solid var(--cyan);
  font-size:42px;
  font-weight:900;
  color:#fff !important;
  box-shadow:0 0 20px rgba(53,228,255,.24);
}

/* points bubble mirrors clip countdown, numeric only while counting */
.simple-points{
  left:24px !important;
  top:24px !important;
  right:auto !important;
  width:clamp(110px,10vw,170px) !important;
  height:clamp(110px,10vw,170px) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center;
  text-align:center;
  padding:0 !important;
  background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,79,216,.18)) !important;
  border:4px solid var(--cyan) !important;
  box-shadow:0 0 24px rgba(53,228,255,.45), inset 0 0 20px rgba(255,79,216,.18) !important;
  color:#fff !important;
  font-size:clamp(48px,4vw,86px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-shadow:none !important;
  transform:none !important;
  animation:none !important;
  white-space:nowrap;
}
.simple-points.pulse,.simple-points.urgent{
  animation:none !important;
  color:#fff !important;
}
.simple-points.label-mode{
  width:auto !important;
  min-width:220px;
  height:auto !important;
  padding:16px 20px !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.34) !important;
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 20px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-size:clamp(26px,2vw,40px) !important;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* keep right-side lobby text using available space on bigger screens */
@media (max-width: 1100px){
  .lobby-shell{
    grid-template-columns:1fr !important;
  }
  .lobby-main, .lobby-players-wrap{
    width:min(92vw, 760px) !important;
    justify-self:center !important;
    justify-items:center !important;
    text-align:center !important;
  }
  .lobby-players-title{
    max-width:min(92vw,760px) !important;
    text-align:center !important;
  }
}


/* v2.05 fixes */
.lobby-shell{
  grid-template-columns:minmax(520px, 760px) minmax(480px, 1fr) !important;
}
.lobby-main{
  width:min(44vw, 760px) !important;
}
.lobby-players-wrap{
  width:min(48vw, 920px) !important;
  max-width:920px;
}
.lobby-players-title{
  max-width:min(48vw,920px) !important;
  text-wrap:normal !important;
  white-space:normal !important;
  word-break:normal !important;
}

.stage-overlay-inner{
  width:min(96vw, 1560px) !important;
}
#stageTitle{
  font-size:clamp(58px,6.2vw,118px) !important;
  line-height:.96 !important;
}

.lobby-notes{
  inset:-6vh 0 -6vh 0 !important;
}
.lobby-notes .lobby-note-float{
  color:rgba(255,255,255,.4) !important;
  text-shadow:0 0 14px rgba(255,255,255,.14), 0 0 24px rgba(255,255,255,.08) !important;
}


/* v2.06 lobby copy / notes / in-game summary / burst */
.lobby-players-wrap{
  width:min(56vw, 1180px) !important;
  max-width:1180px !important;
}
.lobby-players-title{
  max-width:min(56vw,1180px) !important;
  overflow:visible !important;
  max-height:none !important;
  text-wrap:wrap !important;
}
.lobby-notes .lobby-note-float{
  animation-timing-function:ease-in-out !important;
}
@keyframes lobbyNoteRise{
  0%{transform:translate3d(0,0,0) scale(.76) rotate(0deg);opacity:0}
  12%{opacity:1}
  78%{opacity:1}
  100%{transform:translate3d(var(--driftX, 0), -138vh, 0) scale(1.08) rotate(var(--twist, 0deg));opacity:0}
}
.clip-logo-overlay{
  left:24px !important;
  bottom:auto !important;
  top:176px !important;
}
.simple-countdown{
  left:24px !important;
  right:auto !important;
  bottom:calc(var(--safeBottom) + 170px) !important;
}
.simple-answered-scores.summary-mode{
  left:24px !important;
  top:auto !important;
  bottom:calc(var(--safeBottom) + 170px) !important;
  right:auto !important;
  max-width:min(52vw, 920px) !important;
  width:auto !important;
  z-index:9 !important;
}
.simple-answered-scores.summary-mode .simple-answered-row{
  background:rgba(0,0,0,.42) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter:blur(12px);
}
.simple-answered-scores.summary-mode .answered-avatar{
  width:56px !important;
  height:56px !important;
}
.simple-answered-scores.summary-mode .simple-answered-name{
  font-size:clamp(24px,1.8vw,34px) !important;
}
.simple-answered-scores.summary-mode .simple-answered-meta{
  font-size:clamp(18px,1.2vw,24px) !important;
  color:#fff !important;
}
.simple-points.label-mode{
  display:none !important;
}
.simple-lockin-burst{
  min-width:min(86vw, 940px) !important;
  top:42% !important;
}
.simple-lockin-burst-name{
  font-size:clamp(52px,6vw,82px) !important;
  text-shadow:0 0 8px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85),0 0 32px rgba(0,0,0,.75),0 0 14px rgba(83,240,255,.24) !important;
}
.simple-lockin-burst-points{
  font-size:clamp(66px,7vw,104px) !important;
  text-shadow:0 0 8px rgba(0,0,0,.98),0 0 18px rgba(0,0,0,.88),0 0 36px rgba(0,0,0,.78),0 0 14px rgba(255,203,61,.24) !important;
}
.simple-lockin-burst.burst-in{
  animation:burstPopBounce .95s cubic-bezier(.2,.95,.28,1.2) forwards !important;
}
.simple-lockin-burst.burst-out{
  animation:burstScaleOut .22s ease forwards !important;
}
@keyframes burstPopBounce{
  0%{opacity:0;transform:translate(-50%,-50%) scale(0)}
  35%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
  52%{transform:translate(-50%,-50%) scale(.96)}
  70%{transform:translate(-50%,-50%) scale(1.04)}
  84%{transform:translate(-50%,-50%) scale(.985)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes burstScaleOut{
  from{opacity:1;transform:translate(-50%,-50%) scale(1)}
  to{opacity:0;transform:translate(-50%,-50%) scale(0)}
}


/* v2.07 placement and contrast refinements */
.lobby-players-wrap{
  align-self:start !important;
  padding-top:122px !important;
  width:min(50vw, 1040px) !important;
  max-width:1040px !important;
  padding-right:28px !important;
}
.lobby-players-title{
  max-width:min(50vw,1040px) !important;
  font-size:clamp(34px,3.5vw,66px) !important;
  line-height:1.12 !important;
  text-wrap:wrap !important;
  overflow-wrap:anywhere !important;
}

@keyframes lobbyNoteRise{
  0%{transform:translate3d(0,0,0) scale(.76) rotate(0deg);opacity:0}
  18%{opacity:1}
  38%{opacity:1}
  100%{transform:translate3d(var(--driftX, 0), -138vh, 0) scale(1.08) rotate(var(--twist, 0deg));opacity:0}
}

/* in-game layout */
.simple-countdown{
  right:24px !important;
  left:auto !important;
  bottom:calc(var(--safeBottom) + 170px) !important;
}
.simple-points{
  left:24px !important;
  top:auto !important;
  bottom:calc(var(--safeBottom) + 170px) !important;
}
.simple-answered-scores.summary-mode{
  left:24px !important;
  top:auto !important;
  bottom:calc(var(--safeBottom) + 80px) !important;
  right:auto !important;
  max-width:min(52vw, 920px) !important;
}

/* stronger contrast on in-game TV text */
.simple-status-chip,
.simple-countdown,
.simple-points,
.simple-choice .labeltext,
.simple-choice .badge,
.simple-answered-name,
.simple-answered-meta,
.simple-lockin-burst-name,
.simple-lockin-burst-points,
#overlayTitle,
#overlayHint,
#clipCounter,
#choiceA .labeltext,
#choiceB .labeltext,
#choiceC .labeltext{
  text-shadow:
    0 0 8px rgba(0,0,0,.96),
    0 0 18px rgba(0,0,0,.88),
    0 0 32px rgba(0,0,0,.72) !important;
}


/* v2.08 fixes */
.lobby-shell{
  width:min(94vw, 1700px) !important;
  grid-template-columns:minmax(420px, 720px) minmax(0, 1fr) !important;
}
.lobby-main{
  width:min(42vw, 620px) !important;
}
.lobby-players-wrap{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  padding-top:96px !important;
  padding-right:56px !important;
}
.lobby-players-title{
  width:100% !important;
  max-width:none !important;
  font-size:clamp(32px,3vw,58px) !important;
  line-height:1.12 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.lobby-notes{
  inset:0 !important;
}
.lobby-notes .lobby-note-float{
  position:absolute !important;
  bottom:auto !important;
  color:rgba(255,255,255,.42) !important;
  text-shadow:0 0 10px rgba(255,255,255,.12) !important;
  animation:lobbyNotePulse 6s linear forwards !important;
}
@keyframes lobbyNotePulse{
  0%{transform:scale(.92) rotate(var(--twist,0deg)); opacity:0}
  16.666%{opacity:1}
  83.333%{opacity:1}
  100%{transform:scale(1.02) rotate(var(--twist,0deg)); opacity:0}
}

/* remove unused loading overlay from view */
.simple-player-overlay{
  display:none !important;
}

.simple-answered-scores.summary-mode{
  left:24px !important;
  bottom:calc(var(--safeBottom) + 250px) !important;
}
.simple-answered-scores.summary-mode .simple-answered-row{
  animation:summarySlideBounce .55s cubic-bezier(.2,.95,.28,1.18) both;
}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(1){animation-delay:.00s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(2){animation-delay:.20s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(3){animation-delay:.40s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(4){animation-delay:.60s}
@keyframes summarySlideBounce{
  0%{opacity:0;transform:translateX(-70px)}
  65%{opacity:1;transform:translateX(8px)}
  82%{transform:translateX(-4px)}
  100%{opacity:1;transform:translateX(0)}
}

/* ensure points fade when hidden */
.simple-points{
  transition:opacity .22s ease, transform .22s ease !important;
}
.simple-points.hidden{
  opacity:0 !important;
  transform:scale(.9) !important;
}


/* v2.09 lobby audio / floating notes / reveal exit / logo position */
.lobby-audio-media,
.lobby-audio-youtube{
  position:fixed !important;
  width:1px !important;
  height:1px !important;
  left:-9999px !important;
  top:-9999px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.lobby-notes .lobby-note-float{
  animation:lobbyNoteFloatFade 6s linear forwards !important;
}
@keyframes lobbyNoteFloatFade{
  0%{transform:translate3d(0,10px,0) scale(.92) rotate(var(--twist,0deg));opacity:0}
  16.666%{opacity:1}
  83.333%{transform:translate3d(var(--driftX,0), -18vh, 0) scale(1.02) rotate(var(--twist,0deg));opacity:1}
  100%{transform:translate3d(var(--driftX,0), -22vh, 0) scale(1.04) rotate(var(--twist,0deg));opacity:0}
}
.simple-answered-scores.summary-mode .simple-answered-row{
  animation:summarySlideBounceOut 1.9s cubic-bezier(.2,.95,.28,1.18) both !important;
}
@keyframes summarySlideBounceOut{
  0%{opacity:0;transform:translateX(-70px)}
  26%{opacity:1;transform:translateX(8px)}
  36%{transform:translateX(-4px)}
  48%{transform:translateX(0)}
  72%{opacity:1;transform:translateX(0)}
  100%{opacity:0;transform:translateX(-54px)}
}
.clip-logo-overlay{
  top:24px !important;
  left:24px !important;
  bottom:auto !important;
}


/* v2.10 lobby audio + note float + clip summary timing */
.host-intro-audio{
  position:fixed !important;
  width:1px !important;
  height:1px !important;
  left:-9999px !important;
  top:-9999px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.lobby-notes .lobby-note-float{
  animation:lobbyNoteFloatFade 6s linear forwards !important;
}
@keyframes lobbyNoteFloatFade{
  0%{transform:translate3d(0,16px,0) scale(.92) rotate(var(--twist,0deg));opacity:0}
  16.666%{opacity:1}
  83.333%{transform:translate3d(var(--driftX,0), -24vh, 0) scale(1.02) rotate(var(--twist,0deg));opacity:1}
  100%{transform:translate3d(var(--driftX,0), -28vh, 0) scale(1.04) rotate(var(--twist,0deg));opacity:0}
}
.simple-answered-scores.summary-mode .simple-answered-row{
  animation:summarySlideBounceOut 1.35s cubic-bezier(.2,.95,.28,1.18) both !important;
}
@keyframes summarySlideBounceOut{
  0%{opacity:0;transform:translateX(-70px)}
  28%{opacity:1;transform:translateX(8px)}
  40%{transform:translateX(-4px)}
  52%{transform:translateX(0)}
  74%{opacity:1;transform:translateX(0)}
  100%{opacity:0;transform:translateX(-54px)}
}


/* v2.11 exact ring styling and summary exit timing */
.simple-points{
  width:clamp(110px,10vw,170px) !important;
  height:clamp(110px,10vw,170px) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,79,216,.18)) !important;
  border:4px solid var(--cyan) !important;
  box-shadow:0 0 24px rgba(53,228,255,.45), inset 0 0 20px rgba(255,79,216,.18) !important;
  font-size:clamp(48px,4vw,86px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:#fff !important;
  text-align:center !important;
}

.lobby-notes .lobby-note-float{
  animation:lobbyNoteFloatFade 6s linear forwards !important;
}
@keyframes lobbyNoteFloatFade{
  0%{transform:translate3d(0,18px,0) scale(.92) rotate(var(--twist,0deg));filter:blur(10px);opacity:0}
  16.666%{filter:blur(0);opacity:1}
  83.333%{transform:translate3d(var(--driftX,0), -32vh, 0) scale(1.03) rotate(var(--twist,0deg));filter:blur(0);opacity:1}
  100%{transform:translate3d(var(--driftX,0), -36vh, 0) scale(1.05) rotate(var(--twist,0deg));filter:blur(10px);opacity:0}
}

.simple-answered-scores.summary-mode .simple-answered-row{
  animation:summarySlideBounceOut 3s cubic-bezier(.2,.95,.28,1.18) both !important;
}
@keyframes summarySlideBounceOut{
  0%{opacity:0;transform:translateX(-70px)}
  14%{opacity:1;transform:translateX(10px)}
  20%{transform:translateX(-4px)}
  26%{transform:translateX(0)}
  82%{opacity:1;transform:translateX(0)}
  100%{opacity:0;transform:translateX(-72px)}
}


/* v2.12 category choice + clip summary timing */
.favorite-pick{display:grid;gap:10px}
.favorite-category-grid{display:flex;flex-wrap:wrap;gap:10px}
.favorite-cat{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
.favorite-cat.selected{background:linear-gradient(90deg,#4cc9f0,#7c5cff);border-color:transparent;box-shadow:0 0 18px rgba(76,201,240,.24)}
.favorite-help{font-size:12px;color:#cdd5ff}
.stage-category-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 0;max-width:min(88vw,1100px)}
.stage-category-chip{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:18px;font-weight:700;filter:blur(8px);opacity:.18;transform:scale(.96);transition:filter .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease}
.stage-category-chip.roulette-active{filter:blur(0);opacity:.72;transform:scale(1.02)}
.stage-category-chip.selected{filter:none;opacity:1;transform:scale(1.05);background:linear-gradient(90deg,rgba(76,201,240,.34),rgba(124,92,255,.34));box-shadow:0 0 24px rgba(76,201,240,.18)}
.stage-choice-card{display:grid;justify-items:center;margin:18px auto 0}
.stage-choice-card.hidden{display:none !important}
.stage-choice-card .choice-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 28px rgba(0,0,0,.24)}
.stage-choice-card .choice-avatar{width:64px;height:64px;border-radius:999px;object-fit:cover;background:rgba(255,255,255,.08)}
.stage-choice-card .choice-copy{display:grid;gap:4px;text-align:left}
.stage-choice-card .choice-name{font-size:24px;font-weight:900;text-transform:uppercase}
.stage-choice-card .choice-meta{font-size:14px;color:#ffd54f;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.simple-answered-scores.summary-mode{left:24px !important;right:auto !important;top:auto !important;bottom:calc(var(--safeBottom) + 250px) !important;max-width:min(52vw,920px) !important;width:auto !important;z-index:9 !important}
.simple-answered-scores.summary-mode .simple-answered-row{background:rgba(0,0,0,.42) !important;border:1px solid rgba(255,255,255,.16) !important;backdrop-filter:blur(12px);animation:summarySlideInOut 1.4s cubic-bezier(.2,.95,.28,1.18) both !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(1){animation-delay:0s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(2){animation-delay:.2s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(3){animation-delay:.4s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(4){animation-delay:.6s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(5){animation-delay:.8s}
.simple-answered-scores.summary-mode .simple-answered-name{font-size:clamp(24px,1.8vw,34px) !important}
.simple-answered-scores.summary-mode .simple-answered-meta{font-size:clamp(18px,1.2vw,24px) !important;color:#fff !important}
@keyframes summarySlideInOut{0%{opacity:0;transform:translateX(-110px)}24%{opacity:1;transform:translateX(8px)}34%{transform:translateX(-4px)}42%{transform:translateX(0)}70%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-110px)}}
/* sync points urgency to main countdown */
.simple-points.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite !important;box-shadow:0 0 34px rgba(53,228,255,.45),0 0 44px rgba(255,79,216,.18),inset 0 0 20px rgba(255,79,216,.18) !important}


/* v2.13 targeted fixes */
.host-intro-audio{position:fixed !important;width:1px !important;height:1px !important;left:-9999px !important;top:-9999px !important;opacity:0 !important;pointer-events:none !important}
.stage-category-strip{display:none !important}
.stage-choice-card{display:grid;justify-items:center;margin:18px auto 0}
.stage-choice-card.hidden{display:none !important}
.stage-choice-card .choice-card{display:flex;align-items:center;gap:14px;padding:18px 24px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 28px rgba(0,0,0,.24);min-width:min(76vw,900px);justify-content:center}
.stage-choice-card .choice-card.roulette .choice-name{filter:blur(8px);animation:choiceBlurPulse .08s linear infinite}
.stage-choice-card .choice-card.selected{box-shadow:0 0 26px rgba(76,201,240,.22),0 14px 28px rgba(0,0,0,.24)}
.stage-choice-card .choice-avatar{width:72px;height:72px;border-radius:999px;object-fit:cover;background:rgba(255,255,255,.08)}
.stage-choice-card .choice-copy{display:grid;gap:6px;text-align:left}
.stage-choice-card .choice-name{font-size:clamp(38px,4vw,70px);font-weight:900;text-transform:uppercase;line-height:1}
.stage-choice-card .choice-meta{font-size:clamp(14px,1.2vw,18px);color:#ffd54f;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center}
@keyframes choiceBlurPulse{0%,100%{filter:blur(10px)}50%{filter:blur(3px)}}
.simple-answered-scores.summary-mode{left:24px !important;right:auto !important;top:auto !important;bottom:calc(var(--safeBottom) + 250px) !important;max-width:min(52vw,920px) !important;width:auto !important;z-index:9 !important}
.simple-answered-scores.summary-mode .simple-answered-row{background:rgba(0,0,0,.42) !important;border:1px solid rgba(255,255,255,.16) !important;backdrop-filter:blur(12px);animation:summarySlideInOut 1.4s cubic-bezier(.2,.95,.28,1.18) both !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(1){animation-delay:0s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(2){animation-delay:.2s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(3){animation-delay:.4s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(4){animation-delay:.6s}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(5){animation-delay:.8s}
.simple-answered-scores.summary-mode .simple-answered-name{font-size:clamp(24px,1.8vw,34px) !important}
.simple-answered-scores.summary-mode .simple-answered-meta{font-size:clamp(18px,1.2vw,24px) !important;color:#fff !important}
@keyframes summarySlideInOut{0%{opacity:0;transform:translateX(-110px)}24%{opacity:1;transform:translateX(8px)}34%{transform:translateX(-4px)}42%{transform:translateX(0)}70%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-110px)}}
.simple-points.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite !important;box-shadow:0 0 34px rgba(53,228,255,.45),0 0 44px rgba(255,79,216,.18),inset 0 0 20px rgba(255,79,216,.18) !important}


/* v2.16 targeted refinements */
.stage-choice-card{width:100%;justify-items:center !important}
.stage-choice-card .choice-card{justify-content:center !important;text-align:center !important}
.stage-choice-card .choice-copy{text-align:center !important;justify-items:center !important}
.stage-choice-card .choice-name{text-align:center !important;width:100%}
.stage-choice-card .choice-meta{text-align:center !important;width:100%}
.simple-answered-scores.summary-mode .simple-answered-row{animation:summarySlideInOut 1.4s cubic-bezier(.2,.95,.28,1.18) both !important}
@keyframes summarySlideInOut{0%{opacity:0;transform:translateX(-140vw)}24%{opacity:1;transform:translateX(8px)}34%{transform:translateX(-4px)}42%{transform:translateX(0)}70%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-140vw)}}


/* v2.17 exact ui fixes */
.simple-points{position:absolute !important;left:24px !important;right:auto !important;bottom:calc(var(--safeBottom) + 170px) !important;top:auto !important;z-index:8 !important;width:clamp(110px,10vw,170px) !important;height:clamp(110px,10vw,170px) !important;border-radius:50% !important;display:grid !important;place-items:center !important;font-size:clamp(48px,4vw,86px) !important;font-weight:900 !important;background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,79,216,.18)) !important;border:4px solid var(--cyan) !important;box-shadow:0 0 24px rgba(53,228,255,.45),inset 0 0 20px rgba(255,79,216,.18) !important;color:#fff !important;letter-spacing:0 !important;text-transform:none !important;font-family:inherit !important;line-height:1 !important;white-space:nowrap !important;text-shadow:none !important;transform:none !important;backdrop-filter:none !important;animation:none !important;padding:0 !important}
.simple-points.pulse{animation:none !important}
.simple-points.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite !important;box-shadow:0 0 34px rgba(53,228,255,.45),0 0 44px rgba(255,79,216,.18),inset 0 0 20px rgba(255,79,216,.18) !important;color:#fff !important}
.simple-answered-scores.summary-mode{left:24px !important;right:auto !important;top:auto !important;bottom:calc(var(--safeBottom) + 250px) !important;max-width:min(52vw,920px) !important;width:auto !important;z-index:9 !important}
.simple-answered-scores.summary-mode .simple-answered-row{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;animation:summarySlideInOut 1.4s cubic-bezier(.2,.95,.28,1.18) both !important}
.simple-status-chip{backdrop-filter:none !important;background:rgba(9,14,28,.9) !important}
.lobby-player-item .player-avatar,.lobby-player-item .lobby-avatar{animation:lobbyAvatarSpin 7s linear infinite;transform-origin:center center}
.lobby-player-item:nth-child(2n) .player-avatar,.lobby-player-item:nth-child(2n) .lobby-avatar{animation-duration:9s;animation-delay:-1.3s}
.lobby-player-item:nth-child(3n) .player-avatar,.lobby-player-item:nth-child(3n) .lobby-avatar{animation-duration:11s;animation-delay:-2.1s}
.lobby-player-item:nth-child(4n) .player-avatar,.lobby-player-item:nth-child(4n) .lobby-avatar{animation-duration:8s;animation-delay:-3.2s}
@keyframes lobbyAvatarSpin{0%,92%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.simple-lockin-burst.burst-in{animation:lockinBurstInWobble .42s cubic-bezier(.2,.9,.28,1.2) forwards !important}
@keyframes lockinBurstInWobble{0%{opacity:0;transform:translate(-50%,-56%) scale(.72) rotate(-6deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(4deg)}72%{transform:translate(-50%,-50%) scale(.98) rotate(-4deg)}86%{transform:translate(-50%,-50%) scale(1.02) rotate(3deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}
@keyframes summarySlideInOut{0%{opacity:0;transform:translateX(-140vw)}24%{opacity:1;transform:translateX(8px)}34%{transform:translateX(-4px)}42%{transform:translateX(0)}70%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-140vw)}}


/* v2.18 score row animation refinement */
@keyframes summarySlideInOut{0%{opacity:0;transform:translateX(-140vw)}28%{opacity:1;transform:translateX(10px)}42%{opacity:1;transform:translateX(0)}72%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-140vw)}}


/* v2.19 answered score timing */
.simple-answered-scores.summary-mode .simple-answered-row{animation:summarySlideInOut 3.2s cubic-bezier(.2,.95,.28,1.18) both !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(1){animation-delay:0s !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(2){animation-delay:.2s !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(3){animation-delay:.4s !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(4){animation-delay:.6s !important}
.simple-answered-scores.summary-mode .simple-answered-row:nth-child(5){animation-delay:.8s !important}
@keyframes summarySlideInOut{0%{opacity:0;transform:translateX(-140vw)}16%{opacity:1;transform:translateX(10px)}24%{opacity:1;transform:translateX(0)}84%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-140vw)}}


/* v2.21 clean luxury + playback refinements */
body,.simple-root,.lobby-shell,.game-stage,.simple-player-overlay,.simple-choices,.simple-choice,.simple-status-chip,.simple-points,.simple-answered-scores,.stage-overlay,.stage-results,.lobby-player-item{font-family:'Outfit',system-ui,sans-serif !important}
.simple-status-chip,.simple-countdown,.simple-points,.stage-kicker,.stage-title,.stage-choice-card .choice-name,.simple-lockin-burst-name,.simple-lockin-burst-points{font-family:'League Spartan',system-ui,sans-serif !important}
.simple-status-chip{background:transparent !important;backdrop-filter:none !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:none !important}
.simple-points{position:absolute !important;left:24px !important;bottom:calc(var(--safeBottom) + 170px) !important;top:auto !important;z-index:8 !important;padding:14px 18px !important;border-radius:16px !important;background:transparent !important;backdrop-filter:none !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:none !important;width:auto !important;height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:clamp(20px,1.6vw,28px) !important;font-weight:800 !important;letter-spacing:0 !important;color:#fff !important;text-transform:none !important;transform:none !important;animation:none !important;line-height:1 !important;white-space:nowrap !important;text-shadow:0 0 10px rgba(0,0,0,.55) !important}
.simple-points.pulse{animation:none !important}
.simple-points.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite !important;border:1px solid rgba(255,255,255,.16) !important;background:transparent !important;box-shadow:0 0 24px rgba(53,228,255,.34) !important}
.simple-choice,.simple-player-overlay small,.simple-player-overlay p,.simple-answered-meta,.choice-meta,.result-meta{font-family:'Outfit',system-ui,sans-serif !important}
.simple-lockin-burst-name,.simple-lockin-burst-points{font-family:'League Spartan',system-ui,sans-serif !important}


/* v2.22 clean luxury and playback styling */
body,.simple-root,.lobby-shell,.game-stage,.simple-player-overlay,.simple-choices,.simple-choice,.simple-status-chip,.simple-points,.simple-answered-scores,.stage-overlay,.stage-results,.lobby-player-item{font-family:'Outfit',system-ui,sans-serif !important}
.simple-status-chip,.simple-countdown,.simple-points,.stage-kicker,.stage-title,.stage-choice-card .choice-name,.simple-lockin-burst-name,.simple-lockin-burst-points{font-family:'League Spartan',system-ui,sans-serif !important}
.simple-status-chip{background:transparent !important;backdrop-filter:none !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:none !important}
.simple-points{position:absolute !important;left:24px !important;top:auto !important;bottom:calc(var(--safeBottom) + 170px) !important;right:auto !important;width:auto !important;height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:14px 18px !important;border-radius:16px !important;background:transparent !important;backdrop-filter:none !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:none !important;color:#fff !important;font-size:clamp(20px,1.6vw,28px) !important;font-weight:800 !important;letter-spacing:0 !important;line-height:1 !important;text-transform:none !important;text-shadow:none !important;transform:none !important;animation:none !important}
.simple-points.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite !important;border:1px solid rgba(255,255,255,.16) !important;background:transparent !important;box-shadow:0 0 24px rgba(53,228,255,.34) !important;color:#fff !important}
.simple-points.pulse{animation:none !important}


/* v2.24 exact requested fixes */
.lobby-corner-logo{width:min(30vw,400px) !important;max-width:400px !important;height:auto !important;left:24px !important;top:24px !important}
.simple-points{position:absolute !important;left:24px !important;right:auto !important;bottom:calc(var(--safeBottom) + 170px) !important;top:auto !important;z-index:8 !important;width:clamp(110px,10vw,170px) !important;height:clamp(110px,10vw,170px) !important;border-radius:50% !important;display:grid !important;place-items:center !important;font-size:clamp(48px,4vw,86px) !important;font-weight:900 !important;background:radial-gradient(circle,rgba(11,9,32,.82),rgba(255,79,216,.18)) !important;border:4px solid var(--cyan) !important;box-shadow:0 0 24px rgba(53,228,255,.45),inset 0 0 20px rgba(255,79,216,.18) !important;color:#fff !important;letter-spacing:0 !important;text-transform:none !important;font-family:'League Spartan',system-ui,sans-serif !important;line-height:1 !important;white-space:nowrap !important;text-shadow:none !important;transform:none !important;backdrop-filter:none !important;animation:none !important;padding:0 !important}
.simple-points.pulse{animation:none !important}
.simple-points.urgent{animation:countdownUrgentPulse .42s ease-in-out infinite !important;box-shadow:0 0 34px rgba(53,228,255,.45),0 0 44px rgba(255,79,216,.18),inset 0 0 20px rgba(255,79,216,.18) !important;color:#fff !important;border:4px solid var(--cyan) !important}
.mobile-round-choice .choice-card{justify-content:center;text-align:center}
.mobile-round-choice .choice-copy{text-align:center;width:100%}
.mobile-round-choice .choice-card.roulette .choice-name{filter:blur(8px);animation:mobileChoiceBlur .08s linear infinite}
.mobile-round-choice .choice-card.selected{box-shadow:0 0 22px rgba(76,201,240,.18)}
@keyframes mobileChoiceBlur{0%,100%{filter:blur(10px)}50%{filter:blur(3px)}}