.live-main{max-width:1140px;width:100%;padding-bottom:60px}.live-intro{text-align:center;padding:55px 0 35px}.live-intro .eyebrow{justify-content:center}.live-intro h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-2.2px;margin:20px 0}.live-intro em{font-style:normal;color:#0ba69d}.live-intro p{max-width:550px;margin:auto;line-height:1.7;color:#76869c}.live-back{color:#daecf3;text-decoration:none;font-size:12px;font-weight:750}.live-badge{font-size:11px;font-weight:900;letter-spacing:1px;border-radius:30px;background:#eafff4;color:#047659;padding:9px 13px}.live-choice{display:grid;grid-template-columns:1fr 1fr;gap:24px}.live-card{padding:34px;display:flex;flex-direction:column}.setup-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e5f8f4;font-size:29px;margin-bottom:20px}.live-card h2{font-size:25px;margin:9px 0}.live-card p{line-height:1.6;color:#8290a2;font-size:13px;margin:3px 0 22px;max-width:320px}.live-card form{display:grid;gap:9px;margin-top:auto}.live-card label{font-size:12px;color:#536378;font-weight:800;margin-top:10px}.live-card select,.live-card input{min-height:48px;padding:11px 13px;border:1px solid #dce4ec;border-radius:10px;background:#fff;color:#21354b;font:inherit;font-size:14px}.live-card input:focus,.live-card select:focus{outline:2px solid #40c7bc}.live-card #joinCode{letter-spacing:5px;font-weight:900;text-transform:uppercase;font-size:19px}.live-wide{width:100%;margin-top:17px}.live-error{margin:18px auto;background:#ffeded;color:#a63735;border-radius:13px;padding:16px 20px;max-width:720px}.room-panel{margin:20px 0 60px;padding:30px;overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e7edf1;padding-bottom:20px}.room-header h2{font-size:29px;margin:8px 0}.room-header p{font-size:13px;color:#8090a3;margin:0}.room-code{letter-spacing:5px;font-size:clamp(19px,3vw,29px);font-weight:950;color:#0d8079;background:#e9f8f5;border-radius:13px;padding:17px}.room-lobby{display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:35px;padding:30px 0}.invite-card{border:1px dashed #bcdedc;background:#f5fbfa;border-radius:18px;padding:20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.invite-card p{font-size:10px;color:#8794a9;max-width:100%;overflow-wrap:anywhere;margin:0}.invite-card strong{font-size:15px}.qr-box{padding:10px;background:white;border-radius:14px;max-width:100%}.qr-box img{max-width:100%;height:auto}.room-players h3{font-size:21px;margin:0 0 20px}.room-players h3 span{color:#0ba89d}.player-pills{display:flex;gap:10px;flex-wrap:wrap}.player-pill{padding:11px 14px;background:#eaf5f8;border:1px solid #d5e7ec;border-radius:11px;color:#365970;font-weight:800;font-size:13px}.muted{font-size:13px;color:#95a4b4;line-height:1.6}.live-timer{display:flex;gap:15px;align-items:center;font-weight:850;color:#537085;font-size:12px}.time-track{height:10px;background:#e8eff2;flex:1;border-radius:10px;overflow:hidden}.time-track div{background:linear-gradient(90deg,#0ba89d,#9ae7cf);height:100%;width:100%;transition:width .25s linear}.live-question-area{max-width:920px;margin:0 auto;padding:35px 0 20px}.live-question-area #liveTopic{margin-top:24px}.live-question-area>h2{font-size:clamp(21px,3vw,34px);margin:14px 0 24px;line-height:1.38}.live-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.live-answer{padding:22px 17px;min-height:95px;display:flex;align-items:center;gap:13px;text-align:left;border:2px solid transparent;border-radius:15px;background:#5567b8;color:white;font-weight:800;line-height:1.4;font-size:14px}.live-answer:nth-child(2){background:#d14855}.live-answer:nth-child(3){background:#d89b31}.live-answer:nth-child(4){background:#158da3}.live-answer span{display:grid;place-items:center;background:#ffffff35;border-radius:8px;min-width:33px;min-height:33px;font-weight:900}.live-answer:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.live-answer:disabled{cursor:default;opacity:.65}.live-answer.picked{outline:4px solid #152743;opacity:1}.live-answer.correct-choice{outline:4px solid #28c287;opacity:1}.live-answer.incorrect-choice{opacity:.38}.live-response{color:#0b8179;font-weight:800;font-size:14px;min-height:24px;margin-top:16px}.host-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.reveal-explanation{margin-top:20px;border-left:4px solid #18b9ad;background:#eff9f7;padding:18px;border-radius:10px;line-height:1.7;color:#355b66;font-size:14px}.score-panel{border-top:1px solid #e4eaf0;margin-top:20px;padding-top:25px}.score-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.score-head span{font-size:12px;color:#8898aa}.rank-row{padding:12px 15px;display:flex;align-items:center;gap:14px;border-radius:10px;background:#f6f9fc;margin-top:7px}.rank-row .rank{font-weight:900;color:#0aa79c;width:25px}.rank-row .name{flex:1;font-weight:750}.rank-row .points{color:#54677b;font-size:12px;font-weight:850}.rank-row.you{background:#e9f9f4;border:1px solid #8bd4c2}.live-finish{text-align:center;padding:35px 0 8px}.live-finish .trophy{font-size:66px}.live-finish h2{font-size:32px}.live-finish p{color:#8193a6}.end-button{display:block;margin:20px 0 0 auto;border:0;background:transparent;color:#a14b48;font-size:12px;font-weight:800;padding:10px}.live-choice[hidden],.room-panel[hidden]{display:none}@media(max-width:760px){.live-intro{padding:35px 0 25px}.live-choice,.room-lobby{grid-template-columns:1fr}.live-card,.room-panel{padding:22px}.room-code{padding:10px;letter-spacing:2px}.room-header{flex-wrap:wrap}.live-answer-grid{gap:9px}.live-answer{padding:13px;min-height:90px;font-size:12px}.live-answer span{min-width:28px;min-height:28px}.room-lobby{gap:24px}.invite-card{max-width:360px;margin:auto;width:100%}}