:root{font-family:Arial,sans-serif;color:#163c59;background:#b5e7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 15% 26%,#ffffffc9 0 5%,transparent 16%),radial-gradient(ellipse at 84% 40%,#ffffffaa 0 7%,transparent 20%),linear-gradient(180deg,#72c5ec,#b5e7f7 75%,#e3f6eb);background-attachment:fixed}body:before,body:after{content:'';position:fixed;z-index:0;width:95px;height:120px;border-radius:50%;box-shadow:inset -12px -10px 0 #0000000b,inset 15px 12px 0 #ffffff45;transform:rotate(-12deg);background:#ef9ec0;left:3vw;top:30vh;pointer-events:none}body:after{background:#ffdc78;left:auto;right:3vw;top:63vh;transform:rotate(14deg)}header,footer,.stage,#status{position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4vw;font-size:16px;letter-spacing:.03em}header span{font-size:14px;letter-spacing:.16em}a{color:#174766;text-underline-offset:4px}button,input{font:inherit}button{border:2px solid transparent;background:#174d70;color:white;border-radius:18px;padding:15px 28px;cursor:pointer;font-weight:700;box-shadow:0 5px 0 #0d334e;min-height:52px}button:disabled{opacity:.6;cursor:wait}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #a02b74;outline-offset:4px}.quiet{background:#ffffffbd;color:#214b72;box-shadow:none;border-color:#fff}footer{display:flex;justify-content:center;gap:14px;padding:12px 20px 24px;flex-wrap:wrap}.stage{width:min(1200px,92vw);margin:10px auto;min-height:calc(100svh - 215px);padding:28px 40px;text-align:center;border:3px solid #ffffffce;border-radius:32px;background:#ffffff7d;box-shadow:0 18px 38px #24567e1c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.stage>*{max-width:100%}h1,h2,p{margin:0}h1{font-size:clamp(32px,4.5vw,65px);line-height:1.15}h2{font-size:clamp(28px,3.2vw,48px);line-height:1.22}p{font-size:clamp(20px,2vw,28px);line-height:1.5}.eyebrow{font-size:16px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#38637d}.intro{width:100%;max-height:65svh}.poster{max-height:62svh;width:auto;max-width:100%;object-fit:contain;border-radius:8px}.video{width:min(900px,100%);aspect-ratio:16/9;border:0;border-radius:18px;background:#123}.small{font-size:16px}.code{font-size:clamp(64px,10vw,140px);letter-spacing:.13em;font-weight:900;line-height:1.05}.names{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.name{font-size:23px;background:#fff;border-radius:30px;padding:10px 20px;overflow-wrap:anywhere}.symbol{font-size:clamp(55px,7vw,100px);line-height:1.1}.question-image{max-height:25svh;max-width:90%;border-radius:18px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:10px}.choice{background:#fff;border:3px solid #b1d2e3;border-radius:22px;padding:18px;display:flex;align-items:center;justify-content:center;gap:15px;color:#163c59;font-size:clamp(26px,3vw,44px);box-shadow:0 5px 0 #91b9d0}.choice:nth-child(2){border-color:#dcafc7}.choice:nth-child(3){border-color:#ddc177}.choice:nth-child(4){border-color:#98c8b2}.letter{font-size:20px;background:#e8f2f7;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none}.choice img{max-width:70%;height:22svh;object-fit:contain;border-radius:12px}.choice.picture{flex-wrap:wrap}.choice.picture img{width:100%;max-width:100%}.choice.correct{background:#daf3dd;border-color:#32804a}.choice.selected{outline:4px solid #174d70}.choice:disabled{opacity:1;cursor:default}.folder-images{display:flex;justify-content:center;gap:20px;width:100%}.folder-images a{width:48%}.folder-images img{width:100%;max-height:34svh;object-fit:contain}.rankings{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;text-align:left}.rankings li{display:flex;align-items:center;gap:12px;background:#fff;padding:13px 20px;border-radius:16px;font-size:23px}.rankings li:first-child{background:#fff1b2}.rankings .person{flex:1;overflow-wrap:anywhere}.rankings .points{font-size:18px;white-space:nowrap}#status{text-align:center;min-height:25px;font-size:17px;padding:0 20px;color:#8c2454}#celebration{position:fixed;inset:0;z-index:5;pointer-events:none;width:100%;height:100%}.join-form{width:min(480px,100%);display:flex;flex-direction:column;gap:15px;text-align:left}.join-form h1{font-size:40px}.join-form label{font-size:22px;font-weight:700}.join-form input{width:100%;padding:16px;border:2px solid #89b4ce;border-radius:14px;font-size:28px}.join-form #code{text-transform:uppercase;letter-spacing:.15em}.player .stage{min-height:75svh}.player .choice{font-size:30px}.join-url{overflow-wrap:anywhere}#next{min-width:170px}[hidden]{display:none!important}@media(max-width:650px){header{font-size:13px;flex-wrap:wrap;padding:14px 5vw}header span{font-size:12px}.stage{padding:22px 16px;border-radius:23px}.choices{gap:10px}.choice{padding:14px 8px;font-size:26px;gap:7px}.rankings{grid-template-columns:1fr}.rankings li{font-size:21px}.folder-images{flex-direction:column;align-items:center}.folder-images a{width:100%}.folder-images img{max-height:none}.name{font-size:19px}.choice img{height:18svh}footer{gap:10px}button{padding:13px 19px}}

.role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(850px,100%);margin:22px 0}.role-options button,.role-option{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:36px 24px;min-height:210px;border-radius:22px;text-align:center;text-decoration:none;font-size:20px;line-height:1.5}.role-option{background:#fff;color:#174d70;border:2px solid #174d70;box-shadow:0 5px 0 #91b9d0}.role-option:hover{background:#edf8ff}.role-title{font-size:clamp(30px,4vw,44px);font-weight:800}.role-options button>span:last-child{font-weight:400}@media(max-width:650px){.role-options{grid-template-columns:1fr;gap:18px}.role-options button,.role-option{min-height:165px;padding:24px}}


.answer-counter{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px 20px;border:3px solid #fff;border-radius:20px;background:#174d70;color:#fff;box-shadow:0 5px 14px #163c5920}.answer-counter strong{font-size:clamp(28px,3.5vw,46px);line-height:1.15}.answer-counter span{font-size:18px;line-height:1.4}.answer-counter.complete{background:#24633c}