/* MATMTURK_LIVE_COMPETITION_V450 */
:root{--night:#050b16;--navy:#071829;--panel:#0c2237;--gold:#d4af55;--gold-soft:#f6dfa0;--white:#f8fbff;--muted:#a8bbcc;--danger:#ef4444;--green:#22c55e;font-family:"Tahoma","Arial",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:transparent;color:var(--white)}body.competition-public-display{min-height:100vh;background:radial-gradient(circle at 50% 0,#173a54 0,#081827 40%,#030812 100%);overflow:hidden}.competition-public-display:before,.competition-public-display:after{content:"";position:fixed;inset:0;pointer-events:none}.competition-public-display:before{opacity:.12;background-image:linear-gradient(30deg,transparent 12%,var(--gold) 12.5%,transparent 13%),linear-gradient(150deg,transparent 12%,var(--gold) 12.5%,transparent 13%);background-size:90px 156px}.competition-public-display:after{inset:2.2vh;border:1px solid rgba(212,175,85,.25);border-radius:26px}.live-competition-stage{position:relative;z-index:1;min-height:100vh;padding:3.5vh 4vw;display:grid;grid-template-rows:auto auto 1fr auto;gap:2.2vh}.live-competition-header{display:flex;align-items:center;justify-content:space-between;gap:3vw}.live-brand{display:flex;align-items:center;gap:1rem}.live-brand-mark{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--gold);border-radius:20px;color:var(--gold-soft);font-size:34px;font-weight:900;box-shadow:0 0 35px rgba(212,175,85,.18)}.live-brand div{display:grid;gap:.25rem}.live-brand small{color:var(--gold);font-size:13px;letter-spacing:.22em}.live-brand strong{font-size:clamp(20px,2.2vw,38px)}.live-session-meta{display:flex;align-items:center;gap:1.2rem;color:var(--muted)}.live-session-meta b{padding:.65rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:white}.live-session-meta i{font-style:normal;color:var(--gold-soft)}.live-session-meta em{font-style:normal;color:var(--green);font-size:13px}.live-session-meta em.offline{color:#f59e0b}.live-team-scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2vw}.live-team-scoreboard article{position:relative;min-height:108px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.5rem;border:1px solid color-mix(in srgb,var(--team-color) 45%,transparent);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--team-color) 16%,#0a1726),rgba(7,18,30,.92));box-shadow:0 16px 40px rgba(0,0,0,.2);overflow:hidden}.live-team-scoreboard article:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--team-color)}.team-color{width:12px;height:52px;border-radius:20px;background:var(--team-color);box-shadow:0 0 25px var(--team-color)}.live-team-scoreboard article div{display:grid}.live-team-scoreboard small{color:var(--muted)}.live-team-scoreboard article strong{font-size:clamp(22px,2.3vw,38px)}.live-team-scoreboard article>b{font-size:clamp(44px,5vw,86px);line-height:1;color:var(--gold-soft)}.live-question-stage{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3vh 11vw;border:1px solid rgba(212,175,85,.22);border-radius:30px;background:linear-gradient(180deg,rgba(12,34,55,.86),rgba(3,12,22,.94));box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}.live-question-stage:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(212,175,85,.1);transform:rotate(45deg);border-radius:70px}.live-question-stage>*{position:relative;z-index:1}.live-question-meta{display:flex;align-items:center;gap:1rem;color:var(--gold);font-weight:700}.live-question-meta b{padding:.35rem .8rem;border-radius:999px;background:rgba(212,175,85,.12);font-weight:600}.live-question-stage h1{max-width:1400px;margin:1.2vh 0 2vh;font-size:clamp(34px,4.7vw,82px);line-height:1.45;text-wrap:balance}.live-question-options{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:1rem;width:min(1050px,100%)}.live-question-options span{display:flex;align-items:center;gap:1rem;padding:1rem 1.3rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05);font-size:clamp(17px,1.8vw,28px);text-align:right}.live-question-options b{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:rgba(212,175,85,.18);color:var(--gold-soft)}.live-answer-reveal{width:min(1000px,100%);padding:1.3rem 2rem;border:2px solid var(--gold);border-radius:22px;background:linear-gradient(135deg,rgba(212,175,85,.22),rgba(5,16,26,.92));animation:answer-in .55s ease}.live-answer-reveal small{display:block;color:var(--gold-soft);margin-bottom:.4rem}.live-answer-reveal strong{font-size:clamp(28px,3.4vw,58px)}.live-answer-reveal p{margin:.6rem 0 0;color:#d9e4ed;font-size:clamp(16px,1.4vw,23px)}.live-question-timer{position:absolute;top:1.5rem;left:1.7rem;width:112px;height:112px;display:grid;place-items:center}.live-question-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.live-question-timer circle{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}.live-question-timer circle.progress{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:0;transition:stroke-dashoffset .25s linear}.live-question-timer strong{font-size:38px}.live-question-timer small{position:absolute;bottom:17px;color:var(--muted);font-size:10px}.live-question-timer.warning strong,.live-question-timer.warning circle.progress{color:#f59e0b;stroke:#f59e0b}.live-question-timer.expired strong,.live-question-timer.expired circle.progress{color:var(--danger);stroke:var(--danger)}.live-waiting-state{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:18px}.live-waiting-state span{color:var(--gold);animation:pulse 1.5s infinite}.has-active-question .live-waiting-state{display:none}.live-competition-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.3rem;color:var(--muted)}.live-competition-footer>div:first-child{display:flex;gap:.6rem}.live-competition-footer b{color:white}.live-progress-track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.live-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));transition:width .5s ease}.live-session-status{padding:.45rem .9rem;border-radius:999px;background:rgba(255,255,255,.08)}.live-session-status.status-live{background:rgba(239,68,68,.18);color:#fecaca}.live-session-status.status-completed{background:rgba(34,197,94,.16);color:#bbf7d0}.live-draw-winner{position:fixed;z-index:20;inset:50% auto auto 50%;width:min(620px,88vw);transform:translate(-50%,-42%) scale(.86);opacity:0;padding:2.2rem;text-align:center;border:2px solid var(--gold);border-radius:30px;background:radial-gradient(circle at 50% 0,#2b3f4b,#08131f 72%);box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 30px 100px rgba(212,175,85,.32);transition:.45s ease;pointer-events:none}.live-draw-winner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.live-draw-winner small{display:block;color:var(--gold);font-size:16px}.live-draw-winner span{display:block;margin:1.2rem 0 .2rem;color:var(--muted);font-size:22px}.live-draw-winner strong{display:block;font-size:clamp(80px,12vw,170px);line-height:1;color:var(--gold-soft);text-shadow:0 0 50px rgba(212,175,85,.4)}.live-draw-winner h2{margin:.7rem 0;font-size:34px}.live-draw-winner p{margin:0;color:var(--muted);font-size:18px}@keyframes answer-in{from{transform:translateY(20px);opacity:0}}@keyframes pulse{50%{opacity:.25;transform:scale(.85)}}

body.competition-obs-overlay{width:100vw;height:100vh;overflow:hidden;background:transparent}.overlay-stage{position:relative;width:100vw;height:100vh}.overlay-question{position:absolute;right:3vw;bottom:18vh;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;width:min(1040px,76vw);padding:1.1rem 1.4rem;border-right:6px solid var(--gold);border-radius:18px;background:linear-gradient(90deg,rgba(5,12,20,.96),rgba(10,29,45,.9));box-shadow:0 18px 55px rgba(0,0,0,.45);transition:.4s ease}.overlay-question [data-question-category]{color:var(--gold);font-size:14px}.overlay-question h1{margin:.3rem 0 0;font-size:clamp(22px,2.2vw,40px);line-height:1.35}.overlay-timer{display:grid;place-items:center;width:90px;height:90px;border:2px solid var(--gold);border-radius:50%;background:#081522}.overlay-timer strong{font-size:32px}.overlay-timer small{margin-top:-18px;color:var(--muted)}.overlay-timer.warning{border-color:#f59e0b}.overlay-timer.expired{border-color:var(--danger)}.overlay-answer{margin-top:.55rem;padding:.5rem .8rem;border-radius:10px;background:rgba(212,175,85,.16)}.overlay-answer small{color:var(--gold-soft)}.overlay-answer strong{margin-right:.6rem;font-size:22px}.overlay-answer p{display:inline;margin-right:.7rem;color:var(--muted)}.overlay-scorebar{position:absolute;right:3vw;bottom:4vh;display:flex;align-items:stretch;min-height:90px;border-radius:18px;overflow:hidden;background:rgba(4,12,20,.96);box-shadow:0 16px 50px rgba(0,0,0,.5)}.overlay-brand{width:190px;display:grid;place-content:center;padding:0 1.2rem;background:linear-gradient(135deg,#b68a31,#e2c575);color:#07111c}.overlay-brand b{font-size:20px}.overlay-brand small{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-teams{display:flex}.overlay-teams article{position:relative;display:grid;grid-template-columns:auto minmax(100px,auto) auto;align-items:center;gap:.7rem;padding:0 1.2rem;border-left:1px solid rgba(255,255,255,.09)}.overlay-teams article span{width:7px;height:42px;border-radius:8px;background:var(--team-color)}.overlay-teams article strong{font-size:20px}.overlay-teams article b{font-size:38px;color:var(--gold-soft)}.overlay-round{display:grid;place-content:center;padding:0 1.3rem;color:var(--muted)}.overlay-round b{color:white;font-size:26px;text-align:center}.overlay-draw{box-shadow:0 0 0 9999px transparent,0 30px 100px rgba(0,0,0,.45)}

@media(max-width:900px){body.competition-public-display{overflow:auto}.live-competition-stage{min-height:100svh;padding:2.5vh 3vw}.live-competition-header{align-items:flex-start}.live-session-meta>span{display:none}.live-brand-mark{width:48px;height:48px;border-radius:14px;font-size:25px}.live-team-scoreboard{grid-template-columns:1fr 1fr}.live-team-scoreboard article{min-height:84px;padding:.75rem;grid-template-columns:auto 1fr auto}.live-team-scoreboard article>b{font-size:40px}.live-question-stage{padding:4rem 1rem 2rem;min-height:48vh}.live-question-stage h1{font-size:30px}.live-question-options{grid-template-columns:1fr}.live-question-timer{width:78px;height:78px;top:.8rem;left:.8rem}.live-question-timer strong{font-size:26px}.live-question-timer small{bottom:9px}.live-competition-footer{grid-template-columns:auto 1fr}.live-session-status{display:none}}@media(max-width:560px){.live-team-scoreboard{grid-template-columns:1fr}.live-session-meta b{font-size:13px}.live-question-stage h1{font-size:25px}.live-question-options span{font-size:16px}.live-brand strong{font-size:17px}.live-brand small{font-size:9px}}

/* Reading time is separate from the answer countdown. */
[data-timer].reading{border-color:#67d9f5}
.live-question-timer.reading strong,.live-question-timer.reading circle.progress{color:#67d9f5;stroke:#67d9f5}
[data-timer-label]{white-space:nowrap}
.overlay-timer [data-timer-label]{font-size:11px}
.competition-sound-toggle{position:fixed;z-index:30;top:10px;left:10px;min-height:36px;padding:6px 12px;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:rgba(5,12,20,.88);color:#fff;font:inherit;font-size:12px;cursor:pointer}
.competition-sound-toggle:focus-visible{outline:3px solid #67d9f5;outline-offset:3px}