:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:underline}a:hover{opacity:.75}body{margin:0;min-width:320px;min-height:100vh;background:#000}h1{font-size:3em;line-height:1.1;font-weight:800;letter-spacing:-.02em}button{border-radius:10px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#000;color:#fff;cursor:pointer;transition:all .2s ease}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:3px solid #ffffff;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}.app{min-height:100vh;background:#000}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#000}.home-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:500px;box-shadow:0 20px 60px #0009;text-align:center;color:#0e0e0e}.hero-image{width:100%;max-width:400px;max-height:180px;height:auto;border-radius:12px;margin-bottom:25px;background:#000;object-fit:contain;padding:20px}.game-title{font-size:3em;color:#0e0e0e;margin-bottom:10px;font-weight:800;letter-spacing:-.02em}.game-subtitle{font-size:1.2em;color:#6b6b6b;margin-bottom:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.game-description{font-size:1.1em;color:#6b6b6b;margin-bottom:30px}.instruction-text{font-size:1.1em;color:#0e0e0e;margin-bottom:20px}.button-group{display:flex;flex-direction:column;gap:15px;margin-top:20px}.btn{padding:15px 30px;border:none;border-radius:10px;font-size:1.05em;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;letter-spacing:.01em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#000;color:#fff;border:2px solid #000000}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00000040}.btn-secondary{background:#fff;color:#000;border:2px solid #000000}.btn-secondary:hover:not(:disabled){background:#0e0e0e;color:#fff;transform:translateY(-2px)}.btn-large{padding:18px 40px;font-size:1.15em}.btn-link{background:transparent;color:#6b6b6b;padding:10px;font-size:1em}.btn-link:hover:not(:disabled){background:#f5f5f5;color:#0e0e0e}.join-form{width:100%}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#0e0e0e;font-weight:600}.form-input{width:100%;padding:15px;border:2px solid #e5e5e5;border-radius:10px;font-size:1.1em;transition:border-color .2s ease;background:#fff;color:#0e0e0e}.form-input:focus{outline:none;border-color:#000}.error-message{background:#1a1a1a;color:#ff6b6b;padding:12px;border-radius:8px;margin:15px 0;font-weight:500;border:1px solid #ff3b30}.error-banner{background:#ff3b30;color:#fff;padding:15px;text-align:center;font-weight:600}.host-container{min-height:100vh;background:#000;padding:20px;color:#fff}.host-header{text-align:center;margin-bottom:30px}.game-logo{color:#fff;font-size:2.2em;font-weight:800;letter-spacing:-.01em}.host-content{width:100%}.host-lobby{background:#fff;border-radius:16px;padding:50px;text-align:center;width:100%;color:#0e0e0e}.room-code-display{background:#000;color:#fff;padding:40px;border-radius:12px;margin-bottom:40px;border:1px solid #0e0e0e}.room-code-label{font-size:1.2em;margin-bottom:10px;opacity:.7;letter-spacing:.15em;text-transform:uppercase;font-weight:500}.room-code-value{font-size:5em;font-weight:800;letter-spacing:20px;color:#fff}.section-title{font-size:1.8em;color:#0e0e0e;margin-bottom:30px;font-weight:700}.waiting-text{font-size:1.2em;color:#6b6b6b;margin:40px 0}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:30px 0}.player-card{background:#0e0e0e;color:#fff;padding:20px;border-radius:10px;font-size:1.2em;font-weight:600}.host-game{background:#fff;border-radius:16px;padding:40px;width:100%;color:#0e0e0e}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e5e5}.question-number{font-size:1.6em;color:#0e0e0e;font-weight:700}.timer-display{font-size:2.8em;font-weight:800;color:#fff;background:#ff3b30;padding:10px 30px;border-radius:12px;min-width:120px;text-align:center}.question-display{background:#000;color:#fff;padding:50px;border-radius:12px;margin-bottom:40px;text-align:center}.question-text{font-size:2.3em;line-height:1.4;font-weight:600}.progress-display{margin:40px 0;text-align:center}.progress-display h3{font-size:1.6em;color:#0e0e0e;margin-bottom:20px;font-weight:700}.progress-bar{background:#e5e5e5;height:36px;border-radius:18px;overflow:hidden;margin:20px 0}.progress-fill{background:#000;height:100%;transition:width .5s ease}.progress-text{font-size:1.3em;color:#6b6b6b;margin-top:10px}.answers-display{margin:30px 0}.answers-display h3{font-size:1.8em;color:#0e0e0e;text-align:center;margin-bottom:30px;font-weight:700}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.answer-option{background:#0e0e0e;color:#fff;padding:28px;border-radius:12px;display:flex;align-items:center;gap:20px}.answer-letter{background:#fff;color:#000;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8em;font-weight:800;flex-shrink:0}.answer-text{font-size:1.4em;line-height:1.4}.results-display{margin-top:30px}.correct-answer-banner{background:#0e0e0e;color:#fff;padding:30px;border-radius:12px;font-size:1.8em;text-align:center;margin-bottom:30px;font-weight:700;border:2px solid #000000}.answers-results{margin:30px 0}.result-item{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:12px;border-radius:10px;border:2px solid transparent;background:#f5f5f5}.result-item.correct{background:#fff;border-color:#000}.result-item.incorrect{background:#f5f5f5;border-color:#e5e5e5}.result-answer{display:flex;align-items:center;gap:15px;flex:1}.result-item .answer-letter{width:48px;height:48px;font-size:1.4em;background:#0e0e0e;color:#fff}.result-item.correct .answer-letter{background:#000;color:#fff}.result-item .answer-text{font-size:1.2em;color:#0e0e0e}.answer-author{font-size:.9em;color:#6b6b6b;font-style:italic;margin-left:10px}.result-votes{font-size:1.3em;font-weight:700;color:#0e0e0e;padding:8px 18px;background:#fff;border-radius:8px;border:1px solid #e5e5e5}.players-scoreboard,.scoreboard-section{margin-top:40px;padding:30px;background:#f5f5f5;border-radius:12px}.players-scoreboard h3,.scoreboard-section h3{font-size:1.6em;color:#0e0e0e;margin-bottom:20px;text-align:center;font-weight:700}.scoreboard-list{display:flex;flex-direction:column;gap:10px}.scoreboard-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:10px;font-size:1.2em;border:1px solid #e5e5e5}.scoreboard-item .rank{color:#0e0e0e;font-weight:800;min-width:60px}.scoreboard-item .player-name{flex:1;font-weight:600;color:#0e0e0e}.scoreboard-item .score{color:#0e0e0e;font-weight:800;font-size:1.2em}.final-podium{background:#fff;border-radius:16px;padding:50px;text-align:center;width:100%;color:#0e0e0e}.podium-title{font-size:2.8em;color:#0e0e0e;margin-bottom:50px;font-weight:800}.podium-display{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin:50px 0;min-height:400px}.podium-place{display:flex;flex-direction:column;align-items:center;padding:30px;border-radius:12px;color:#fff;min-width:250px;background:#0e0e0e;border:2px solid #000000}.podium-place.first{background:#000;height:350px;font-size:1.15em;margin:0 10px;border:3px solid #ffffff;box-shadow:0 0 0 3px #000}.podium-place.second{background:#2a2a2a;height:300px}.podium-place.third{background:#4a4a4a;height:250px}.place-medal{font-size:3.5em;margin-bottom:20px}.place-name{font-size:1.7em;font-weight:700;margin-bottom:15px}.place-score{font-size:2.3em;font-weight:800}.remaining-players{margin-top:50px;padding:30px;background:#f5f5f5;border-radius:12px}.remaining-players h3{font-size:1.6em;color:#0e0e0e;margin-bottom:20px;font-weight:700}.other-player{display:flex;justify-content:space-between;padding:15px 20px;background:#fff;border-radius:10px;margin-bottom:10px;font-size:1.2em;border:1px solid #e5e5e5;color:#0e0e0e}.game-over-message{margin-top:50px;padding:30px;background:#000;color:#fff;border-radius:12px}.game-over-message h2{font-size:1.8em;margin-bottom:15px;font-weight:700}.game-over-message p{font-size:1.3em;opacity:.85}.player-container{min-height:100vh;background:#000}.player-content{min-height:100vh;padding:20px}.player-waiting{background:#fff;border-radius:16px;padding:40px;text-align:center;width:100%;color:#0e0e0e}.waiting-icon{font-size:4.5em;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.player-waiting h2{font-size:1.7em;color:#0e0e0e;margin-bottom:20px;font-weight:700}.player-info{font-size:1.15em;color:#6b6b6b;margin:10px 0}.room-info{font-size:1.4em;color:#0e0e0e;font-weight:700;margin-top:20px}.player-game{background:#fff;border-radius:16px;padding:20px;width:100%;min-height:calc(100vh - 40px);display:flex;flex-direction:column;color:#0e0e0e}.player-header{margin-bottom:20px}.player-info-bar{display:flex;justify-content:space-between;align-items:center;background:#000;color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:10px}.player-nickname,.player-score{font-size:1.2em;font-weight:700}.question-info{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f5f5f5;border-radius:8px;font-size:1.05em;color:#6b6b6b}.timer-badge{background:#ff3b30;color:#fff;padding:5px 15px;border-radius:20px;font-weight:700}.question-card{background:#0e0e0e;color:#fff;padding:25px;border-radius:12px;margin-bottom:20px}.question-title{font-size:.95em;opacity:.7;margin-bottom:10px;letter-spacing:.1em;text-transform:uppercase}.question-card .question-text{font-size:1.35em;line-height:1.4;font-weight:600;color:#fff}.input-section{flex:1;display:flex;flex-direction:column}.instruction{font-size:1.25em;color:#0e0e0e;margin-bottom:15px;text-align:center;font-weight:600}.lie-input{width:100%;padding:15px;border:2px solid #e5e5e5;border-radius:10px;font-size:1.1em;font-family:inherit;resize:none;margin-bottom:10px;background:#fff;color:#0e0e0e}.lie-input:focus{outline:none;border-color:#000}.char-count{text-align:right;color:#6b6b6b;font-size:.9em;margin-bottom:20px}.submitted-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.success-icon{font-size:4.5em;color:#0e0e0e;margin-bottom:20px}.submitted-section h3{font-size:1.7em;color:#0e0e0e;margin-bottom:15px;font-weight:700}.submitted-text{font-size:1.15em;color:#0e0e0e;font-weight:600;margin:20px 0;padding:15px;background:#f5f5f5;border-radius:10px}.submitted-section .waiting-text{font-size:1.05em;color:#6b6b6b;margin-top:20px}.voting-section{flex:1}.answers-list{display:flex;flex-direction:column;gap:12px}.answer-button{display:flex;align-items:center;gap:15px;background:#fff;border:2px solid #e5e5e5;padding:15px;border-radius:10px;font-size:1.05em;cursor:pointer;transition:all .2s ease;text-align:left;color:#0e0e0e}.answer-button:hover{border-color:#000;transform:translateY(-2px)}.answer-button.selected{background:#000;color:#fff;border-color:#000}.answer-button .answer-letter{width:40px;height:40px;border-radius:50%;background:#0e0e0e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.answer-button.selected .answer-letter{background:#fff;color:#000}.answer-button .answer-text{flex:1;line-height:1.4}.results-card{flex:1;display:flex;flex-direction:column;padding:20px 0}.result-banner{text-align:center;padding:30px;border-radius:12px;margin-bottom:20px}.result-banner.correct{background:#000;color:#fff;border:2px solid #000000}.result-banner.incorrect{background:#f5f5f5;color:#0e0e0e;border:2px solid #e5e5e5}.result-icon{font-size:3.5em;margin-bottom:15px}.result-banner h2{font-size:1.8em;margin-bottom:10px;font-weight:800}.result-banner p{font-size:1.15em;margin:10px 0}.points-earned{font-size:1.4em;font-weight:800;margin-top:15px}.lie-success{background:#0e0e0e;border:2px solid #000000;color:#fff;padding:20px;border-radius:10px;text-align:center;margin-bottom:20px}.lie-success p{font-size:1.15em;margin:5px 0}.results-card .waiting-text{text-align:center;margin-top:30px;color:#6b6b6b}.player-final{background:#fff;border-radius:16px;padding:30px;text-align:center;width:100%;color:#0e0e0e}.final-title{font-size:2.3em;color:#0e0e0e;margin-bottom:30px;font-weight:800}.final-rank-card{background:#000;color:#fff;padding:40px;border-radius:12px;margin-bottom:30px}.rank-emoji{font-size:4.5em;margin-bottom:15px}.final-rank-card h2{font-size:1.9em;margin-bottom:10px;font-weight:700}.final-score{font-size:2.3em;font-weight:800}.final-leaderboard{background:#f5f5f5;padding:20px;border-radius:10px;margin-bottom:30px}.final-leaderboard h3{font-size:1.4em;color:#0e0e0e;margin-bottom:15px;font-weight:700}.final-rank-item{display:flex;justify-content:space-between;padding:12px 15px;background:#fff;border-radius:8px;margin-bottom:8px;font-size:1.05em;border:1px solid #e5e5e5;color:#0e0e0e}.final-rank-item.me{background:#000;color:#fff;font-weight:700;border-color:#000}.final-rank-item .rank{color:#0e0e0e;font-weight:800;min-width:50px}.final-rank-item.me .rank{color:#fff}.final-rank-item .name{flex:1;text-align:left}.final-rank-item .score{font-weight:800}.player-final .game-over-message{background:#0e0e0e;color:#fff;padding:25px;border-radius:10px}.player-final .game-over-message h3{font-size:1.4em;margin-bottom:10px;font-weight:700}.player-final .game-over-message p{font-size:1.15em;opacity:.85}@media(max-width:768px){.game-title{font-size:2.5em}.home-card{padding:30px 20px;border-radius:14px}.hero-image{max-width:100%;border-radius:10px;margin-bottom:20px}.podium-display{flex-direction:column;align-items:center}.podium-place{width:100%;max-width:300px}.podium-place.first,.podium-place.second,.podium-place.third{height:auto;padding:30px}.answers-grid{grid-template-columns:1fr}.host-game,.host-lobby,.final-podium,.player-game,.player-waiting,.player-final{padding:20px;border-radius:14px}.question-text{font-size:1.7em}.room-code-value{font-size:3.5em;letter-spacing:15px}.home-container,.player-content{padding:15px}}