*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Arial,Helvetica Neue,sans-serif;overflow:hidden}body{background:radial-gradient(ellipse at center,transparent 0%,rgba(40,0,80,.5) 100%),radial-gradient(circle at center,rgba(100,150,255,.3) 0%,transparent 60%),repeating-conic-gradient(from 0deg,#142864 0deg 3.6deg,#1e3c8c 3.6deg 7.2deg),#0a1f4d;background-attachment:fixed}.main-container{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;gap:0}.left-column{position:relative;display:flex;flex-direction:column;padding-top:clamp(1rem,3%,2rem);padding-right:clamp(1rem,3%,2rem);padding-bottom:clamp(6.5rem,11%,8rem);padding-left:clamp(1rem,3%,2rem);background:transparent;overflow:hidden}.right-column{background:#0f0;width:100%;height:100%;border:none;box-shadow:none;position:relative;z-index:-1}.logo-area{position:relative;height:clamp(4rem,7%,6rem);margin-bottom:clamp(.6rem,1%,1rem);display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,2%,1.5rem);flex-shrink:0}.logo-wrap{position:relative;height:100%;flex-shrink:0;display:flex;align-items:center}.remaining-top{color:gold;font-weight:900;font-size:clamp(1rem,2.2vw,1.7rem);text-transform:uppercase;text-align:right;line-height:1.2;text-shadow:1px 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}#logo-img{max-height:100%;max-width:100%;object-fit:contain;display:block;border-radius:clamp(.5rem,1.5%,1rem);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}#logo-img:not([src]),#logo-img.error{display:none}#logo-img:not([src])~.logo-fallback,#logo-img.error~.logo-fallback{display:flex}.logo-fallback{display:none;position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center}.logo-text{display:flex;flex-direction:column;align-items:center;gap:clamp(.2rem,1%,.4rem)}.logo-show,.logo-stlzao{font-family:Arial,Arial Black,sans-serif;font-weight:900;font-size:clamp(1.2rem,3vw,2.5rem);color:gold;text-shadow:2px 2px 0 #B8860B,4px 4px 0 #8B6508,6px 6px 0 #5C4103;letter-spacing:.1em}.logo-do{font-family:Arial,Helvetica Neue,sans-serif;font-size:clamp(.7rem,1.5vw,1.2rem);color:#fff;font-weight:400}.question-panel{position:relative;background:linear-gradient(135deg,#8b0000,red);border:clamp(3px,.5%,6px) solid rgba(255,255,255,.8);border-radius:clamp(1rem,3%,2rem);padding:clamp(.5rem,1%,1rem) clamp(1rem,2.5%,1.6rem);margin-bottom:clamp(.5rem,1%,1rem);flex-shrink:0;width:90%;align-self:flex-start;min-height:clamp(3rem,7vh,4.5rem);max-height:38vh;overflow-y:auto;box-shadow:0 0 20px #00000080}.question-panel.entrance-animation{animation:questionEntrance .6s cubic-bezier(.34,1.56,.64,1)}@keyframes questionEntrance{0%{opacity:0;transform:scale(.5) translateY(-20px)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.question-text{color:#fff;font-weight:700;font-size:clamp(18px,2.2vw,30px);text-transform:uppercase;line-height:1.25;word-wrap:break-word;overflow-wrap:break-word}.countdown-display{position:absolute;top:50%;right:clamp(1rem,3%,2rem);transform:translateY(-50%);font-size:clamp(2rem,6vw,4rem);font-weight:900;color:#ffffffb3;font-family:Arial,Arial Black,sans-serif;animation:countdownPulse 1s ease-out}#countdownDisplay{display:none!important}@keyframes countdownPulse{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1);opacity:.7}}.answer-pills-container{display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1vh,14px);margin-bottom:clamp(.4rem,.8%,.7rem);width:88%;align-self:flex-start;flex:1 1 auto;min-height:0}.answer-pill{display:flex;align-items:center;gap:clamp(.5rem,1%,1rem);padding:clamp(.3rem,.7%,.5rem) clamp(.7rem,1.8%,1.2rem);background:#fffacde6;border:2px solid transparent;border-radius:clamp(1.5rem,3%,3rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003;flex-shrink:0;min-height:clamp(44px,6vh,76px);box-sizing:border-box}.answer-pill.pop-animation{animation:pillPop .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:1}@keyframes pillPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.answer-pill:hover{background:gold;box-shadow:0 0 15px #ffd70099}.answer-pill.selected{background:gold;border-color:#ff8c00;box-shadow:0 0 20px #ffd700cc,inset 0 0 10px #ffa5004d}.answer-pill.correct{background:#0c0;border-color:#080;animation:correctPulse .8s ease-out}@keyframes correctPulse{0%{transform:scale(1);box-shadow:0 0 20px #00c800cc}50%{transform:scale(1.05);box-shadow:0 0 30px #00c800}to{transform:scale(1);box-shadow:0 0 10px #00c80080}}.answer-pill.wrong{animation:wrongFlash .5s ease-out}@keyframes wrongFlash{0%,to{background:#fffacde6;transform:scale(1)}25%,75%{background:#f44;transform:scale(1.02)}}.answer-badge{position:relative;min-width:clamp(2.4rem,5.6vh,3.7rem);width:clamp(2.4rem,5.6vh,3.7rem);height:clamp(2.4rem,5.6vh,3.7rem);background:#003d82;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(1.1rem,2.4vh,1.6rem);color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0000004d}.answer-text{flex:1;color:#003d82;font-weight:700;font-size:clamp(18px,1.5vw,29px);text-transform:uppercase;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.justification-text{display:none!important;color:#fff;font-size:clamp(.8rem,1.5vw,1.2rem);font-style:italic;margin-top:clamp(.5rem,1%,1rem);padding:clamp(.5rem,1%,1rem);background:#0000004d;border-left:3px solid #FFD700;border-radius:.3rem}.hud-area{display:flex;flex-direction:column;flex-shrink:0}.progress-text{display:flex;flex-direction:column;gap:.3rem}#questionCounter{display:none}.footer-area{display:flex;align-items:center;gap:clamp(.5rem,1%,1rem);margin-top:clamp(.5rem,1%,1rem);flex-shrink:0}#eventLogo{max-width:clamp(120px,12vw,160px);max-height:clamp(3.5rem,7vh,5rem);width:auto;object-fit:contain}#eventLogo:not([src]),#eventLogo.error{display:none}.overlay{position:absolute;inset:0;background:#000000d9;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:clamp(.5rem,1%,1rem);padding:clamp(1rem,2%,2rem)}.overlay.overlay-active{display:flex}.overlay-content{text-align:center;color:#fff;display:flex;flex-direction:column;gap:clamp(1rem,2%,2rem);align-items:center}.overlay-content h1{font-size:clamp(2rem,5vw,4rem);font-weight:900;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.overlay-content h2{font-size:clamp(1.3rem,3vw,2.5rem);font-weight:700;text-transform:uppercase}.overlay-content p{font-size:clamp(1rem,2vw,1.5rem);max-width:90%}.btn{padding:clamp(.6rem,1.5%,1.2rem) clamp(1.2rem,2.5%,2rem);font-size:clamp(.9rem,2vw,1.4rem);font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-primary{background:gold;color:#333}.btn-primary:hover:not(:disabled){background:orange;transform:scale(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.host-bar{position:fixed;bottom:0;left:0;height:auto;background:#000c;border-top:2px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:clamp(.5rem,1%,1rem);padding:clamp(.5rem,1%,1rem);font-size:clamp(.8rem,1.5vw,1.1rem);z-index:99;width:50%;flex-wrap:wrap}.host-btn,.host-select{padding:clamp(.3rem,.8%,.6rem) clamp(.6rem,1.2%,1rem);font-size:clamp(.75rem,1.3vw,1rem);font-weight:700;background:#646464cc;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:.3rem;cursor:pointer;transition:all .2s ease}.host-btn:hover:not(:disabled){background:#969696e6;border-color:#fff9}.host-btn:disabled{opacity:.5;cursor:not-allowed}.host-select{background:#505050e6;color:#fff}.host-label{color:#ffffffb3;font-weight:700;white-space:nowrap}.host-counter{color:#fffc;font-size:clamp(.7rem,1.2vw,1rem);white-space:nowrap;flex-shrink:0}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.confetti-piece{position:absolute;width:clamp(4px,1vw,12px);height:clamp(4px,1vw,12px);opacity:1;animation:fall linear;pointer-events:none}@keyframes fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media(max-height:800px){.main-container{grid-template-columns:1fr 1fr}.left-column{padding-bottom:clamp(6rem,10%,7rem)}.logo-area{height:clamp(2.4rem,6%,3.6rem);margin-bottom:.4rem}.question-panel{min-height:clamp(2.5rem,6vh,4rem);margin-bottom:.4rem}.answer-pills-container{gap:6px;margin-bottom:.3rem}}.left-column.compact .question-text{font-size:clamp(15px,1.9vw,26px)}.left-column.compact .question-panel{padding:clamp(.35rem,.8%,.7rem) clamp(.7rem,2%,1.2rem);min-height:clamp(2.5rem,5.5vh,3.8rem);margin-bottom:.35rem}.left-column.compact .answer-pills-container{gap:clamp(4px,.7vh,10px);margin-bottom:.3rem}.left-column.compact .answer-pill{min-height:clamp(36px,5vh,60px)}.left-column.compact .answer-text{font-size:clamp(15px,1.3vw,25px)}.left-column.compact2 .question-text{font-size:clamp(13px,1.6vw,22px)}.left-column.compact2 .question-panel{padding:clamp(.25rem,.6%,.5rem) clamp(.5rem,1.5%,.9rem);min-height:clamp(2rem,4.5vh,3rem);margin-bottom:.25rem}.left-column.compact2 .answer-pills-container{gap:clamp(3px,.5vh,6px);margin-bottom:.2rem}.left-column.compact2 .answer-pill{min-height:clamp(30px,4vh,48px)}.left-column.compact2 .answer-text{font-size:clamp(13px,1.1vw,20px)}.left-column.compact2 .logo-area{height:clamp(1.8rem,4.5%,2.7rem);margin-bottom:.3rem}.left-column>*{max-width:100%}.overlay,.overlay.overlay-active{pointer-events:auto}#wrongOverlay{display:none!important}