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{display:flex;flex-direction:column;height:100vh;position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;flex:1 1;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:0}.App-header,.top-section{align-items:center;display:flex}.top-section{background:#1a1e27;border-bottom:1px solid #ffffff1a;box-sizing:border-box;justify-content:space-between;min-height:80px;padding:20px}.top-title{color:#fff;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;position:static;text-align:left;transform:none}.game-mode-selector,.leaderboard-mode-selector{background:#1a1e27;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;gap:0;justify-content:center;padding:15px 20px;width:100%}.mode-button{background:#ffffff14;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.mode-button:hover{background:#ffffff1f;border-color:#ffffff4d}.mode-button.active{background:linear-gradient(180deg,#28a74540,#28a7451f);border-color:#28a74580;color:#fff}.mode-button.active:hover{background:linear-gradient(180deg,#28a74559,#28a74533)}.lineup-prompt{color:#fff;font-size:1.1rem;margin:0 0 12px}.lineup-container{display:flex;flex-direction:column;gap:10px;max-width:80%;width:280px}.input-wrapper{align-items:center;display:flex;position:relative}.lineup-input{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:1rem;padding:8px 10px;transition:all .2s ease;width:100%}.lineup-input::placeholder{color:#fff9}.lineup-input.correct{background:#28a7451f;border-color:#28a74599}.lineup-input.incorrect{background:#dc35451f;border-color:#dc354599}.checkmark{color:#28a745;font-size:1.2rem;font-weight:700;pointer-events:none;position:absolute;right:10px}.autocomplete-dropdown{background:#282c34f2;border:1px solid #ffffff26;border-radius:0 0 6px 6px;border-top:none;left:0;margin-top:-4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid #ffffff14;color:#fff;cursor:pointer;font-size:1rem;padding:8px 10px;transition:background .15s ease}.autocomplete-item:hover{background:#61dafb1f}.autocomplete-item.highlighted{background:#61dafb33}.autocomplete-item:last-child{border-bottom:none}.autocomplete-more{border-top:1px solid #ffffff14;color:#fff9;font-size:1rem;padding:8px 10px;text-align:center}.autocomplete-dropdown{font-size:1rem}.start-button,.stop-button,.submit-button{background:#61dafb1f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:8px 4px;padding:8px 16px;transition:all .2s ease}.start-button{background:linear-gradient(180deg,#28a7452e,#28a74514);border-color:#28a74559;font-size:2rem;margin-bottom:15px;margin-top:-180px;padding:36px 84px}.start-button:disabled{cursor:not-allowed;opacity:.5}.stop-button{background:linear-gradient(180deg,#dc35452e,#dc35450f);border-color:#dc354559}.submit-button{background:linear-gradient(180deg,#007bff2e,#007bff14);border-color:#007bff59}.submit-button.disabled{cursor:not-allowed;opacity:.5}.submit-button.enabled{cursor:pointer;opacity:1}.result-display{background:#ffffff0f;border:1px solid #ffffff14;margin:8px 0 12px;min-width:220px;padding:10px 14px}.result-display,.timer-display{border-radius:6px;color:#fff;font-weight:600}.timer-display{background:#0000002e;margin-top:10px;min-width:120px;padding:8px 12px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.results-modal{background:#282c34;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #00000080;max-width:400px;padding:30px 40px;text-align:center;width:90%}.results-modal h2{color:#28a745;font-size:2rem;letter-spacing:.5px;margin:0 0 24px}.results-content{display:flex;flex-direction:column;gap:16px;margin:20px 0 30px}.result-item{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.result-label{color:#ffffffb3;font-size:.95rem;font-weight:500}.result-value{color:#fff;font-size:1.1rem;font-weight:600}.close-popup-button{background:linear-gradient(180deg,#28a7452e,#28a74514);border:1px solid #28a74559;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-right:8px;padding:10px 24px;transition:all .2s ease}.close-popup-button:hover{background:linear-gradient(180deg,#28a74540,#28a74526)}.submit-score-button{background:linear-gradient(180deg,#007bff2e,#007bff14);border:1px solid #007bff59;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 24px;transition:all .2s ease}.submit-score-button:hover{background:linear-gradient(180deg,#007bff40,#007bff26)}.name-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.name-modal{background:#282c34;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #00000080;max-width:350px;padding:30px 40px;text-align:center;width:90%}.name-modal h2{color:#fff;font-size:1.8rem;letter-spacing:.5px;margin:0 0 16px}.name-modal-label{color:#fffc;font-size:1rem;margin:0 0 12px}.name-error{color:red;font-size:1rem;margin-bottom:8px}.name-input{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#fff;font-size:1rem;margin-bottom:20px;padding:10px 12px;transition:all .2s ease;width:100%}.name-input::placeholder{color:#fff9}.name-input:focus{background:#007bff14;border-color:#007bff80;outline:none}.name-modal-buttons{display:flex;gap:10px;justify-content:center}.name-modal-cancel,.name-modal-submit{border:1px solid #ffffff1f;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;max-width:150px;padding:10px 20px;transition:all .2s ease}.name-modal-submit{background:linear-gradient(180deg,#28a7452e,#28a74514);border-color:#28a74559}.name-modal-submit:hover:not(:disabled){background:linear-gradient(180deg,#28a74540,#28a74526)}.name-modal-submit:disabled{cursor:not-allowed;opacity:.5}.name-modal-cancel{background:linear-gradient(180deg,#6c757d2e,#6c757d14);border-color:#6c757d59}.name-modal-cancel:hover{background:linear-gradient(180deg,#6c757d40,#6c757d26)}.leaderboard-page{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px;width:100%}.leaderboard-content{background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.leaderboard-column-headers{grid-gap:12px;background:#ffffff1a;border-bottom:1px solid #ffffff26;color:#fff;display:grid;font-size:1rem;font-weight:600;gap:12px;grid-template-columns:1fr 2fr 2fr 1.5fr;padding:16px}.leaderboard-rows{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.leaderboard-row{grid-gap:12px;align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffe6;display:grid;font-size:1rem;gap:12px;grid-template-columns:1fr 2fr 2fr 1.5fr;padding:16px}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#ffffff0a}.leaderboard-row.first-place{border:1px solid #ffd70066}.leaderboard-row.first-place .column-name,.leaderboard-row.first-place .column-rank,.leaderboard-row.first-place .column-time,.leaderboard-row.first-place .column-year-team{color:gold;font-weight:600}.leaderboard-row.first-place:hover{background:#ffffff0a}.column-name,.column-rank,.column-time,.column-year-team{text-align:left}.no-scores{color:#fff9;font-size:1.1rem;margin:auto;padding:40px;text-align:center}.back-button{background:linear-gradient(180deg,#28a7452e,#28a74514);border:1px solid #28a74559;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.back-button:hover{background:linear-gradient(180deg,#28a74540,#28a74526)}.leaderboard-nav-button{background:linear-gradient(180deg,#28a7452e,#28a74514);border:1px solid #28a74559;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.leaderboard-nav-button:hover{background:linear-gradient(180deg,#28a74540,#28a74526)}.directions-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.directions-modal{background:#282c34;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #00000080;max-width:450px;padding:40px;text-align:center;width:90%}.directions-modal h2{color:#fff;font-size:2rem;letter-spacing:.5px;margin:0 0 24px}.directions-text{color:#ffffffd9;font-size:1.05rem;letter-spacing:.3px;line-height:1.6;margin:0 0 30px}.directions-start-button{background:linear-gradient(180deg,#28a74540,#28a7451f);border:1px solid #28a74559;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s ease}.directions-start-button:hover{background:linear-gradient(180deg,#28a74559,#28a74533);border-color:#28a74580}@media (max-width:768px){.top-section{flex-wrap:wrap;gap:10px;min-height:auto;padding:15px}.top-title{font-size:1.4rem;text-align:left;width:100%}.back-button{font-size:.9rem;padding:8px 16px}.lineup-container{max-width:90%;width:100%}.lineup-prompt{font-size:1rem;margin:0 0 10px}.leaderboard-page{padding:15px}.game-mode-selector,.leaderboard-mode-selector{flex-wrap:wrap;gap:8px;padding:12px 15px}.mode-button{flex:1 1;font-size:.85rem;min-width:140px;padding:8px 12px}.leaderboard-column-headers,.leaderboard-row{gap:8px;grid-template-columns:1fr}.leaderboard-column-headers{display:none}.leaderboard-row{grid-gap:8px;border:1px solid #ffffff26;border-radius:6px;display:grid;gap:8px;grid-template-columns:auto 1fr;margin-bottom:12px;padding:12px}.leaderboard-row:last-child{margin-bottom:0}.column-rank:before{color:#ffffffb3;content:"Rank: ";font-weight:600}.column-name:before{color:#ffffffb3;content:"Name: ";font-weight:600}.column-year-team.college:before{color:#ffffffb3;content:"College: ";font-weight:600}.column-year-team:not(.college):before{color:#ffffffb3;content:"Year + Team: ";font-weight:600}.column-time:before{color:#ffffffb3;content:"Time: ";font-weight:600}.column-name,.column-rank,.column-time,.column-year-team{grid-column:1/-1}.results-modal{padding:20px;width:90%}.results-modal h2{font-size:1.5rem}.name-modal{padding:20px;width:90%}.directions-modal{padding:25px;width:90%}.directions-modal h2{font-size:1.5rem}.directions-text{font-size:1rem}}@media (max-width:480px){.top-title{font-size:1.2rem}.top-section{padding:12px}.lineup-container{max-width:95%;width:100%}.start-button,.stop-button,.submit-button{font-size:.9rem;margin:4px 2px;padding:8px 12px}.name-modal,.results-modal{max-width:95%;padding:15px}.directions-modal{max-width:95%;padding:20px}.timer-display{font-size:.9rem;padding:6px 10px}.leaderboard-row{margin-bottom:10px;padding:10px}}.leaderboard-filter-buttons{display:flex;justify-content:center;margin-bottom:18px;margin-top:0;width:100%}.leaderboard-filter-buttons button{background:#ffffff14;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .2s}.leaderboard-filter-buttons button.active{background:linear-gradient(180deg,#28a74540,#28a7451f);border-color:#28a74580;color:#fff}.leaderboard-filter-buttons button:hover{background:linear-gradient(180deg,#28a74559,#28a74533)}
/*# sourceMappingURL=main.0b299642.css.map*/