*{margin:0;padding:0;box-sizing:border-box}:root{--green:#1a5c3a;--green-dark:#0f3d25;--green-light:#2a7d50;--pink:#f5b8d0;--lime:#c4e050;--white:#ffffff;--gray:#f0f0f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--green-dark);color:var(--white);min-height:100vh}.container{max-width:900px;margin:0 auto;padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--lime);color:var(--green-dark)}.btn-primary:hover{background:#d4f060;transform:scale(1.02)}.btn-secondary{background:var(--pink);color:var(--green-dark)}.btn-secondary:hover{background:#f8c8da}.btn-danger{background:#e74c3c;color:white}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.option-btn{display:block;width:100%;padding:18px 24px;margin:10px 0;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:var(--white);font-size:17px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.option-btn:hover:not(:disabled){border-color:var(--lime);background:rgba(196,224,80,.1)}.option-btn.selected{border-color:var(--lime);background:rgba(196,224,80,.15)}.option-btn.correct{border-color:var(--lime);background:rgba(196,224,80,.25)}.option-btn.incorrect{border-color:#e74c3c;background:rgba(231,76,60,.15)}.option-btn:disabled{cursor:default}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;background:var(--lime);border-radius:4px;transition:width 1s linear}.timer{font-size:48px;font-weight:700;color:var(--lime);text-align:center}.timer.urgent{color:#e74c3c;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-row:last-child{border-bottom:none}.rank{font-size:20px;font-weight:700;width:40px}.rank.gold{color:#ffd700}.rank.silver{color:#c0c0c0}.rank.bronze{color:#cd7f32}.player-name{flex:1 1;font-size:16px;margin-left:12px}.player-score{font-size:18px;font-weight:700;color:var(--lime)}.question-num{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--pink);margin-bottom:8px}.question-text{font-size:28px;font-weight:700;line-height:1.3;margin-bottom:24px}.fun-fact{background:rgba(245,184,208,.1);border-left:3px solid var(--pink);padding:16px 20px;border-radius:0 12px 12px 0;margin-top:20px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.85)}.qr-section{text-align:center;padding:40px}.qr-section canvas,.qr-section img{background:white;padding:16px;border-radius:16px}.waiting-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.player-count{font-size:64px;font-weight:800;color:var(--lime);text-align:center}.answer-bar{height:32px;border-radius:8px;margin:6px 0;transition:width .5s ease;display:flex;align-items:center;padding-left:10px;font-size:13px;font-weight:600;min-width:30px}.answer-bar.is-correct{background:var(--lime);color:var(--green-dark)}.answer-bar.is-wrong{background:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}h1{font-size:36px;font-weight:800}h2{font-size:24px;font-weight:700}h3{font-size:18px;font-weight:600}.logo-text{font-size:14px;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.5);text-align:center;margin-top:40px}.flex-center{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh}.input{width:100%;padding:16px 20px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:white;font-size:18px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--lime)}.input::placeholder{color:rgba(255,255,255,.3)}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.text-center{text-align:center}.gap-4{gap:16px}.emoji-big{font-size:64px;margin-bottom:16px}.host-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px;margin-top:24px}@media (max-width:768px){.host-grid{grid-template-columns:1fr}.question-text{font-size:22px}.container{padding:16px}}