:root{--navy:#05072a;--blue:#111b64;--gold:#f5c84b;--ink:#eef2ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1b3385,var(--navy) 55%);color:var(--ink);font-family:Arial,sans-serif;min-height:100vh}main{max-width:960px;margin:auto;padding:28px 18px}h1{color:var(--gold);text-align:center;letter-spacing:1px}.panel{background:#0b1245dd;border:1px solid #5369c8;border-radius:20px;padding:24px;margin:18px 0;box-shadow:0 0 35px #0008}.row{display:flex;gap:12px;flex-wrap:wrap}.option,button,input,select{font:inherit;border-radius:10px;padding:13px;border:1px solid #7184e0}button{cursor:pointer;background:var(--gold);color:#141027;font-weight:700;transition:transform .12s,filter .12s,opacity .12s}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:scale(.96)}button:disabled,select:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(1);background:#4b516e;color:#d4d7e8;border-color:#707891}.option{display:block;width:100%;text-align:left;background:#18245f;color:white;margin:10px 0}.option:hover{background:#31489a}.option.selected{background:#6f4f00;border:3px solid var(--gold);box-shadow:0 0 18px #f5c84b;color:#fff}.option.correct{background:#14803d;border-color:#7df0a6}.option.wrong{background:#a82332;border-color:#ff9ca5}.muted{color:#b8c3ee}.timer{font-size:2.2rem;color:var(--gold)}.flash,.timer{text-align:center;font-weight:700}.flash{color:#fff;background:#14803d;border:2px solid var(--gold);border-radius:12px;padding:14px;font-size:1.2rem;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.035);box-shadow:0 0 24px #f5c84b}}@media(max-width:600px){main{padding:18px 12px}.panel{padding:18px}}.presenter{max-width:none;width:100%;min-height:100vh;padding:2vh 3vw}.presenter-header{display:flex;align-items:center;justify-content:space-between;gap:2vw}.presenter-header h1{font-size:clamp(2rem,4vw,5rem);margin:0;text-align:left}.presenter-header p{color:var(--gold);font-size:clamp(1rem,1.8vw,2rem);font-weight:700;margin:0}.presenter-board{min-height:72vh;margin:1.5vh 0;padding:2.5vh 3vw;display:flex;flex-direction:column;justify-content:center}.presenter-controls{display:flex;gap:1vw;justify-content:flex-end}.presenter-controls button{font-size:clamp(.8rem,1.2vw,1.3rem);padding:.6em 1em}.presenter-question{font-size:clamp(2rem,4.2vw,5.5rem);line-height:1.12;text-align:center;margin:2vh 0 3vh}.presenter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.5vh 1.5vw;gap:1.5vh 1.5vw}.presenter-options .option{font-size:clamp(1.3rem,2.5vw,3.2rem);line-height:1.18;padding:1.1em;margin:0;min-height:3.4em;display:flex;align-items:center}.presenter-announcement h2,.presenter-answer,.presenter-waiting{font-size:clamp(2rem,4vw,5rem);text-align:center;color:var(--gold);margin:3vh 0 0}.presenter-results{padding:2vh 3vw}.presenter-results h2{font-size:clamp(1.8rem,3vw,4rem);margin:0 0 1vh}.presenter-results>div{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5vw 1vw;gap:.5vw 1vw}.presenter-results p{font-size:clamp(1rem,1.5vw,2rem);margin:.4em 0}@media(max-aspect-ratio:2/1){.presenter{padding:18px 12px}.presenter-header{display:block}.presenter-header h1,.presenter-header p{text-align:center}.presenter-board{min-height:auto}.presenter-options{grid-template-columns:1fr}.presenter-results>div{grid-template-columns:repeat(2,1fr)}}.presenter-timer{align-self:center;background:#111b64;border:3px solid var(--gold);border-radius:999px;color:var(--gold);font-size:clamp(2rem,4vw,5rem);font-weight:700;line-height:1;margin:0 0 1vh;padding:.25em .75em;box-shadow:0 0 24px #f5c84b88}.option.correct:disabled,.option.selected:disabled,.option.wrong:disabled{opacity:1;filter:none}.option.selected:disabled{background:#6f4f00;border:3px solid var(--gold);box-shadow:0 0 18px #f5c84b;color:#fff}.fireworks{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.fireworks i{position:absolute;width:clamp(120px,15vw,280px);aspect-ratio:1;opacity:0;filter:drop-shadow(0 0 12px #ffd54a);background:repeating-conic-gradient(from 0deg,#ffd44a 0deg 4deg,transparent 5deg 18deg);mask:radial-gradient(circle,transparent 0 18%,#000 19% 42%,transparent 43%);-webkit-mask:radial-gradient(circle,transparent 0 18%,#000 19% 42%,transparent 43%);animation:firework-burst 1.45s ease-out infinite}.fireworks i:first-child{top:9%;left:8%}.fireworks i:nth-child(2){top:10%;right:10%;animation-delay:.3s;background:repeating-conic-gradient(from 12deg,#40c6ff 0deg 4deg,transparent 5deg 18deg)}.fireworks i:nth-child(3){bottom:10%;left:17%;animation-delay:.58s;background:repeating-conic-gradient(from 25deg,#ff6b8a 0deg 4deg,transparent 5deg 18deg)}.fireworks i:nth-child(4){bottom:12%;right:18%;animation-delay:.88s}@keyframes firework-burst{0%{transform:scale(.08) rotate(0);opacity:0}20%{opacity:1}72%{opacity:.85}to{transform:scale(1.3) rotate(35deg);opacity:0}}.winner-fireworks{background:radial-gradient(circle at 50% 50%,#f5c84b22,transparent 48%)}.winner-fireworks i{width:clamp(190px,23vw,440px);animation-duration:1.75s}.winner-fireworks i:nth-child(5){top:28%;left:28%;animation-delay:.18s;background:repeating-conic-gradient(from 8deg,#52e68c 0deg 4deg,transparent 5deg 18deg)}.winner-fireworks i:nth-child(6){top:25%;right:25%;animation-delay:.58s;background:repeating-conic-gradient(from 20deg,#ffd44a 0deg 4deg,transparent 5deg 18deg)}.winner-fireworks i:nth-child(7){bottom:25%;left:35%;animation-delay:.95s;background:repeating-conic-gradient(from 3deg,#40c6ff 0deg 4deg,transparent 5deg 18deg)}.winner-fireworks i:nth-child(8){bottom:23%;right:36%;animation-delay:1.28s;background:repeating-conic-gradient(from 14deg,#ff6b8a 0deg 4deg,transparent 5deg 18deg)}.presenter-lifelines{position:fixed;top:2vh;right:3vw;display:flex;gap:1vw;z-index:20}.presenter-lifelines span{background:#0b1245;border:2px solid var(--gold);border-radius:999px;color:var(--gold);font-size:clamp(1rem,2vw,2.6rem);font-weight:700;padding:.45em .8em;box-shadow:0 0 20px #0008}.presenter-end,.presenter-idle{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3vh;background:radial-gradient(circle,#1b3385,var(--navy) 62%)}.presenter-logo{display:block;width:min(48vw,760px);max-height:66vh;object-fit:contain;filter:drop-shadow(0 0 32px #f5c84b99)}.presenter-header-logo{display:block;width:clamp(170px,19vw,350px);height:clamp(72px,10vh,145px);object-fit:contain;filter:drop-shadow(0 0 12px #f5c84b88)}.presenter-join{width:min(92vw,780px);text-align:center}@media(max-aspect-ratio:2/1){.presenter-logo{width:min(80vw,600px);max-height:48vh}.presenter-header-logo{width:clamp(150px,32vw,270px)}}