: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}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh}.navbar{background:#0000004d;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:#4cc9f0;text-decoration:none}.nav-links a{color:#fff;text-decoration:none;margin-left:2rem;opacity:.8;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-player{background:linear-gradient(135deg,#4caf50,#45a049);padding:6px 14px;border-radius:20px;font-weight:700}.nav-login{background:#444;padding:6px 14px;border-radius:20px}.container{width:100%;padding:2rem}.home-container{text-align:center;padding-top:3rem;width:100%}.home-container h1{font-size:3rem;margin-bottom:.5rem;color:#4cc9f0}.subtitle{font-size:1.2rem;opacity:.8;margin-bottom:3rem}.mode-buttons{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:0 2rem}.mode-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s}.mode-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.solo-btn{background:linear-gradient(135deg,#4361ee,#3a0ca3)}.versus-btn{background:linear-gradient(135deg,#f72585,#b5179e)}.challenge-btn{background:linear-gradient(135deg,#ff9f1c,#ff6b35)}.tournament-btn{background:linear-gradient(135deg,#7209b7,#560bad)}.leaderboard-btn{background:linear-gradient(135deg,#4cc9f0,#4895ef)}.mode-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.mode-title{font-size:1.3rem;font-weight:700}.mode-desc{font-size:.9rem;opacity:.8}.setup-container{max-width:1200px;margin:0 auto}.setup-container h1{text-align:center;margin-bottom:2rem;color:#4cc9f0}.setup-form{background:#ffffff1a;padding:2rem;border-radius:12px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group input[type=password]{width:100%;padding:.8rem;border:none;border-radius:8px;font-size:1rem;background:#ffffffe6;color:#333}.level-buttons{display:flex;gap:1rem}.level-option{flex:1;cursor:pointer}.level-option input{display:none}.level-card{display:block;padding:1rem;text-align:center;background:#ffffff1a;border-radius:8px;border:2px solid transparent;transition:all .2s}.level-card.selected{border-color:#4cc9f0;background:#4cc9f033}.level-card small{display:block;font-size:.8rem;opacity:.7;margin-top:.3rem}.start-btn{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(135deg,#4cc9f0,#4361ee);color:#fff;cursor:pointer;transition:transform .2s}.start-btn:hover{transform:scale(1.02)}.game-container{width:100%}.pre-game{text-align:center;padding:3rem;background:#ffffff1a;border-radius:12px}.pre-game h2{color:#4cc9f0;margin-bottom:1rem}.game-area{background:#ffffff1a;border-radius:12px;padding:2rem;width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.timer{font-size:2.5rem;font-weight:700;color:#4cc9f0}.timer.warning{color:#ffc107}.timer.danger{color:#f72585;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.score-display{font-size:1.2rem}.question-area{text-align:center}.question{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.answer-input{width:150px;padding:1rem;font-size:2rem;text-align:center;border:none;border-radius:8px;background:#ffffffe6;color:#333}.answer-input:focus{outline:3px solid #4cc9f0}.feedback{margin-top:1rem;font-size:1.2rem;min-height:1.5rem}.feedback.correct{color:#4ade80}.feedback.wrong{color:#f87171}.results{text-align:center;background:#ffffff1a;border-radius:12px;padding:2rem}.results h2{color:#4cc9f0;margin-bottom:1.5rem}.results-stats{margin-bottom:1.5rem}.stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.rating-change{background:#ffffff0d;padding:1rem;border-radius:8px;margin:1rem 0}.rating-value{font-size:1.5rem;font-weight:700}.positive{color:#4ade80}.negative{color:#f87171}.result-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn{padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;color:#fff;background:#fff3;border:none;cursor:pointer;transition:background .2s}.btn:hover{background:#ffffff4d}.error-message{background:#f44336;color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;text-align:center}.success-message{background:#4caf50;color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;text-align:center}.register-link,.login-link{margin-top:40px;padding-top:20px;border-top:1px solid #444;text-align:center}.register-link p,.login-link p{color:#888;margin-bottom:15px}.btn-secondary{display:inline-block;padding:12px 30px;background:#444;color:#fff;text-decoration:none;border-radius:8px;font-weight:700}.btn-secondary:hover{background:#555}.leaderboard-container h1{text-align:center;color:#4cc9f0;margin-bottom:1.5rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{flex:1;padding:.8rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s;min-width:100px}.tab-btn.active{background:#4361ee}.leaderboard-table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:8px;overflow:hidden}.leaderboard-table th,.leaderboard-table td{padding:.8rem;text-align:left}.leaderboard-table th{background:#ffffff1a}.leaderboard-table tr:nth-child(2n){background:#ffffff08}.level-section{margin-bottom:2rem}.level-section h3{margin-bottom:.5rem;color:#4cc9f0}.no-data{text-align:center;opacity:.6;padding:1rem}.players-row{display:flex;align-items:center;gap:1rem}.players-row .form-group{flex:1}.vs-divider{font-size:1.5rem;font-weight:700;color:#f72585}.versus-results{text-align:center;background:#ffffff1a;border-radius:12px;padding:2rem}.versus-scores{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0}.player-result{text-align:center}.final-score{font-size:3rem;font-weight:700;color:#4cc9f0}.profile-container{max-width:600px;margin:0 auto}.profile-header{text-align:center;margin-bottom:2rem}.profile-header h1{color:#4cc9f0}.profile-stats{background:#ffffff1a;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.profile-stats h3{margin-bottom:1rem;color:#4cc9f0}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px}.stat-item .value{font-size:1.5rem;font-weight:700;color:#4cc9f0}.stat-item .label{font-size:.9rem;opacity:.7}.fullscreen-btn-corner{position:fixed;bottom:20px;right:20px;padding:.6rem .9rem;font-size:1.4rem;border:none;border-radius:8px;background:#fff3;color:#fff;cursor:pointer;transition:background .2s,transform .2s;z-index:1000}.fullscreen-btn-corner:hover{background:#ffffff59;transform:scale(1.1)}.pre-game:fullscreen,.game-area:fullscreen{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.game-area:fullscreen .question{font-size:5rem}.game-area:fullscreen .answer-input{font-size:3rem;width:200px;padding:1.5rem}.game-area:fullscreen .timer{font-size:3.5rem}.game-area:fullscreen .score-display{font-size:1.8rem}.game-area:fullscreen .game-header{width:100%;max-width:600px}.game-area:fullscreen .stats-bar{font-size:1.2rem;margin-top:2rem}@media(max-width:600px){.navbar{flex-direction:column;gap:1rem}.nav-links a{margin:0 .5rem;font-size:.9rem}.home-container h1{font-size:2rem}.level-buttons,.players-row{flex-direction:column}.question{font-size:2rem}.versus-scores,.tabs{flex-direction:column}.tab-btn{width:100%}}