*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 20%,#17587966,transparent 55%),radial-gradient(ellipse at 85% 80%,#59398155,transparent 60%),#091b35;color:#f4f7ff;font-family:"Geeza Pro",Tahoma,sans-serif}header{display:flex;justify-content:space-between;gap:20px;background:#0009;padding:20px 5vw}a{color:#98edda;text-decoration:none}main{width:min(1050px,92vw);margin:35px auto 70px}h1{font-size:clamp(40px,7vw,70px);margin:14px 0;color:#ffe0a0}h2{font-size:29px;line-height:1.6}.intro{text-align:center}.intro p{font-size:24px}.eyebrow{color:#98edda}section{background:#ffffff08;border:1px solid #ffffff25;border-radius:24px;padding:30px;margin:25px 0}p{font-size:20px;line-height:1.9}.muted{font-size:16px;color:#b5c7df}label{display:block;font-size:19px;margin:18px 0}input{display:block;width:100%;border:1px solid #8fabcf;border-radius:12px;padding:17px;font:inherit;font-size:23px;margin:9px 0;background:#eff5ff;color:#152b4b}#roomInput,#code{direction:ltr}button{border:0;border-radius:14px;background:#98edda;color:#153750;padding:17px 25px;font:inherit;font-size:21px;cursor:pointer;margin:6px}button:hover{background:#c3fff2}button:disabled{opacity:.65;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffe0a0;outline-offset:5px}[hidden]{display:none!important}.roomline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid #ffffff25;font-size:20px}#code{font-size:40px;color:#ffe0a0;display:inline-block;letter-spacing:6px;margin:8px}#joinGuide{display:flex;gap:25px;align-items:center;justify-content:center;flex-wrap:wrap}#joinGuide img{background:white;padding:15px;width:180px;height:180px;border-radius:14px}#questionText{text-align:center;font-size:32px}#choices{display:grid;gap:14px;grid-template-columns:1fr}#choices button{text-align:right;color:#f4f7ff;background:#ffffff10;border:1px solid #ffffff30;width:100%;margin:0;padding:22px}#choices button.selected{border-color:#ffe0a0;background:#ffe0a019}#choices button.correct{background:#56bd9233;border-color:#98edda}#clock{text-align:center;color:#ffe0a0;font-size:32px;margin-top:25px}#answerStatus,#explain,#winner{text-align:center;color:#ffe0a0}#controls{text-align:center;margin-top:25px}.scoreTitle{font-size:23px}.scoreRow{display:grid;grid-template-columns:55px 1fr 110px 120px;gap:12px;align-items:center;padding:16px 12px;border-bottom:1px solid #ffffff18;font-size:20px}.scoreRow.first{background:#ffe0a014}.rank{color:#ffe0a0;font-size:24px}.scoreHead{font-size:15px;color:#b5c7df}.scoreRow.own{border-right:3px solid #98edda}#error{color:#ffc0b6;text-align:center}#connection{text-align:center}@media(max-width:650px){header{font-size:14px;padding:17px 4vw}section{padding:20px}.roomline{flex-direction:column}#code{font-size:36px}#questionText{font-size:25px}.scoreRow{grid-template-columns:30px 1fr 65px 80px;font-size:16px;padding:14px 5px;gap:8px}.scoreHead{font-size:12px}button{font-size:19px;width:100%;margin:7px 0}}

/* Readable, finger-sized controls and compact ranking on phones. */
button,a,input,summary{touch-action:manipulation}input{min-width:0}input[type=email],input[type=password]{direction:ltr;text-align:left}summary{cursor:pointer;min-height:48px;padding:10px 0;font-size:20px;color:#98edda}#myTeams{display:grid;gap:8px}#myTeams button{overflow-wrap:anywhere}#accountMessage{color:#98edda}#ranking{overflow-wrap:anywhere}.scoreRow>span{min-width:0}
@media(max-width:600px){
 header{gap:12px;align-items:center;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));font-size:13px;line-height:1.7}header a{min-height:44px;display:flex;align-items:center}
 main{width:auto;margin:22px 14px 32px;padding-bottom:env(safe-area-inset-bottom)}h1{font-size:42px;margin:10px 0}h2{font-size:25px;margin:14px 0;line-height:1.6}.intro p{font-size:19px;margin:8px 0}.eyebrow{font-size:14px}section{padding:18px 14px;margin:20px 0;border-radius:18px}p{font-size:18px;line-height:1.8}.muted{font-size:15px}label{font-size:18px;margin:16px 0}input{padding:14px 12px;font-size:20px;min-height:52px}button{font-size:18px;min-height:50px;padding:14px 16px;margin:6px 0;line-height:1.6;white-space:normal}
 .roomline{gap:6px;text-align:center;font-size:17px;padding-bottom:12px}#code{font-size:38px;letter-spacing:5px;margin:4px}#joinGuide{gap:8px;text-align:center}#joinGuide img{width:144px;height:144px;padding:10px}#joinGuide p{font-size:16px;margin:6px 0}#joinGuide strong{direction:ltr;display:inline-block;overflow-wrap:anywhere}
 #questionText{font-size:24px;line-height:1.65;margin:16px 0}#choices{gap:10px}#choices button{padding:16px;font-size:19px;min-height:58px}#clock{font-size:27px;margin-top:16px;font-variant-numeric:tabular-nums}#controls{margin-top:18px}
 .scoreRow{grid-template-columns:30px minmax(0,1fr) 48px 63px;gap:6px;font-size:15px;padding:14px 4px;line-height:1.6}.scoreHead{font-size:12px}.rank{font-size:20px}.scoreTitle{font-size:21px}#myTeams button{text-align:right;font-size:16px}#logout{background:#ffffff12;color:#d9e7ff;border:1px solid #ffffff35}#anotherTeam{font-size:17px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}