.this-or-that-scene{position:absolute;left:54px;top:282px;width:972px;height:786px;display:grid;grid-template-rows:72px 178px 1fr 70px;gap:16px;color:#fff}.tot-meta-row{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(4,10,25,.88);box-shadow:0 18px 48px rgba(0,0,0,.22)}.tot-meta-row>div:first-child{display:grid;gap:4px}.tot-meta-row strong{font-size:27px;letter-spacing:.12em;color:#8ff3ff}.tot-meta-row span{font-size:18px;letter-spacing:.08em;color:rgba(255,255,255,.68)}.tot-phase-chip{padding:12px 20px;border-radius:999px;font-size:21px;font-weight:900;letter-spacing:.08em;background:rgba(79,221,255,.15);border:1px solid rgba(79,221,255,.5);color:#a8f7ff}.tot-question-panel{display:grid;place-items:center;padding:18px 32px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(17,27,59,.96),rgba(6,11,28,.96));box-shadow:0 20px 60px rgba(0,0,0,.3)}.tot-question{text-align:center;font-weight:950;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}.tot-choice-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:0}.tot-choice-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;align-items:center;justify-items:center;gap:10px;padding:28px 24px 24px;border-radius:30px;overflow:hidden;border:2px solid rgba(255,255,255,.18);background:linear-gradient(155deg,rgba(15,25,55,.98),rgba(4,8,23,.98));box-shadow:0 28px 70px rgba(0,0,0,.38);transition:transform .35s ease,filter .35s ease,border-color .35s ease}.tot-card-a{border-color:rgba(54,224,255,.55);box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 0 55px rgba(34,210,255,.08)}.tot-card-b{border-color:rgba(190,82,255,.55);box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 0 55px rgba(184,64,255,.08)}.tot-side-label{font-size:22px;font-weight:950;letter-spacing:.16em;color:rgba(255,255,255,.72)}.tot-key{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;font-size:35px;font-weight:950;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2)}.tot-choice-card>strong{align-self:center;width:100%;text-align:center;line-height:1.02;text-wrap:balance}.tot-versus{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center;width:74px;height:74px;border-radius:50%;font-size:25px;font-weight:950;letter-spacing:.04em;background:#080e22;border:2px solid rgba(255,255,255,.28);box-shadow:0 0 0 8px rgba(8,14,34,.7),0 0 28px rgba(255,255,255,.12)}.tot-result{width:100%;display:none;grid-template-columns:auto 1fr;grid-template-areas:'pct bar' 'votes votes';align-items:center;gap:8px 12px}.tot-result>span{grid-area:pct;font-size:34px;font-weight:950}.tot-result>div{grid-area:bar;height:12px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.tot-result i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#4cecff,#b85cff);transition:width .8s cubic-bezier(.2,.8,.2,1)}.tot-result small{grid-area:votes;font-size:17px;letter-spacing:.08em;color:rgba(255,255,255,.68)}.tot-instruction{display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:rgba(5,10,25,.92);font-size:24px;font-weight:900;letter-spacing:.075em;color:#eafcff}.phase-tot-warning .tot-phase-chip{color:#ffe58b;border-color:rgba(255,211,75,.65);background:rgba(255,190,45,.12)}.phase-tot-final-warning .tot-phase-chip{color:#ffb4b4;border-color:rgba(255,78,78,.75);background:rgba(255,65,65,.15);animation:totPulse .7s infinite alternate}.phase-tot-locked .tot-choice-card{filter:saturate(.55);transform:scale(.985)}.phase-tot-reveal .tot-result{display:grid}.phase-tot-reveal .tot-choice-card.is-correct{border-color:#6effa8;box-shadow:0 0 0 3px rgba(110,255,168,.16),0 28px 70px rgba(0,0,0,.38),0 0 48px rgba(83,255,157,.2);transform:translateY(-5px)}.phase-tot-reveal .tot-choice-card.is-correct::after{content:'CORRECT';position:absolute;top:20px;right:18px;padding:8px 12px;border-radius:999px;background:#70ffa9;color:#052311;font-size:17px;font-weight:950;letter-spacing:.08em}.phase-tot-reveal .tot-choice-card.is-wrong{filter:saturate(.25) brightness(.62)}.phase-tot-reveal .tot-phase-chip{color:#89ffc0;border-color:rgba(110,255,168,.7);background:rgba(60,255,139,.12)}@keyframes totPulse{from{transform:scale(1)}to{transform:scale(1.035)}}


/* v2.4.7 — rotating This or That reveal insights. */
.this-or-that-scene{
  grid-template-rows:72px 168px minmax(0,1fr) 132px;
}
.tot-instruction.tot-insight-panel{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 54px;
  align-items:center;
  gap:18px;
  padding:15px 20px;
  text-align:left;
  letter-spacing:normal;
  overflow:hidden;
}
.tot-insight-label{
  align-self:center;
  justify-self:start;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(79,221,255,.45);
  background:rgba(79,221,255,.10);
  color:#a9f8ff;
  font-size:16px;
  font-weight:950;
  line-height:1;
  letter-spacing:.09em;
  white-space:nowrap;
}
.tot-insight-text{
  min-width:0;
  color:#f4fbff;
  font-size:27px;
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.012em;
  text-wrap:balance;
}
.tot-insight-counter{
  justify-self:end;
  color:rgba(255,255,255,.55);
  font-size:16px;
  font-weight:850;
  letter-spacing:.06em;
}
.phase-tot-reveal .tot-instruction.tot-insight-panel{
  border-color:rgba(87,255,159,.55);
  background:linear-gradient(100deg,rgba(11,68,46,.56),rgba(5,20,25,.96));
  box-shadow:inset 0 0 36px rgba(75,255,158,.07),0 10px 34px rgba(0,0,0,.22);
}
.phase-tot-reveal .tot-insight-label{
  border-color:rgba(105,255,170,.58);
  background:rgba(69,255,151,.12);
  color:#7dffb5;
}
.phase-tot-reveal .tot-insight-text{
  color:#f3fff8;
}


/* v2.5.1 — synchronized three-stage reveal and exact final-ten badges. */
.tot-insight-copy{
  min-width:0;
  display:grid;
  align-content:center;
  gap:6px;
}
.tot-insight-secondary{
  display:block;
  min-width:0;
  color:rgba(231,255,241,.76);
  font-size:18px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:.005em;
  text-wrap:balance;
}
.this-or-that-scene.is-timer-warning .tot-phase-chip{
  color:#ffe58b;
  border-color:rgba(255,211,75,.65);
  background:rgba(255,190,45,.12);
}
.this-or-that-scene.is-timer-critical .tot-phase-chip{
  color:#ffb4b4;
  border-color:rgba(255,78,78,.75);
  background:rgba(255,65,65,.15);
  animation:totPulse .52s infinite alternate;
}
.phase-tot-reveal .tot-insight-secondary{
  color:rgba(224,255,237,.78);
}


/* v2.5.2 — stage-gated results, larger readable facts, and local lock state. */
.this-or-that-scene{
  grid-template-rows:72px 154px minmax(0,1fr) 158px;
}
.tot-instruction.tot-insight-panel{
  grid-template-columns:180px minmax(0,1fr);
  gap:22px;
  padding:18px 24px;
}
.tot-insight-label{
  font-size:17px;
  padding:11px 14px;
}
.tot-insight-text{
  font-size:32px;
  line-height:1.1;
}
.tot-insight-secondary{
  font-size:19px;
  line-height:1.14;
}
.tot-insight-counter{
  display:none!important;
}
.phase-tot-reveal .tot-result{
  display:none;
}
.phase-tot-reveal.reveal-stage-audience .tot-result{
  display:grid;
}
.phase-tot-reveal.reveal-stage-correct .tot-choice-card.is-correct{
  transform:translateY(-7px) scale(1.015);
}
.phase-tot-reveal.reveal-stage-did-you-know .tot-choice-card,
.phase-tot-reveal.reveal-stage-fun-fact .tot-choice-card,
.phase-tot-reveal.reveal-stage-insight .tot-choice-card,
.phase-tot-reveal.reveal-stage-hold .tot-choice-card{
  transform:none;
}
.phase-tot-reveal.reveal-stage-did-you-know .tot-instruction,
.phase-tot-reveal.reveal-stage-fun-fact .tot-instruction,
.phase-tot-reveal.reveal-stage-insight .tot-instruction{
  background:linear-gradient(100deg,rgba(8,82,54,.68),rgba(4,24,29,.98));
}
.phase-tot-reveal.reveal-stage-hold .tot-instruction{
  background:linear-gradient(100deg,rgba(18,50,79,.72),rgba(5,18,31,.98));
  border-color:rgba(79,221,255,.48);
}
.phase-tot-reveal.reveal-stage-hold .tot-insight-label{
  color:#a9f8ff;
  border-color:rgba(79,221,255,.48);
  background:rgba(79,221,255,.10);
}
.phase-tot-reveal.reveal-stage-hold .tot-insight-text{
  color:#e8fbff;
}
.this-or-that-scene.is-local-locked .tot-phase-chip{
  color:#c8d7e8;
  border-color:rgba(176,196,218,.55);
  background:rgba(120,145,170,.12);
  animation:none;
}


/* v2.5.3 — authoritative question start, locked-in beat, and reveal hierarchy. */
.phase-tot-ready .tot-phase-chip{
  color:#b8f7ff;
  border-color:rgba(79,221,255,.62);
  background:rgba(79,221,255,.13);
}
.phase-tot-ready .tot-instruction{
  background:linear-gradient(100deg,rgba(14,61,79,.78),rgba(4,24,29,.98));
  border-color:rgba(79,221,255,.45);
}
.phase-tot-locked .tot-phase-chip{
  color:#c6ffe0;
  border-color:rgba(92,255,164,.72);
  background:rgba(50,225,135,.16);
  animation:totLockedChip .9s ease both;
}
.phase-tot-locked .tot-instruction{
  position:relative;
  overflow:hidden;
  background:linear-gradient(100deg,rgba(8,82,54,.78),rgba(4,24,29,.98));
  border-color:rgba(92,255,164,.48);
}
.phase-tot-locked .tot-instruction::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -35%;
  width:34%;
  transform:skewX(-18deg) translateX(-220%);
  background:linear-gradient(90deg,transparent,rgba(139,255,208,.42),transparent);
  animation:totLockSweep .9s cubic-bezier(.2,.75,.2,1) both;
  pointer-events:none;
}
.phase-tot-locked .tot-insight-label{
  color:#bffff0;
  border-color:rgba(92,255,164,.55);
  background:rgba(50,225,135,.13);
}
.phase-tot-locked .tot-insight-secondary{
  color:#a9ffd3;
  font-size:21px;
  font-weight:900;
  letter-spacing:.14em;
}
.phase-tot-reveal.reveal-stage-audience .tot-insight-text{
  font-size:34px;
}
.phase-tot-reveal.reveal-stage-audience .tot-insight-secondary{
  font-size:23px;
  line-height:1.12;
  font-weight:850;
  color:#c9ffe1;
}
@keyframes totLockSweep{
  0%{transform:skewX(-18deg) translateX(-220%);opacity:0}
  18%{opacity:1}
  100%{transform:skewX(-18deg) translateX(480%);opacity:0}
}
@keyframes totLockedChip{
  0%{transform:scale(.96);filter:brightness(.8)}
  45%{transform:scale(1.04);filter:brightness(1.3)}
  100%{transform:scale(1);filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){
  .phase-tot-locked .tot-instruction::after,
  .phase-tot-locked .tot-phase-chip{animation:none!important}
}


/* v2.5.4 — deadline-local lock presentation while the authoritative lock snapshot is in transit. */
.this-or-that-scene.is-local-locked .tot-choice-card{
  filter:saturate(.55);
  transform:scale(.985);
}
.this-or-that-scene.is-local-locked .tot-phase-chip{
  color:#c9fff2;
  border-color:rgba(82,255,202,.76);
  background:rgba(45,228,177,.16);
}