:root{--bg: #0f0f0f;--card: #1a1a1a;--border: #2a2a2a;--fire: #ff4d00;--yellow: #ffd600;--teal: #00e5c3;--text: #f5f5f5;--muted: #666;--surface: var(--card);--accent: var(--fire);--accent-contrast: #fff;--font-body: "DM Sans", sans-serif;--font-display: "Bebas Neue", sans-serif;--radius: 12px;--btn-weight: 700}html{height:100%;touch-action:manipulation}.screen{padding:28px 20px;text-align:center}#screen-lobby-host,#screen-lobby-guest{justify-content:flex-start!important}#screen-lobby-host .back,#screen-lobby-guest .back{display:none!important}#screen-lobby-guest h2{color:var(--yellow)!important;letter-spacing:2px;line-height:.9}.joining-spinner{border-width:3.5px;width:44px;height:44px;margin-bottom:20px}.back{position:fixed;top:16px;left:16px;border-radius:10px;color:var(--muted);z-index:10}.flame{font-size:4rem;animation:flicker 1.2s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 12px #ff4d00)}to{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 0 28px #ff9500)}}.title-main{font-size:clamp(2.8rem,12vw,5rem);color:var(--yellow);letter-spacing:2px;line-height:.9}.title-sub{line-height:1.5}.btn{font-family:DM Sans,sans-serif;max-width:320px;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.95)}.btn-fire{background:var(--fire);color:#fff;box-shadow:0 4px 20px #ff4d0059}.input-field{letter-spacing:4px}.code-big{font-size:4rem;color:var(--yellow)}.label{font-size:.65rem}.round-badge{background:var(--border);border-radius:99px;padding:6px 16px;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.question-card{background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:28px 22px;width:100%;max-width:420px;position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--fire),var(--yellow))}.q-text{font-family:Bebas Neue,sans-serif;font-size:clamp(1.4rem,5vw,2rem);line-height:1.2;color:var(--text)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px}.option-btn{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:18px 12px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-tap-highlight-color:transparent}.option-btn.selected{background:var(--fire);border-color:var(--fire);color:#fff;transform:scale(1.04)}.option-btn:disabled{opacity:.5;cursor:default}.wait-msg{font-size:.85rem;color:var(--teal);min-height:20px}.reveal-box{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:20px;width:100%;max-width:420px}.reveal-label{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--fire);margin-bottom:6px}.reveal-answer{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--text)}.score-row{display:flex;gap:12px;width:100%;max-width:440px}.score-card{flex:1;background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:20px 10px;text-align:center;position:relative;overflow:hidden}.score-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--fire);opacity:.2}.score-card-name{font-size:.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.score-card-num{font-family:Bebas Neue,sans-serif;font-size:2.6rem;color:var(--text);line-height:1}.score-card-num.pop{color:var(--yellow)}.winner-big{font-family:Bebas Neue,sans-serif;font-size:3.5rem;color:var(--yellow)}.winner-scores{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--muted)}.disconnect-banner{top:auto;bottom:24px;background:#dc2626f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 24px;border-radius:50px;box-shadow:0 8px 32px #dc262659;z-index:10000;gap:12px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;font-family:inherit}@media (max-width: 768px){.back{top:12px!important;left:12px!important;padding:6px 12px!important;font-size:.8rem!important}.screen{padding-top:75px!important}}