body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh;justify-content:center;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px}.App-title{font-size:4rem;font-weight:700;letter-spacing:2px;margin-bottom:3rem;text-shadow:2px 2px 4px #0000004d}.trivia-options{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:1400px;width:100%}.trivia-button{background-color:#fffffff2;border:none;border-radius:16px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;flex:1 1;font-size:1.8rem;font-weight:700;max-width:500px;min-height:120px;min-width:200px;padding:2rem 3rem;transition:all .3s ease}.trivia-button:hover{background-color:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-5px)}.trivia-button:active{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.main-menu{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:flex-start;max-width:1200px;min-height:0;overflow-y:auto;width:100%}.mode-selection-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.game-mode-list{background-color:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-bottom:0;max-width:300px;padding:1rem;width:100%}.game-mode-toggle{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.game-mode-toggle:hover{background-color:#ffffff1a}.game-mode-checkbox{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;width:20px}.game-mode-label{color:#fff;font-size:1.2rem;font-weight:400;transition:all .2s ease}.game-mode-checkbox:checked+.game-mode-label{color:#fff;font-weight:700}.game-mode-toggle:has(.game-mode-checkbox:checked){background-color:#667eea4d}.game-mode-toggle:has(.game-mode-checkbox:checked):hover{background-color:#667eea66}.play-button{background-color:#fffffff2;border:none;border-radius:16px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;flex-shrink:0;font-size:2.5rem;font-weight:700;margin-top:0;min-height:100px;padding:2rem 6rem;transition:all .3s ease}.play-button:hover{background-color:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-5px)}.play-button:active{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.play-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.game-view{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;min-height:0;padding:1rem;width:100%}.streak-counter{flex-shrink:0;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.timer-bar-container{background-color:#ffffff1a;border:2px solid #fff3;border-radius:20px;flex-shrink:0;height:40px;margin-bottom:1rem;margin-top:1rem;max-width:1400px;overflow:hidden;position:relative;width:100%}.timer-bar{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px;display:flex;height:100%;justify-content:center;position:relative;transition:width 1s linear}.timer-bar.timer-warning{animation:pulse 1s infinite;background:linear-gradient(90deg,#f44336,#d32f2f)}.timer-text{color:#fff;font-size:1.5rem;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #00000080;transform:translateX(-50%);white-space:nowrap}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading{font-size:2rem;margin:2rem 0}.loading,.time-expired-message{font-weight:700;text-shadow:2px 2px 4px #0000004d}.time-expired-message{animation:pulse 1s infinite;background-color:#f4433633;border:2px solid #f44336cc;border-radius:12px;color:#f44336;font-size:2.5rem;margin:1rem 0;padding:1rem 2rem}.question{flex-shrink:0;margin-bottom:1rem;text-align:center}.question h2{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.teams-comparison{flex-direction:row;flex-shrink:1;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0;max-width:1000px;width:100%}.team-stat,.teams-comparison{align-items:center;display:flex}.team-stat{border-radius:12px;flex:1 1;flex-direction:column;gap:.5rem;max-width:400px;min-width:200px;padding:1rem;transition:all .3s ease}.team-stat.correct{background-color:#4caf504d;border:2px solid #4caf50cc}.team-stat.incorrect{background-color:#f443364d;border:2px solid #f44336cc}.team-stat.correct-answer{background-color:#4caf5033;border:2px solid #4caf5099}.team-name{font-size:1.8rem;margin-bottom:.5rem}.stat-value,.team-name{font-weight:700;text-shadow:2px 2px 4px #0000004d}.stat-value{color:#fff;font-size:3.5rem}.stat-label{font-size:1.5rem;font-weight:600;opacity:.9}.answer-indicator,.stat-label{text-shadow:1px 1px 2px #0000004d}.answer-indicator{border-radius:8px;font-size:1.8rem;font-weight:700;margin-top:.5rem;padding:.5rem 1rem}.answer-indicator.correct{background-color:#4caf5033;color:#4caf50}.answer-indicator.incorrect{background-color:#f4433633;color:#f44336}.continue-button{background-color:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;flex-shrink:0;font-size:1.8rem;font-weight:700;margin-top:1rem;padding:1.5rem 4rem;transition:all .3s ease}.continue-button:hover{background-color:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.continue-button:active{box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.vs-divider{font-size:2rem;font-weight:700;padding:0 1rem;text-shadow:2px 2px 4px #0000004d}.game-over-view{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:flex-start;max-width:800px;min-height:0;width:100%}.streak-display{flex-shrink:0;text-align:center}.streak-display h2{font-size:3.5rem;margin-bottom:1rem}.final-streak,.streak-display h2{text-shadow:2px 2px 4px #0000004d}.final-streak{font-size:2.5rem;font-weight:700}.game-over-options{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.action-button{background-color:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;flex:1 1;font-size:1.5rem;font-weight:700;max-width:300px;min-height:80px;min-width:200px;padding:1.5rem 3rem;transition:all .3s ease}.action-button:hover{background-color:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-5px)}.action-button:active{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.leaderboard{background-color:#ffffff1a;border-radius:12px;flex-shrink:1;margin-top:0;max-width:400px;min-height:0;padding:1rem;width:100%}.leaderboard-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-align:center;text-shadow:2px 2px 4px #0000004d}.leaderboard-list{display:flex;flex-direction:column;gap:.4rem}.leaderboard-entry{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s ease}.leaderboard-entry:hover{background-color:#ffffff26}.leaderboard-rank{color:#fff;font-size:1.2rem;font-weight:700;min-width:40px;text-align:center}.leaderboard-player{color:#fff;flex:1 1;font-size:1.1rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:#fff;font-size:1.3rem;font-weight:700;min-width:60px;text-align:right}.leaderboard-empty,.leaderboard-error,.leaderboard-loading{color:#fffc;font-size:1.1rem;padding:1rem;text-align:center}.leaderboard-error{color:#f44336}.score-submission{align-items:center;flex-shrink:0;gap:.75rem;margin:0;max-width:500px}.score-submission,.username-input-group{display:flex;flex-direction:column;width:100%}.username-input-group{gap:.5rem}.username-label{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.username-input{background-color:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#333;font-size:1.2rem;padding:1rem;transition:all .3s ease;width:100%}.username-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.username-input:disabled{cursor:not-allowed;opacity:.6}.submit-score-button{background-color:#fffffff2;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-size:1.3rem;font-weight:700;max-width:300px;min-height:60px;padding:1rem 3rem;transition:all .3s ease;width:100%}.submit-score-button:hover:not(:disabled){background-color:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.submit-score-button:active:not(:disabled){box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.submit-score-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.submit-success{background-color:#4caf5033;border:2px solid #4caf5099;border-radius:8px;color:#4caf50;font-size:1.2rem;font-weight:700}.submit-error,.submit-success{padding:.75rem 1.5rem;text-shadow:1px 1px 2px #0000004d}.submit-error{background-color:#f4433633;border:2px solid #f4433699;border-radius:8px;color:#f44336;font-size:1.1rem;font-weight:600;text-align:center}@media (max-width:768px){.App-header{overflow-y:auto;padding:10px}.App-title{margin-bottom:1rem}.App-title,.mode-selection-title{font-size:2rem}.game-mode-list{gap:.4rem;max-width:100%;padding:.75rem}.game-mode-toggle{padding:.6rem .8rem}.game-mode-label{font-size:1.1rem}.game-mode-checkbox{height:18px;width:18px}.main-menu{gap:.75rem;padding:.5rem 0}.play-button{font-size:1.5rem;margin-top:0;min-height:60px;padding:1rem 3rem}.streak-counter{font-size:1.5rem;margin-bottom:.25rem}.game-view{gap:.5rem;justify-content:flex-start;padding:.25rem}.timer-bar-container{height:35px;margin-bottom:.5rem;margin-top:.5rem;max-width:calc(100% - 1rem);width:calc(100% - 1rem)}.timer-text{font-size:1.2rem}.time-expired-message{font-size:1.3rem;margin:.5rem 0;padding:.6rem 1rem}.loading{font-size:1.2rem;margin:.5rem 0}.question{margin-bottom:.5rem}.question h2{font-size:1.3rem;line-height:1.3;padding:0 .5rem}.teams-comparison{gap:.5rem;margin:.5rem 0}.team-stat{gap:.25rem;max-width:180px;min-width:150px;padding:.75rem}.stat-value{font-size:2rem}.stat-label{font-size:1rem}.vs-divider{font-size:1.5rem}.team-name{font-size:1.1rem}.answer-indicator{font-size:1rem;margin-top:.25rem;padding:.25rem .5rem}.continue-button{font-size:1.2rem;margin-top:.5rem;padding:1rem 2rem}.trivia-options{gap:1rem;margin-bottom:.5rem}.trivia-button{font-size:1.2rem;max-height:80px;min-height:60px;padding:1rem 1.5rem}.game-over-view{gap:.75rem;padding:.5rem 0}.streak-display h2{font-size:1.8rem;margin-bottom:.5rem}.final-streak{font-size:1.5rem}.leaderboard{margin-top:0;max-width:100%;padding:.75rem}.leaderboard-title{font-size:1.2rem;margin-bottom:.4rem}.leaderboard-entry{padding:.4rem .6rem}.leaderboard-rank{font-size:.9rem;min-width:30px}.leaderboard-player{font-size:.9rem}.leaderboard-score{font-size:1rem;min-width:40px}.leaderboard-list{gap:.3rem}.score-submission{gap:.5rem;max-width:100%}.username-input-group{gap:.3rem}.username-label{font-size:1rem}.username-input{font-size:1rem;padding:.6rem}.submit-score-button{font-size:1rem;min-height:45px;padding:.6rem 1.5rem}.game-over-options{gap:.75rem}.action-button{font-size:1.2rem;min-height:60px;min-width:150px;padding:1rem 2rem}}
/*# sourceMappingURL=main.94c5548b.css.map*/