@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&family=Kanit:ital,wght@0,600;0,700;0,800;0,900;1,700&display=swap";:root{--et-black: #181818;--et-yellow: #F5D69A;--et-brown: #383633;--et-purple: #8D25C9;--et-red: #e8272a;--et-green: #43D194}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Work Sans,sans-serif;color:#fff}.btn{border:none;border-radius:10px;font-family:Work Sans,sans-serif;font-weight:800;cursor:pointer;transition:transform .12s ease,background .2s ease}.btn:active{transform:scale(.96)}.btn--primary{background:var(--et-yellow);color:var(--et-black)}.btn--primary:hover{background:#ffe4b3}.btn--override{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fffc}.btn--override:hover{border-color:var(--et-yellow);color:var(--et-yellow)}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--et-black);-webkit-user-select:none;user-select:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.4vh 3vw;background:var(--et-brown);border-bottom:3px solid var(--et-yellow)}.logo{height:4vh;object-fit:contain}.logo--big{height:9vh;margin-bottom:1.5vh}.scoreboard{display:flex;align-items:center;gap:1.4vw;font-family:Kanit,sans-serif}.sb-team{display:flex;align-items:center;gap:.7vw;font-weight:800;font-size:2.2vw}.sb-a .sb-score,.sb-a .sb-name{color:var(--et-red)}.sb-b .sb-score,.sb-b .sb-name{color:var(--et-purple)}.sb-vs{color:var(--et-yellow);font-weight:700;font-size:1.3vw}.sb-score{font-size:2.6vw}.panel{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2vh 4vw;position:relative}.title,.final-winner{font-family:Kanit,sans-serif;font-weight:900;font-size:5vw;letter-spacing:1px;color:var(--et-yellow);text-shadow:0 4px 24px rgba(245,214,154,.35)}.subtitle{font-size:1.4vw;color:#fff9;margin-top:.5vh;letter-spacing:2px;text-transform:uppercase}.topic-points-badge{background:var(--et-yellow);color:var(--et-black);font-weight:900;font-size:.9vw;padding:.9vh .9vw;border-radius:999px;flex-shrink:0;white-space:nowrap}.topic-points-badge--lg{font-size:1.3vw;padding:1.2vh 1.6vw;margin-bottom:2vh}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.topic-eyebrow{font-size:1.3vw;letter-spacing:3px;color:#ffffff80;margin-bottom:1.5vh}.topic-title{font-family:Kanit,sans-serif;font-weight:800;font-size:3.4vw;max-width:70vw;margin:2vh 0 3vh}.topic-title--sm{font-size:2.4vw;margin:1.5vh 0 3vh}.dual-bars{display:flex;gap:6vw;margin-top:2vh}.dual-col{display:flex;flex-direction:column;align-items:center}.dual-name{font-family:Kanit,sans-serif;font-weight:800;font-size:2vw;margin-bottom:1.5vh}.dual-col--a .dual-name{color:var(--et-red)}.dual-col--b .dual-name{color:var(--et-purple)}.dual-bar-slot{height:30vh;width:10vw;display:flex;align-items:center;justify-content:center}.dual-countdown{font-family:Kanit,sans-serif;font-size:6vw;font-weight:900;color:var(--et-yellow);line-height:1;animation:pop .3s cubic-bezier(.22,1,.36,1)}.dual-bar-track{width:100%;height:100%;background:#ffffff14;border-radius:10px;display:flex;align-items:flex-end;overflow:hidden;border:2px solid rgba(255,255,255,.15)}.dual-bar-fill{width:100%;transition:height .15s ease}.dual-bar-fill--a{background:linear-gradient(0deg,#7a0000,var(--et-red))}.dual-bar-fill--b{background:linear-gradient(0deg,#3d0d59,var(--et-purple))}.dual-bar-pct{margin-top:1.5vh;font-weight:900;font-size:1.6vw}.dual-shout{font-family:Kanit,sans-serif;font-weight:800;font-size:1.4vw;color:var(--et-yellow);margin-top:1.5vh;animation:blink .5s ease-in-out infinite alternate}.dual-waiting{margin-top:1.5vh;color:#fff6;font-size:1.2vw}@keyframes blink{0%{opacity:1}to{opacity:.4}}.result-bars{display:flex;gap:6vw;align-items:flex-end;height:30vh;margin-bottom:3vh}.result-col{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;opacity:.55;transition:opacity .4s ease}.result-col--winner{opacity:1}.result-name{font-family:Kanit,sans-serif;font-weight:800;font-size:1.6vw;margin-bottom:1vh}.result-name--a{color:var(--et-red)}.result-name--b{color:var(--et-purple)}.result-bar-track{width:8vw;height:20vh;background:#ffffff14;border-radius:10px;display:flex;align-items:flex-end;overflow:hidden;border:2px solid rgba(255,255,255,.15)}.result-bar-fill{width:100%;transition:height .5s cubic-bezier(.22,1,.36,1)}.result-bar-fill--a{background:linear-gradient(0deg,#7a0000,var(--et-red))}.result-bar-fill--b{background:linear-gradient(0deg,#3d0d59,var(--et-purple))}.result-col--winner .result-bar-track{border-color:var(--et-yellow);box-shadow:0 0 20px #f5d69a80}.result-pct{margin-top:1vh;font-weight:800;font-size:1.3vw}.result-winner-line{font-size:1.6vw}.result-winner-line strong{color:var(--et-yellow)}.final{position:relative;overflow:hidden}.confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.final-eyebrow{font-size:1.4vw;letter-spacing:3px;color:#fff9;z-index:2}.final-winner{margin:1.5vh 0 3vh;z-index:2}.final-scoreboard{display:flex;align-items:center;gap:2vw;margin-bottom:4vh;z-index:2}.final-team{display:flex;align-items:center;gap:1vw;font-family:Kanit,sans-serif}.final-team--a .final-name,.final-team--a .final-score{color:var(--et-red)}.final-team--b .final-name,.final-team--b .final-score{color:var(--et-purple)}.final-name{font-size:1.8vw;font-weight:700}.final-score{font-size:4vw;font-weight:900}.final-dash{color:#ffffff4d;font-size:2vw}.final-recap{list-style:none;z-index:2;display:flex;flex-direction:column;gap:.8vh}.final-recap li{display:flex;gap:1vw;justify-content:center;font-size:1.1vw;color:#ffffffb3}.recap-award{color:var(--et-yellow);font-weight:700}