.panel-clock{margin-top:12px;display:flex;align-items:center;gap:14px}.panel-clock span{font-size:8px;max-width:85px;letter-spacing:1px;color:#8fa4ca}.panel-clock strong{font:700 42px/1 var(--heading);color:#f7d47f;font-variant-numeric:tabular-nums}.turn-clock-bar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px 16px 14px;margin:0 auto 14px;max-width:780px;border:1px solid #7f9ad150;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#3767bb35,#04153565)}.turn-clock-bar .timer{width:auto;text-align:center;align-items:center;gap:3px;min-width:220px}.turn-clock-bar .timer b{font:800 clamp(72px,7vw,124px)/.95 var(--heading);letter-spacing:3px;color:#ffdf93;text-shadow:0 0 30px #eeb24444;font-variant-numeric:tabular-nums}.turn-clock-bar .timer span{font-size:9px;letter-spacing:2px}.turn-name{font:600 17px var(--heading);letter-spacing:1px;color:#c1d2f1}#clockStatus{font-size:9px;font-weight:700;line-height:1.8;color:#abc0e4;letter-spacing:1.5px;text-align:right}.turn-clock-bar .timer.urgent b,.turn-clock-bar .timer.time-ended b{color:#ff5e78;text-shadow:0 0 40px #f4205b66}.countdown-urgent .stage{border-color:#ff5676;box-shadow:0 0 55px #ff345530,inset 0 0 35px #f5356215}.countdown-urgent #clockStatus{color:#ff9bac}.countdown-urgent .panel-clock strong{color:#ff6b83}.clock-pulse{animation:clock-hit .55s ease-out}.round-bottom{justify-content:center;gap:70px}.next-participant{width:100%;margin-top:10px;background:#275b8250;border-color:#4f87a4;color:#b6eaff;font-size:11px;padding:12px}.update-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:200;padding:12px 16px;max-width:90vw;background:#ffe5aa;color:#302407;border-radius:8px;font-size:12px;box-shadow:0 5px 30px #0008}.update-notice button{margin-left:12px;background:#213b65;color:white;font-size:11px;border:0}.audience .turn-clock-bar{max-width:1000px}.audience .turn-clock-bar .timer b{font-size:clamp(82px,10vh,140px)}.audience .game{padding-top:0}.game h1#question{margin-bottom:18px}.audience .answer{height:clamp(45px,5.8vh,72px)}.audience .round-bottom{margin-top:16px}.audience .bank b{font-size:44px}@keyframes clock-hit{0%{transform:scale(1.12);filter:brightness(1.6)}100%{transform:scale(1);filter:brightness(1)}}@media(max-width:800px){.turn-clock-bar{grid-template-columns:1fr auto;gap:10px;padding:12px}.turn-clock-bar .timer{min-width:150px;grid-column:2;grid-row:1/3}.turn-clock-bar .timer b{font-size:75px}.turn-name{font-size:14px}#clockStatus{text-align:left;font-size:8px}.turn-clock-bar .timer span{font-size:7px}.panel-clock strong{font-size:54px}.next-participant{font-size:13px;padding:16px}.round-bottom{gap:35px}.audience .turn-clock-bar .timer b{font-size:80px}}@media(prefers-reduced-motion:reduce){.clock-pulse{animation:none}}
/* La salida de TV entra en una pantalla 16:9 sin desplazar el marcador. */
.audience{height:100dvh;overflow:hidden}.audience .topbar{height:58px}.audience main{height:calc(100dvh - 58px);padding:12px 24px 8px;display:grid;grid-template-rows:minmax(0,1fr) 82px 16px;gap:10px}.audience .workspace{height:100%;min-height:0}.audience .stage{height:100%;min-height:0!important}.audience .stage-top{height:40px;padding:10px 24px}.audience .game{height:calc(100% - 40px);padding:0 6% 8px;display:grid;grid-template-rows:92px 12px minmax(38px,auto) minmax(0,1fr) 54px 16px;gap:8px}.audience .turn-clock-bar{width:100%;margin:0;padding:5px 18px}.audience .turn-clock-bar .timer b{font-size:82px}.audience .question-label{margin:0;font-size:10px}.audience .game h1#question{min-height:0;margin:0;font-size:32px;line-height:1.1}.audience .answers{height:100%;width:100%;gap:6px;grid-auto-rows:minmax(0,1fr)}.audience .answer{height:auto;min-height:0}.audience .answer .answer-number{height:29px;font-size:22px;width:42px}.audience .answer .revealed-text{font-size:27px}.audience .answer.long .revealed-text{font-size:22px}.audience .answer .revealed-score{font-size:29px}.audience .round-bottom{margin:0;width:100%;max-width:960px}.audience .bank b{font-size:32px;margin:2px 0}.audience .bank span,.audience .bank small{font-size:7px}.audience .round-status{margin:0;font-size:9px}.audience .scoreboard{margin:0;height:82px}.audience .team{padding:10px 20px}.audience .team>b{font-size:45px}.audience .page-footer{padding:0;font-size:6px}.audience .welcome{padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 40px)}.audience .hero-logo{height:auto;max-height:50vh;max-width:65%}.audience .welcome p{margin:10px 0;font-size:19px}.audience .welcome-foot{margin-top:10px}@media(min-height:900px){.audience .game{grid-template-rows:128px 14px minmax(48px,auto) minmax(0,1fr) 65px 18px;gap:12px}.audience .turn-clock-bar .timer b{font-size:115px}.audience .game h1#question{font-size:42px}.audience .answer .revealed-text{font-size:35px}.audience .answer .revealed-score{font-size:39px}.audience .answer .answer-number{height:40px;font-size:30px;width:56px}}
/* Cada tarjeta conserva su lugar: se anima sólo el nuevo acierto. */
.answer.visible{animation:none!important}.answer.visible.is-revealing{animation:answer-reveal .7s cubic-bezier(.2,.8,.2,1) both!important;animation-delay:0s!important}.answer.is-revealing:after{content:'';position:absolute;inset:-40%;background:linear-gradient(100deg,transparent 35%,#fff9 50%,transparent 65%);animation:answer-sweep 1s ease-out;pointer-events:none}.answer.top-answer{border-color:#fff5bb;box-shadow:0 0 20px #f7c75b55,inset 0 1px 0 #fff9}.effect-overlay.turn-announcement{font-size:clamp(42px,7vw,115px);line-height:1.05;text-align:center;padding:40px;animation:turn-title 2.3s both;overflow-wrap:anywhere;background:radial-gradient(ellipse,#174a8bf5,#071128f0);backdrop-filter:blur(8px);text-shadow:0 5px #93601a,0 0 60px #ffe9a580;letter-spacing:2px}.effect-overlay.top-vote{font-size:clamp(35px,6.2vw,92px);text-align:center;padding:25px;animation:turn-title 1.8s both;background:radial-gradient(ellipse,#795119e8,#0d1e42c9)}
.scoreboard.multi-team{grid-template-columns:repeat(var(--teams),minmax(0,1fr));gap:8px}.multi-team .score-center{display:none}.multi-team .team{padding:10px 12px;gap:8px}.multi-team .team-symbol,.multi-team .team-details small{display:none}.multi-team .team-details strong{font-size:20px}.multi-team .team>b{font-size:35px}.multi-team .team-details em{font-size:6px;letter-spacing:1px}.multi-team .team.active{background:linear-gradient(120deg,#2d5c9d,#17254e);border-color:#ffe09b;box-shadow:0 0 20px #f2c15430}.audience.many-teams main{grid-template-rows:minmax(0,1fr) 120px 16px}.audience.many-teams .scoreboard{height:120px;grid-template-rows:repeat(2,minmax(0,1fr))}.audience.many-teams .team{padding:7px 10px}.audience.many-teams .team-details strong{font-size:18px}.audience.many-teams .team>b{font-size:30px}
@keyframes answer-reveal{0%{transform:perspective(700px) rotateX(-85deg) scale(.94);filter:brightness(2.3)}65%{transform:perspective(700px) rotateX(8deg) scale(1.025);filter:brightness(1.2)}100%{transform:perspective(700px) rotateX(0) scale(1);filter:brightness(1)}}@keyframes answer-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes turn-title{0%{opacity:0;transform:scale(1.15)}12%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.97)}}
@media(prefers-reduced-motion:reduce){.answer.visible.is-revealing,.answer.is-revealing:after{animation:none!important}.effect-overlay.turn-announcement,.effect-overlay.top-vote{animation:none}}