:root{--surface: #0c0e10;--surface-container-low: #111416;--surface-container: #1a1d20;--surface-container-high: #1e2124;--surface-container-highest:#232629;--surface-bright: rgba(35, 38, 41, .7);--primary: #94aaff;--primary-dim: #809bff;--secondary: #fdd400;--secondary-container: rgba(253, 212, 0, .18);--secondary-dim: rgba(253, 212, 0, .3);--tertiary: #ff725e;--on-background: #eeeef0;--on-surface: #eeeef0;--on-surface-variant: rgba(238, 238, 240, .55);--on-primary: #0c0e10;--success: #22c55e;--error: #ff725e;--outline-variant: rgba(238, 238, 240, .2);--primary-glow: rgba(148, 170, 255, .35);--ambient-shadow: 0 0 40px rgba(148, 170, 255, .08);--font-display: "Lexend", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--tv-margin: clamp(2rem, 4vw, 4rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--surface);color:var(--on-background);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800}button{cursor:pointer;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.home{max-width:1200px;margin:0 auto;padding:48px 24px}.home-header{text-align:center;margin-bottom:48px}.home-title{font-size:64px;font-weight:800;font-family:var(--font-display);color:var(--primary)}.home-subtitle{font-size:22px;color:var(--on-surface-variant);margin-top:8px}.home-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.game-card{background:var(--surface-container-low);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}.game-card--available{box-shadow:var(--ambient-shadow)}.game-card--available:hover{transform:translateY(-2px);box-shadow:0 0 28px var(--primary-glow)}.game-card-emoji{font-size:40px}.game-card-title{font-size:22px;font-weight:700;font-family:var(--font-display)}.game-card-desc{font-size:15px;color:var(--on-surface-variant);flex:1}.game-card-play{display:inline-block;margin-top:12px;padding:12px 24px;border-radius:.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);font-size:16px;font-weight:700;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s}.game-card--available:hover .game-card-play{transform:scale(1.03);box-shadow:0 0 20px var(--primary-glow)}.game-card-soon{font-size:14px;color:var(--on-surface-variant);font-style:italic;margin-top:8px}.btn{padding:16px 32px;border-radius:12px;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);border:none}.btn--primary:not(:disabled):hover,.btn--primary:not(:disabled):focus{transform:scale(1.05);box-shadow:0 0 20px var(--primary-glow);outline:4px solid var(--primary);outline-offset:.35rem}.btn--large{padding:20px 48px;font-size:24px}.qrcode-wrapper{border-radius:8px;overflow:hidden;line-height:0}.tv-loading,.tv-error,.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:28px;gap:20px;color:var(--on-surface-variant)}.tv-screen{display:flex;flex-direction:column;height:100vh;background:var(--surface);overflow:hidden}.tv-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--surface-bright);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.tv-game-title{font-size:28px;font-weight:800;font-family:var(--font-display);color:var(--primary);letter-spacing:1px}.tv-question-counter{font-size:24px;color:var(--on-surface-variant)}.tv-qr-corner{display:flex;flex-direction:column;align-items:center;gap:4px}.tv-room-code{font-size:16px;font-weight:700;color:var(--primary);letter-spacing:2px}.tv-main{flex:1;overflow:hidden;display:flex;align-items:stretch}.tv-scorebar{background:var(--surface-container-low);padding:12px var(--tv-margin);flex-shrink:0}.tv-question-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px var(--tv-margin);gap:32px}.tv-question-text{font-size:52px;font-weight:700;text-align:center;line-height:1.2;color:var(--on-surface);max-width:1200px}.tv-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:1100px}.tv-option{background:var(--surface-container-low);border-radius:16px;padding:24px 32px;display:flex;align-items:center;gap:20px}.tv-option-label{font-size:36px;font-weight:900;font-family:var(--font-display);color:var(--primary);min-width:48px}.tv-option-text{font-size:36px;font-weight:500}.tv-answered-count{font-size:22px;color:var(--on-surface-variant)}.countdown-timer{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:8px}.countdown-bar-track{width:100%;height:16px;background:var(--surface-container-highest);border-radius:8px;overflow:hidden}.countdown-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dim));border-radius:8px;transition:width .1s linear,background .3s}[data-urgent=true] .countdown-bar-fill{background:var(--tertiary)}.countdown-number{font-size:32px;font-weight:700;color:var(--on-surface)}[data-urgent=true] .countdown-number{color:var(--tertiary)}.scoreboard--tv{display:flex;gap:24px;flex-wrap:wrap}.scoreboard--compact{display:flex;flex-direction:column;gap:8px}.scoreboard-entry{display:flex;align-items:center;gap:10px;padding:6px 16px;background:var(--surface-container-highest);border-radius:8px}.scoreboard-entry--highlight{outline:2px solid var(--primary);outline-offset:2px}.scoreboard--tv .scoreboard-entry{font-size:22px}.scoreboard--compact .scoreboard-entry{font-size:16px}.scoreboard-rank{color:var(--on-surface-variant)}.scoreboard-name{font-weight:600;flex:1}.scoreboard-score{color:var(--secondary);font-weight:700}.reveal-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px var(--tv-margin);gap:32px}.reveal-answer{text-align:center}.reveal-label{font-size:22px;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:2px}.reveal-correct{font-size:64px;font-weight:900;font-family:var(--font-display);color:var(--success)}.reveal-results{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.reveal-player{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--surface-container-low);border-radius:12px;font-size:24px;min-width:280px}.reveal-player--correct{border-left:4px solid var(--success)}.reveal-player--wrong{border-left:4px solid var(--tertiary);opacity:.7}.reveal-player-name{flex:1;font-weight:600}.reveal-player-answer{color:var(--on-surface-variant);font-size:18px}.reveal-player-points{font-weight:700;color:var(--secondary)}.reveal-next{margin-top:8px}.tv-gameover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.tv-gameover-title{font-size:72px;font-weight:900;font-family:var(--font-display);color:var(--secondary)}.tv-final-scores .scoreboard-entry{font-size:28px;padding:12px 24px}.lobby{flex:1;display:flex;flex-direction:column;padding:var(--tv-margin);overflow:auto}.lobby-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.lobby-title{font-size:52px;font-weight:900;font-family:var(--font-display);color:var(--primary)}.lobby-room-code{font-size:28px;color:var(--on-surface-variant)}.lobby-room-code span{color:var(--on-surface);font-weight:700;letter-spacing:4px}.lobby-body{display:flex;gap:48px;flex:1}.lobby-left{display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-qr-section{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface-container-low);padding:24px;border-radius:16px}.lobby-join-hint{font-size:22px;color:var(--on-surface-variant)}.lobby-url{font-size:14px;color:var(--on-surface-variant);word-break:break-all;max-width:280px;text-align:center}.lobby-right{flex:1;display:flex;flex-direction:column;gap:24px}.lobby-players-title{font-size:28px;font-family:var(--font-display);margin-bottom:12px}.lobby-players-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px}.lobby-player{background:var(--secondary-container);color:var(--secondary);padding:10px 20px;border-radius:9999px;font-size:24px;font-weight:600}.lobby-player--empty{background:var(--surface-container-highest);color:var(--on-surface-variant);font-style:italic}.lobby-config{display:flex;flex-direction:column;gap:16px}.lobby-config-label{font-size:18px;color:var(--on-surface-variant);display:block;margin-bottom:8px}.lobby-config-options{display:flex;gap:12px}.config-btn{padding:10px 20px;border-radius:8px;background:var(--surface-container-highest);color:var(--on-surface);font-size:18px;border:2px solid transparent;transition:border-color .15s,color .15s}.config-btn--active{border-color:var(--primary);color:var(--primary)}.tv-loading,.tv-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:28px;gap:20px;color:var(--on-surface-variant)}.ctrl-loading,.ctrl-error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--on-surface-variant);padding:24px;text-align:center}.ctrl-join{display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:20px;min-height:100vh}.ctrl-join-title{font-size:32px;font-weight:800;font-family:var(--font-display);color:var(--primary);text-align:center}.ctrl-join-room{font-size:18px;color:var(--on-surface-variant)}.ctrl-name-input{width:100%;max-width:360px;padding:18px 20px;font-size:22px;border-radius:12px;border:2px solid var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface);text-align:center;outline:none;transition:border-color .15s}.ctrl-name-input:focus{border-color:var(--primary)}.ctrl-name-error{color:var(--tertiary);font-size:16px}.ctrl-join-btn{width:100%;max-width:360px}.ctrl-waiting{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:16px;min-height:100vh}.ctrl-waiting-icon{font-size:64px}.ctrl-waiting-title{font-size:36px;font-weight:700;color:var(--success)}.ctrl-waiting-name{font-size:28px;font-weight:700;font-family:var(--font-display);color:var(--primary)}.ctrl-waiting-hint{font-size:18px;color:var(--on-surface-variant)}.ctrl-players-joined{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.ctrl-player-chip{background:var(--secondary-container);color:var(--secondary);padding:8px 16px;border-radius:9999px;font-size:16px;font-weight:600}.ctrl-question-incoming{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.ctrl-question-number{font-size:28px;font-family:var(--font-display);color:var(--primary);font-weight:800}.ctrl-incoming-hint{font-size:22px;color:var(--on-surface-variant)}.ctrl-answering{display:flex;flex-direction:column;padding:24px 16px;gap:16px;min-height:100vh}.ctrl-question-text{font-size:20px;font-weight:600;line-height:1.4;text-align:center;background:var(--surface-container-low);padding:20px;border-radius:12px}.ctrl-answered-feedback{text-align:center;color:var(--success);font-size:18px}.ctrl-my-score{text-align:center;font-size:16px;color:var(--on-surface-variant)}.multiple-choice{display:flex;flex-direction:column;gap:12px}.choice-btn{display:flex;align-items:center;gap:16px;min-height:80px;padding:16px 20px;border-radius:14px;background:var(--surface-container);border:none;color:var(--on-surface);font-size:18px;text-align:left;width:100%;transition:background .15s}.choice-btn:not(:disabled):active{background:var(--surface-container-high)}.choice-btn--selected{background:var(--surface-container-highest);border-left:3px solid var(--primary)}.choice-btn:disabled{opacity:.6}.choice-label{font-size:22px;font-weight:900;font-family:var(--font-display);color:var(--primary);min-width:32px}.choice-text{flex:1}.two-buttons{display:flex;flex-direction:column;gap:16px}.two-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:20px;border-radius:16px;background:var(--surface-container-low);border:3px solid transparent;color:var(--on-surface);font-size:22px;font-weight:700;width:100%;gap:8px;transition:background .15s,border-color .15s}.two-btn--a{border-top-color:var(--primary)}.two-btn--b{border-top-color:var(--tertiary)}.two-btn--selected{background:#94aaff26;border-color:var(--primary)}.two-btn-emoji{font-size:36px}.buzz-container{display:flex;align-items:center;justify-content:center;flex:1;padding:24px}.buzz-btn{width:200px;height:200px;border-radius:50%;background:var(--tertiary);color:var(--on-primary);font-size:36px;font-weight:900;border:8px solid rgba(255,255,255,.15);box-shadow:0 0 40px #ff725e66;transition:transform .1s}.buzz-btn:active{transform:scale(.95)}.buzz-btn:disabled{opacity:.4}.buzz-active{font-size:28px;font-weight:700;color:var(--success);text-align:center}.buzz-waiting{font-size:24px;color:var(--on-surface-variant);text-align:center}.numeric-input{display:flex;flex-direction:column;gap:16px;padding:16px}.numeric-display{font-size:48px;font-weight:700;text-align:center;background:var(--surface-container-low);padding:16px;border-radius:12px;min-height:80px;display:flex;align-items:center;justify-content:center;color:var(--on-surface)}.numeric-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.numeric-key{min-height:72px;font-size:28px;font-weight:700;border-radius:12px;background:var(--surface-container);color:var(--on-surface);border:none}.numeric-key:active{background:var(--surface-container-high)}.numeric-key:disabled{opacity:.4}.numeric-key--del{font-size:18px;color:var(--tertiary)}.numeric-key--ok{background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary)}.numeric-submitted{text-align:center;font-size:20px;color:var(--success);padding:24px}.ctrl-reveal{display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:16px;min-height:100vh}.ctrl-reveal-result{font-size:48px;font-weight:900;font-family:var(--font-display)}.ctrl-reveal-result--correct{color:var(--success)}.ctrl-reveal-result--wrong{color:var(--tertiary)}.ctrl-reveal-answer{font-size:20px;color:var(--on-surface-variant);text-align:center}.ctrl-reveal-score{font-size:36px;font-weight:700;color:var(--secondary)}.ctrl-reveal-wait{font-size:16px;color:var(--on-surface-variant)}.ctrl-gameover{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:16px;min-height:100vh}.ctrl-gameover-rank{font-size:80px;font-weight:900;font-family:var(--font-display);color:var(--primary)}.ctrl-gameover-name{font-size:28px;font-weight:700}.ctrl-gameover-score{font-size:36px;color:var(--secondary);font-weight:700}