:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:linear-gradient(135deg,#f0d8bf,#e5c9a8)}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.home-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;text-align:center}.hero-image{width:100%;max-width:400px;max-height:250px;height:auto;border-radius:15px;margin-bottom:25px;box-shadow:0 10px 30px #00000026;object-fit:cover}.game-title{font-size:3em;color:#765739;margin-bottom:10px;font-weight:700}.game-subtitle{font-size:1.5em;color:#8b6644;margin-bottom:10px}.game-description{font-size:1.2em;color:#765739;margin-bottom:30px}.instruction-text{font-size:1.1em;color:#765739;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.1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8b6644,#765739);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #76573966}.btn-secondary{background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #b8956a66}.btn-large{padding:18px 40px;font-size:1.2em}.btn-link{background:transparent;color:#765739;padding:10px;font-size:1em}.btn-link:hover:not(:disabled){background:#f5f5f5}.join-form{width:100%}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.1em;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#765739}.error-message{background:#ffe0e0;color:#d00;padding:12px;border-radius:8px;margin:15px 0;font-weight:500}.error-banner{background:#ffe0e0;color:#d00;padding:15px;text-align:center;font-weight:600}.host-container{min-height:100vh;background:linear-gradient(135deg,#f0d8bf,#e5c9a8);padding:20px}.host-header{text-align:center;margin-bottom:30px}.game-logo{color:#765739;font-size:2.5em;text-shadow:0 4px 10px rgba(0,0,0,.1)}.host-content{width:100%}.host-lobby{background:#fff;border-radius:20px;padding:50px;text-align:center;width:100%}.room-code-display{background:linear-gradient(135deg,#8b6644,#765739);color:#fff;padding:40px;border-radius:15px;margin-bottom:40px}.room-code-label{font-size:1.5em;margin-bottom:10px;opacity:.9}.room-code-value{font-size:5em;font-weight:700;letter-spacing:20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}.section-title{font-size:2em;color:#333;margin-bottom:30px}.waiting-text{font-size:1.3em;color:#999;margin:40px 0}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:30px 0}.player-card{background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff;padding:20px;border-radius:10px;font-size:1.3em;font-weight:600;box-shadow:0 4px 10px #0003}.host-game{background:#fff;border-radius:20px;padding:40px;width:100%}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #e0e0e0}.question-number{font-size:1.8em;color:#765739;font-weight:700}.timer-display{font-size:3em;font-weight:700;color:#f5576c;background:#ffe0e0;padding:10px 30px;border-radius:15px;min-width:120px;text-align:center}.question-display{background:linear-gradient(135deg,#8b6644,#765739);color:#fff;padding:50px;border-radius:15px;margin-bottom:40px;text-align:center}.question-text{font-size:2.5em;line-height:1.4}.progress-display{margin:40px 0;text-align:center}.progress-display h3{font-size:1.8em;color:#333;margin-bottom:20px}.progress-bar{background:#e0e0e0;height:40px;border-radius:20px;overflow:hidden;margin:20px 0}.progress-fill{background:linear-gradient(90deg,#8b6644,#765739);height:100%;transition:width .5s ease}.progress-text{font-size:1.5em;color:#666;margin-top:10px}.answers-display{margin:30px 0}.answers-display h3{font-size:2em;color:#333;text-align:center;margin-bottom:30px}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.answer-option{background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff;padding:30px;border-radius:15px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 10px #0003}.answer-letter{background:#fff;color:#765739;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:700;flex-shrink:0}.answer-text{font-size:1.5em;line-height:1.4}.results-display{margin-top:30px}.correct-answer-banner{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:30px;border-radius:15px;font-size:2em;text-align:center;margin-bottom:30px;font-weight:700}.answers-results{margin:30px 0}.result-item{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:15px;border-radius:10px;border:3px solid transparent}.result-item.correct{background:#e8f8f5;border-color:#38ef7d}.result-item.incorrect{background:#f9f9f9;border-color:#e0e0e0}.result-answer{display:flex;align-items:center;gap:15px;flex:1}.result-item .answer-letter{width:50px;height:50px;font-size:1.5em;background:#765739;color:#fff}.result-item.correct .answer-letter{background:#38ef7d}.result-item .answer-text{font-size:1.3em;color:#333}.answer-author{font-size:.9em;color:#999;font-style:italic;margin-left:10px}.result-votes{font-size:1.5em;font-weight:700;color:#765739;padding:10px 20px;background:#fff;border-radius:10px}.players-scoreboard,.scoreboard-section{margin-top:40px;padding:30px;background:#f9f9f9;border-radius:15px}.players-scoreboard h3,.scoreboard-section h3{font-size:1.8em;color:#333;margin-bottom:20px;text-align:center}.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.3em}.scoreboard-item .rank{color:#765739;font-weight:700;min-width:60px}.scoreboard-item .player-name{flex:1;font-weight:600;color:#333}.scoreboard-item .score{color:#f5576c;font-weight:700;font-size:1.2em}.final-podium{background:#fff;border-radius:20px;padding:50px;text-align:center;width:100%}.podium-title{font-size:3em;color:#765739;margin-bottom:50px}.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:15px;color:#fff;min-width:250px}.podium-place.first{background:linear-gradient(135deg,#f7971e,#ffd200);height:350px;font-size:1.2em;margin:0 10px}.podium-place.second{background:linear-gradient(135deg,#bdc3c7,silver);height:300px}.podium-place.third{background:linear-gradient(135deg,#cd7f32,#d4a574);height:250px}.place-medal{font-size:4em;margin-bottom:20px}.place-name{font-size:1.8em;font-weight:700;margin-bottom:15px}.place-score{font-size:2.5em;font-weight:700}.remaining-players{margin-top:50px;padding:30px;background:#f9f9f9;border-radius:15px}.remaining-players h3{font-size:1.8em;color:#333;margin-bottom:20px}.other-player{display:flex;justify-content:space-between;padding:15px 20px;background:#fff;border-radius:10px;margin-bottom:10px;font-size:1.3em}.game-over-message{margin-top:50px;padding:30px;background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff;border-radius:15px}.game-over-message h2{font-size:2em;margin-bottom:15px}.game-over-message p{font-size:1.5em}.player-container{min-height:100vh;background:linear-gradient(135deg,#f0d8bf,#e5c9a8)}.player-content{min-height:100vh;padding:20px}.player-waiting{background:#fff;border-radius:20px;padding:40px;text-align:center;width:100%}.waiting-icon{font-size: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.8em;color:#333;margin-bottom:20px}.player-info{font-size:1.2em;color:#666;margin:10px 0}.room-info{font-size:1.5em;color:#765739;font-weight:700;margin-top:20px}.player-game{background:#fff;border-radius:20px;padding:20px;width:100%;min-height:calc(100vh - 40px);display:flex;flex-direction:column}.player-header{margin-bottom:20px}.player-info-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8b6644,#765739);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:10px}.player-nickname,.player-score{font-size:1.3em;font-weight:700}.question-info{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f5f5f5;border-radius:8px;font-size:1.1em;color:#666}.timer-badge{background:#f5576c;color:#fff;padding:5px 15px;border-radius:20px;font-weight:700}.question-card{background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff;padding:25px;border-radius:15px;margin-bottom:20px}.question-title{font-size:1em;opacity:.9;margin-bottom:10px}.question-card .question-text{font-size:1.4em;line-height:1.4;font-weight:600}.input-section{flex:1;display:flex;flex-direction:column}.instruction{font-size:1.3em;color:#333;margin-bottom:15px;text-align:center}.lie-input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.1em;font-family:inherit;resize:none;margin-bottom:10px}.lie-input:focus{outline:none;border-color:#765739}.char-count{text-align:right;color:#999;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:5em;color:#38ef7d;margin-bottom:20px}.submitted-section h3{font-size:1.8em;color:#333;margin-bottom:15px}.submitted-text{font-size:1.2em;color:#765739;font-weight:600;margin:20px 0;padding:15px;background:#f5f5f5;border-radius:10px}.submitted-section .waiting-text{font-size:1.1em;color:#999;margin-top:20px}.voting-section{flex:1}.answers-list{display:flex;flex-direction:column;gap:15px}.answer-button{display:flex;align-items:center;gap:15px;background:#fff;border:3px solid #e0e0e0;padding:15px;border-radius:10px;font-size:1.1em;cursor:pointer;transition:all .3s ease;text-align:left}.answer-button:hover{border-color:#765739;transform:translateY(-2px);box-shadow:0 4px 10px #76573933}.answer-button.selected{background:linear-gradient(135deg,#8b6644,#765739);color:#fff;border-color:#765739}.answer-button .answer-letter{width:40px;height:40px;border-radius:50%;background:#765739;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.answer-button.selected .answer-letter{background:#fff;color:#765739}.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:15px;margin-bottom:20px}.result-banner.correct{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.result-banner.incorrect{background:linear-gradient(135deg,#ee9ca7,#ffdde1);color:#333}.result-icon{font-size:4em;margin-bottom:15px}.result-banner h2{font-size:2em;margin-bottom:10px}.result-banner p{font-size:1.2em;margin:10px 0}.points-earned{font-size:1.5em;font-weight:700;margin-top:15px}.lie-success{background:#fff3cd;border:2px solid #ffc107;color:#856404;padding:20px;border-radius:10px;text-align:center;margin-bottom:20px}.lie-success p{font-size:1.2em;margin:5px 0}.results-card .waiting-text{text-align:center;margin-top:30px;color:#999}.player-final{background:#fff;border-radius:20px;padding:30px;text-align:center;width:100%}.final-title{font-size:2.5em;color:#765739;margin-bottom:30px}.final-rank-card{background:linear-gradient(135deg,#8b6644,#765739);color:#fff;padding:40px;border-radius:15px;margin-bottom:30px}.rank-emoji{font-size:5em;margin-bottom:15px}.final-rank-card h2{font-size:2em;margin-bottom:10px}.final-score{font-size:2.5em;font-weight:700}.final-leaderboard{background:#f9f9f9;padding:20px;border-radius:10px;margin-bottom:30px}.final-leaderboard h3{font-size:1.5em;color:#333;margin-bottom:15px}.final-rank-item{display:flex;justify-content:space-between;padding:12px 15px;background:#fff;border-radius:8px;margin-bottom:8px;font-size:1.1em}.final-rank-item.me{background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff;font-weight:700}.final-rank-item .rank{color:#765739;font-weight:700;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:700}.player-final .game-over-message{background:linear-gradient(135deg,#d4a373,#b8956a);color:#fff;padding:25px;border-radius:10px}.player-final .game-over-message h3{font-size:1.5em;margin-bottom:10px}.player-final .game-over-message p{font-size:1.2em}@media(max-width:768px){.game-title{font-size:2.5em}.home-card{padding:30px 20px;border-radius:15px}.hero-image{max-width:100%;border-radius:12px;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:15px}.question-text{font-size:1.8em}.room-code-value{font-size:3.5em;letter-spacing:15px}.home-container,.player-content{padding:15px}}