@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{font-family:Cairo,DM Sans,sans-serif;color:#fff7e3;background:#17294a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 25% 15%,#d7b36225 0 2px,transparent 3px) 0 0/28px 28px,#17294a}main{min-height:100vh;padding:25px 5vw;position:relative}.demo-controls{position:absolute;z-index:4;top:18px;left:5vw;display:flex;gap:7px;align-items:center;color:#e8cb87;font-size:.68rem;font-weight:700;letter-spacing:0}.demo-controls button{border:1px solid #e8cb8755;border-radius:7px;background:#ffffff12;color:#fff7e3;padding:7px 9px;cursor:pointer;font:inherit}.lobby,.question,.center,.alert-screen,.results{width:min(1800px,100%);min-height:calc(100vh - 50px);margin:auto}.lobby{position:relative;padding:70px 0 50px}.eyebrow{margin:0;color:#e8cb87;font-size:.78rem;font-weight:700;letter-spacing:.08em}.lobby-instruction{position:absolute;z-index:2;top:19%;right:2%;width:min(22vw,330px)}.lobby-instruction h1,.question h1,.center h1,.alert-screen h1,.results h1{margin:13px 0;font:700 clamp(3rem,5.2vw,5.6rem)/1.25 "Cairo",sans-serif}.lobby-instruction p:not(.eyebrow),.center p,.alert-screen p{max-width:340px;color:#d9d2bd;font-size:1.12rem;line-height:1.8}.qr-panel{position:absolute;z-index:1;top:50%;left:50%;display:grid;justify-items:center;gap:10px;width:min(46vw,680px);padding:18px;transform:translate(-50%,-50%);border:7px double #c7973f;border-radius:40px;background:#fff7e3;color:#17294a;box-shadow:0 18px 45px #07152d77}.qr-panel svg{width:min(100%,calc(100vh - 190px),640px);height:auto;border:10px solid #fff7e3}.qr-panel span{color:#725f43;font-size:1rem;font-weight:700}.count-panel{position:absolute;z-index:2;bottom:13%;right:2%;display:grid;gap:4px;width:min(23vw,340px);padding:25px 18px;border-top:2px solid #e8cb8777;border-bottom:2px solid #e8cb8777}.count-panel strong{color:#fff7e3;font:700 clamp(5.5rem,9vw,9rem)/.95 "Cairo",sans-serif}.count-panel span{color:#d9d2bd;font-size:1.15rem;line-height:1.5}.name-area{position:absolute;z-index:2;left:2%;bottom:15%;width:min(23vw,360px)}.names{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.names span{padding:10px 15px;border:1px solid #e8cb8766;border-radius:30px;background:#ffffff14;color:#fff7e3;font-size:1rem;opacity:0;animation:join-pop .55s cubic-bezier(.2,1.5,.45,1) forwards}.names span:nth-child(2){animation-delay:.08s}.names span:nth-child(3){animation-delay:.16s}.names span:nth-child(4){animation-delay:.24s}.names span:nth-child(5){animation-delay:.32s}.names span:nth-child(6){animation-delay:.4s}.names span:nth-child(7){animation-delay:.48s}.names span:nth-child(8){animation-delay:.56s}@keyframes join-pop{0%{opacity:0;transform:scale(.5) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.question{padding-top:14vh;text-align:center}.question h1{max-width:1000px;margin:15px auto 40px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.option{display:flex;align-items:center;gap:15px;min-height:83px;padding:18px;border-radius:10px;color:#17294a;text-align:right;font-size:1.3rem;font-weight:700;box-shadow:inset 0 0 0 3px #fff6}.option b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff9;font-size:.8rem}.option-1{background:#d99475}.option-2{background:#76a6a2}.option-3{background:#8d89b8}.option-4{background:#d6b552}.question>p:last-child{color:#d9d2bd}.center,.alert-screen{display:grid;place-content:center;text-align:center}.center span{font-size:4rem;color:#e8cb87}.alert-screen strong{display:grid;place-items:center;width:180px;height:180px;margin:18px auto;border:7px double #e8cb87;border-radius:50%;background:#b84f39;color:#fff7e3;font:700 7rem Cairo,sans-serif}.alert-screen{animation:screen-glow 1s ease-in-out infinite alternate}.results{max-width:760px;padding-top:13vh}.results>div{margin:14px 0;padding:18px;border:1px solid #e8cb8766;border-radius:10px;background:#ffffff10;font-size:1.25rem}.results b{display:inline-block;width:130px;color:#e8cb87}footer{position:absolute;bottom:16px;left:0;right:0;color:#a6a18f;font-size:.72rem;text-align:center}@keyframes screen-glow{0%{background:#17294a33}to{background:#b84f3933}}@media(max-width:800px){.lobby{display:grid;grid-template-columns:1fr;gap:25px;padding:75px 0 55px;text-align:center}.lobby-instruction,.qr-panel,.count-panel,.name-area{position:static;width:min(100%,620px);transform:none;justify-self:center}.lobby-instruction p:not(.eyebrow){margin-left:auto;margin-right:auto}.qr-panel{padding:18px}.count-panel{border-left:2px solid #e8cb8777;border-right:2px solid #e8cb8777}.names{justify-content:center}}@media(max-width:700px){main{padding:25px}.demo-controls{position:static;justify-content:center;margin-bottom:15px}.demo-controls span{display:none}.options{grid-template-columns:1fr}.lobby-instruction h1,.question h1,.center h1,.alert-screen h1,.results h1{font-size:3rem}.question{padding-top:60px}.qr-panel{padding:14px}.qr-panel svg{width:min(100%,390px)}.count-panel strong{font-size:5.5rem}}.center p{max-width:800px;margin:20px auto 0;color:#fff7e3;font:700 clamp(2rem,3.4vw,4rem)/1.35 "Cairo",sans-serif}.question h1{font-size:clamp(4rem,7vw,7.2rem)}.alert-screen p:not(.eyebrow){max-width:800px;margin:22px auto 0;color:#fff7e3;font:700 clamp(2rem,3.4vw,4rem)/1.35 "Cairo",sans-serif}.alert-screen .eyebrow{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:0}.results{width:min(1440px,100%);max-width:none;padding-top:8vh}.results h1{margin-bottom:clamp(32px,5vw,70px);font-size:clamp(4.8rem,8vw,8.5rem);text-align:center}.leaderboard-chart{display:grid;gap:clamp(11px,1.5vw,22px);margin:0;padding:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:clamp(50px,6vw,90px) minmax(90px,1fr) minmax(180px,2.7fr) max-content;gap:clamp(12px,2vw,28px);align-items:center}.leaderboard-rank{display:grid;place-items:center;width:clamp(46px,5vw,76px);height:clamp(46px,5vw,76px);border:2px solid #e8cb87;border-radius:50%;color:#e8cb87;font-size:clamp(1.35rem,2.1vw,2.5rem);font-weight:700}.leaderboard-name{font-size:clamp(1.7rem,3.1vw,3.8rem);font-weight:700;white-space:nowrap}.names{display:grid;grid-template-columns:1fr;gap:10px}.names span{width:100%;white-space:nowrap;text-align:center}.leaderboard-track{display:flex;justify-content:flex-start;height:clamp(28px,3.5vw,52px);overflow:hidden;border-radius:999px;background:#fff7e322}.leaderboard-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b84f39,#e8cb87)}.leaderboard-score{min-width:clamp(125px,14vw,220px);color:#fff7e3;font-size:clamp(1.15rem,2.1vw,2.45rem);text-align:left;white-space:nowrap}.lobby-instruction .eyebrow,.name-area .eyebrow,.count-panel .eyebrow{font-size:clamp(1.2rem,1.75vw,2.3rem);line-height:1.5;letter-spacing:0}.count-panel span{font-size:clamp(1.45rem,2.25vw,2.85rem);font-weight:700;line-height:1.5}.answer-reveal-screen{display:grid;place-content:center;gap:clamp(12px,2vh,24px);width:min(1550px,100%);min-height:calc(100vh - 50px);margin:auto;padding:80px 24px 40px;text-align:center}.answer-reveal-screen h1{margin:0;color:#fff7e3;font:700 clamp(3rem,6vw,7.2rem)/1.35 "Cairo",sans-serif}.answer-reveal-screen .eyebrow{font-size:clamp(1.2rem,2vw,2.4rem)}.winner-card{display:grid;gap:clamp(8px,1.3vh,15px);width:min(100%,970px);margin:auto;padding:clamp(22px,3vw,42px);border:4px double #e8cb87;border-radius:28px;background:#fff7e3;color:#17294a;box-shadow:0 20px 40px #07152d55}.winner-card p{margin:0;color:#8f6732;font-size:clamp(1.1rem,2vw,2.25rem);font-weight:700}.winner-card strong{font-size:clamp(2rem,4.3vw,5.1rem);line-height:1.45}.winner-card span{font:700 clamp(1.15rem,2.4vw,2.7rem)/1.5 "Cairo",sans-serif}.reveal-next{margin:0;color:#fff7e3;font:700 clamp(1.5rem,3vw,3.5rem)/1.4 "Cairo",sans-serif}@media(min-width:1101px){.count-panel{top:76px!important;right:auto!important;bottom:auto!important;left:5vw!important}.name-area{bottom:0!important;width:min(20vw,300px)!important}main{height:100vh!important;min-height:0!important;overflow:hidden}.lobby,.question,.center,.alert-screen,.answer-reveal-screen,.results{height:calc(100vh - 50px)!important;min-height:0!important}.question{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:clamp(8px,1.4vh,16px)!important;padding:clamp(70px,10vh,130px) 0 clamp(12px,2vh,24px)!important}.question h1{max-width:1400px!important;margin:0 auto!important;font-size:clamp(3.8rem,8vh,8rem)!important;line-height:1.3!important}.options{min-height:0!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:clamp(12px,2vh,22px)!important}.option{min-height:0!important;height:100%!important;padding:clamp(16px,2.4vh,30px)!important;font-size:clamp(1.7rem,4.2vh,4rem)!important}.option b{width:clamp(42px,5vh,70px)!important;height:clamp(42px,5vh,70px)!important;font-size:clamp(1.2rem,2.5vh,2.2rem)!important}.question>p:last-child{margin:0!important;font-size:clamp(1.1rem,2.2vh,2rem)!important}.center h1,.alert-screen h1{font-size:clamp(3rem,7vh,6rem)!important}.alert-screen strong{width:clamp(120px,20vh,180px)!important;height:clamp(120px,20vh,180px)!important;font-size:clamp(4rem,10vh,7rem)!important}.results{display:flex!important;flex-direction:column!important;padding-top:clamp(58px,8vh,105px)!important}.results h1{flex:0 0 auto!important;margin:0 0 clamp(16px,3vh,34px)!important;font-size:clamp(3.4rem,7vh,6.6rem)!important;line-height:1.2!important}.leaderboard-chart{flex:1 1 auto!important;min-height:0!important;grid-template-rows:repeat(10,minmax(0,1fr))!important;gap:clamp(4px,.9vh,12px)!important}.leaderboard-row{min-height:0!important;grid-template-columns:clamp(38px,5vh,64px) minmax(260px,1.4fr) minmax(160px,2.3fr) max-content!important;gap:clamp(9px,1.5vw,24px)!important}.leaderboard-rank{width:clamp(34px,5vh,64px)!important;height:clamp(34px,5vh,64px)!important;font-size:clamp(1rem,2.5vh,2rem)!important}.leaderboard-name{font-size:clamp(1.3rem,2.8vh,2.65rem)!important}.leaderboard-track{height:clamp(14px,2.7vh,34px)!important}.leaderboard-score{min-width:clamp(128px,15vw,235px)!important;font-size:clamp(1.2rem,2.7vh,2.4rem)!important}}@media(max-width:1100px){.lobby{display:flex!important;flex-direction:column!important;align-items:center!important;gap:25px!important;min-height:auto!important;padding:75px 0 55px!important;text-align:center!important}.lobby-instruction,.qr-panel,.count-panel,.name-area{position:relative!important;inset:auto!important;width:min(100%,620px)!important;transform:none!important;justify-self:auto!important}.lobby-instruction{order:1}.qr-panel{order:2;padding:18px!important}.count-panel{order:3;border-left:2px solid #e8cb8777!important;border-right:2px solid #e8cb8777!important}.name-area{order:4}.lobby-instruction p:not(.eyebrow){margin-left:auto;margin-right:auto}.names{justify-content:center}}@media(max-width:800px){.results{padding-top:5vh}.results h1{font-size:clamp(3.3rem,11vw,5rem)}.leaderboard-row{grid-template-columns:44px minmax(78px,1fr) minmax(90px,1.7fr);gap:10px}.leaderboard-score{grid-column:2/-1;min-width:0;font-size:1rem;text-align:right}.leaderboard-name{font-size:1.45rem}.leaderboard-rank{width:42px;height:42px;font-size:1.15rem}.leaderboard-track{height:25px}}body{min-height:100vh;background:linear-gradient(#0a0609c2,#0a0609d1),url(/images/event-background.jpeg) center / cover no-repeat fixed}main{background:transparent}.lobby-instruction,.count-panel,.name-area,.question,.center,.alert-screen,.answer-reveal-screen,.results{text-shadow:0 2px 8px rgba(0,0,0,.78)}.lobby-instruction,.count-panel,.name-area{border-radius:20px;background:#0d080c8f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.option{box-shadow:inset 0 0 0 3px #ffffffa6,0 10px 24px #00000059;text-shadow:none}.winner-card,.qr-panel{box-shadow:0 20px 48px #00000094}@media(max-width:1100px){body{background-attachment:scroll}.lobby-instruction,.count-panel,.name-area{padding:20px}}@media(min-width:1101px){.lobby{display:grid!important;grid-template-columns:minmax(230px,1fr) minmax(500px,1.8fr) minmax(260px,1fr)!important;grid-template-rows:minmax(180px,1fr) minmax(180px,1fr)!important;grid-template-areas:"names qr title" "names qr count"!important;align-items:center!important;gap:clamp(18px,2.5vw,48px)!important;min-height:calc(100vh - 50px)!important;padding:clamp(64px,8vh,110px) clamp(18px,4vw,70px) 45px!important}.lobby-instruction,.qr-panel,.count-panel,.name-area{position:static!important;inset:auto!important;width:100%!important;transform:none!important;justify-self:stretch!important;margin:0!important}.lobby-instruction{grid-area:title!important;align-self:start!important;text-align:center!important;padding:18px!important}.qr-panel{grid-area:qr!important;align-self:center!important;z-index:3!important;padding:clamp(16px,1.5vw,28px)!important}.qr-panel svg{width:min(100%,58vh,620px)!important;max-height:62vh!important}.count-panel{grid-area:count!important;align-self:end!important;z-index:2!important;text-align:center!important;padding:18px!important}.count-panel .eyebrow{font-size:clamp(1rem,1.3vw,1.6rem)!important}.count-panel strong{display:block!important;font-size:clamp(3.2rem,6vw,6rem)!important;line-height:.95!important}.name-area{grid-area:names!important;align-self:start!important;max-height:70vh!important;overflow:visible!important;padding:18px!important}.names{max-height:58vh!important;overflow:hidden!important}}.screen-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0a0609c2,#0a0609d1),url(/images/event-background.jpeg) center / cover no-repeat fixed}.screen-login form{display:grid;gap:14px;width:min(100%,520px);padding:clamp(28px,5vw,54px);border:6px double #c7973f;border-radius:24px;background:#fff7e3;color:#17294a;box-shadow:0 20px 50px #00000080}.screen-login h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.5rem)}.screen-login label{display:grid;gap:7px;font-weight:700;font-size:1.1rem}.screen-login input{padding:15px;border:1px solid #cbbd9f;border-radius:9px;background:#fffdf7;font:inherit}.screen-login button{min-height:54px;border:0;border-radius:9px;background:#b97931;color:#fffaf0;font:700 1.1rem inherit;cursor:pointer}.screen-login-error{margin:0;color:#a22c25;font-weight:700}.screen-logout{position:fixed;z-index:30;top:18px;left:24px;padding:8px 14px;border:1px solid #e8cb8777;border-radius:8px;background:#17294acc;color:#fff7e3;font:700 .9rem inherit;cursor:pointer}@media(max-width:1100px){.lobby{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;min-height:auto!important;padding:64px 16px 36px!important}.lobby-instruction,.qr-panel,.count-panel,.name-area{position:static!important;inset:auto!important;width:min(100%,560px)!important;transform:none!important;align-self:center!important;margin:0 auto!important}.lobby-instruction{order:1!important;text-align:center!important}.lobby-instruction h1{margin:4px 0 0!important;font-size:clamp(2.6rem,11vw,4.8rem)!important;line-height:1.1!important}.qr-panel{order:2!important;padding:12px!important}.qr-panel svg{width:min(100%,78vw,430px)!important;height:auto!important}.count-panel{order:3!important;text-align:center!important}.count-panel .eyebrow{font-size:clamp(1rem,4vw,1.35rem)!important}.count-panel strong{display:block!important;font-size:clamp(3.5rem,15vw,6rem)!important;line-height:.95!important}.name-area{order:4!important;text-align:center!important}.names{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:center!important;max-height:190px!important;overflow:hidden!important}}.question-timer{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:fit-content;min-width:300px;margin:0 auto!important;padding:10px 24px;border:2px solid #e8cb87;border-radius:999px;background:#0d080cb8;color:#fff7e3!important;font-size:clamp(1.45rem,2.8vw,2.55rem)!important;font-weight:700;text-shadow:none}.question-timer strong{color:#f7d877}.question>.eyebrow{font-size:clamp(2.35rem,4.6vw,4.4rem)!important;font-weight:800;letter-spacing:0}.question-timer{position:fixed;z-index:20;top:28px;left:50%;transform:translate(-50%)}.alert-screen strong{line-height:1!important;padding:0!important;font-family:Arial,sans-serif!important}@media(min-width:1101px){.names{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:62vh!important;gap:12px!important}.names span{width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}.results{padding-top:clamp(34px,4vh,58px)!important;padding-bottom:20px!important;overflow:hidden!important}.results h1{margin-bottom:clamp(10px,1.5vh,20px)!important;font-size:clamp(3.8rem,6vh,5.8rem)!important}.leaderboard-chart{gap:clamp(3px,.55vh,8px)!important}.leaderboard-name{font-size:clamp(1.5rem,3.1vh,2.9rem)!important;line-height:1.1!important}.leaderboard-score{font-size:clamp(1.35rem,3vh,2.7rem)!important}.leaderboard-row{line-height:1.1!important}}