@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Century Gothic Light,sans-serif;margin:0;padding:0}.App{padding:20px;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;margin-bottom:20px;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-board{background-color:#2c1a33;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:20px;margin:20px auto 0;max-width:800px;padding:10px;width:calc(100% - 20px)}.message{color:#fff;font-weight:500;margin-bottom:20px;text-align:center;text-shadow:0 1px 2px #0000001a}.guess-form{align-items:center;display:flex;gap:10px;justify-content:center;margin:0 auto;max-width:600px}.guess-input-container{align-items:center;display:flex;flex:1 1;position:relative}.guess-input-container input{-webkit-appearance:none;background-color:#3a283f;border:1px solid #fff;border-radius:4px;font-size:16px;height:40px;line-height:24px;padding:12px;width:100%}.suggestions-list{background-color:#1b1833;border:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0003;left:0;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.suggestions-list li{color:#fff;cursor:pointer;min-height:44px;padding:15px 16px;transition:all .2s ease}.suggestions-list li.selected,.suggestions-list li:hover{background-color:#3e3a5a;opacity:.5}.suggestions-list li.selected{color:#fff}.guesses-container{display:flex;flex-direction:column;gap:10px}.guess-row.correct{background-color:#3a283f;border:1px solid #4caf50}.guess-row.incorrect{background-color:#3a283f;border:1px solid #ff5252;box-sizing:border-box;width:100%}.player-name{align-items:center;background-color:#ffffff1a;border-radius:4px;display:inline-flex;font-size:8px;gap:4px;justify-content:center;min-width:40px;padding:4px 2px}.player-attributes{align-items:center;box-sizing:border-box;display:flex;gap:1px;padding:4px 15px;width:100%}.player-attributes .stat-text{color:#fff;width:800px}.player-attributes .stat-numeric,.player-attributes .stat-text{align-items:center;background-color:#ffffff1a;border-radius:2px;display:inline-flex;font-size:12px;gap:4px;justify-content:center;min-width:40px;padding:4px 2px}.player-attributes .stat-numeric{width:80px}.player-attributes-header{align-items:center;box-sizing:border-box;color:#fff;display:flex;font-size:14px;gap:1px;padding:4px 15px;width:100%}.player-attributes-header .stat-text{width:800px}.player-attributes-header .stat-numeric,.player-attributes-header .stat-text{align-items:center;background-color:#ffffff1a;display:inline-flex;gap:0;justify-content:center;min-width:40px;padding:4px 2px}.player-attributes-header .stat-numeric{width:80px}button{background-color:#133e87;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}button:disabled{background-color:#133e8780;cursor:not-allowed}button:hover:not(:disabled){background-color:#1a4ea8}button[type=submit]{align-items:center;display:flex;height:48px;justify-content:center;padding:0 20px}.new-game-prompt{margin-top:20px}@media (max-width:600px){.guess-form{flex-direction:column;gap:10px}button[type=submit]{width:100%}.player-attributes{flex-wrap:wrap;gap:10px;justify-content:center}.player-attributes span{min-width:auto;padding:8px}.guess-row{align-items:flex-start;flex-direction:column;gap:10px}.player-name{flex:none;margin-bottom:5px;width:100%}}.stats-header{border-bottom:1px solid #2c2c2c;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 15px;width:calc(100% - 30px)}.stat-title{color:#888;font-size:11px;font-weight:500;letter-spacing:.5px;text-align:center;text-transform:uppercase;width:80px}.stat-box{align-items:center;background-color:#69b913eb;border-radius:4px;display:flex;font-size:13px;justify-content:center;min-height:20px;padding:8px 4px}.game-title{font-family:Century Gothic Light,sans-serif;margin:20px 0}.landing-page{color:#fff;margin:0 auto;max-width:1200px;padding:2rem;text-align:center}.landing-page h1{color:#fff;font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px #00000080}.game-modes{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.mode-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:2rem;transition:transform .3s ease;width:300px}.mode-card:hover{transform:translateY(-5px)}.mode-card h2{color:#fff;margin-bottom:1rem}.mode-card p{color:#ccc;margin-bottom:1.5rem}.mode-card button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:background .3s ease}.mode-card button:hover{background:#45a049}.game-features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin:0 auto;max-width:800px;padding:2rem}.game-features h2{color:#fff;margin-bottom:1.5rem}.game-features ul{list-style:none;margin:0 auto;max-width:600px;padding:0;text-align:left}.game-features li{color:#ccc;margin-bottom:1rem;padding-left:1.5rem;position:relative}.game-features li:before{color:#4caf50;content:"•";left:0;position:absolute}.background-image{background-attachment:fixed;background-image:url(/static/media/football-background.7370eac3cf0fdc539a6d.webp);background-position:50%;background-size:cover;z-index:-2}.background-image,.background-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.background-overlay{background-color:#1b1833;opacity:.95;z-index:-1}.game-modes-container{display:flex;flex-direction:column;gap:20px;margin-bottom:60px;width:100%}@media (max-width:768px){.game-modes-container{gap:15px;margin-bottom:40px}}.game-mode-button{align-items:center;background-color:#2c1a33;border:1px solid #190123;border-radius:12px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.game-mode-button:hover{background-color:#3a283f;border-color:#133e87;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.game-mode-button:active{transform:translateY(0)}.mode-icon{align-items:center;border:2px solid;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-right:20px;width:60px}.daily-icon{background-color:#133e87;border-color:#133e87}.practice-icon{background-color:#4caf50;border-color:#4caf50}.default-icon{background-color:#6c757d;border-color:#6c757d}.icon-symbol{color:#fff;font-size:24px;text-shadow:0 1px 2px #0000004d}.mode-content{flex:1 1}.mode-title{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin:0 0 8px}.mode-description{color:#ccc;font-size:1rem;margin:0;opacity:.8}@media (max-width:768px){.game-mode-button{padding:15px}.mode-icon{height:50px;margin-right:15px;width:50px}.icon-symbol{font-size:20px}.mode-title{font-size:1.2rem}.mode-description{font-size:.9rem}}@media (max-width:480px){.game-mode-button{padding:12px}.mode-icon{height:45px;margin-right:12px;width:45px}.icon-symbol{font-size:18px}.mode-title{font-size:1.1rem}.mode-description{font-size:.85rem}}.landing-footer{margin-top:auto}.footer-icons{display:flex;gap:20px;justify-content:center}@media (max-width:768px){.footer-icons{gap:15px}.footer-icon{height:35px;width:35px}}.footer-icon{align-items:center;background-color:#333;border:1px solid #555;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.footer-icon:hover{background-color:#444;transform:scale(1.1)}.footer-icon span{color:#fff;font-size:16px}@media (max-width:768px){.footer-icon{height:35px;width:35px}}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:20px;position:relative}.landing-content,.landing-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.landing-content{max-width:600px;width:100%;z-index:1}.landing-header{margin-bottom:60px;text-align:center}.landing-title{color:gold;font-family:Georgia,serif;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin:0 0 10px;text-shadow:0 2px 4px #00000080}.landing-subtitle{color:#fff;font-size:1.2rem;font-weight:400;margin:0;opacity:.9}@media (max-width:768px){.landing-page{padding:15px}.landing-title{font-size:2.5rem;letter-spacing:1px}.landing-subtitle{font-size:1rem}}@media (max-width:480px){.landing-title{font-size:2rem}.landing-subtitle{font-size:.9rem}}.filters-container{background-color:#2c1a33;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-right:20px;min-height:320px;min-width:150px;padding:16px;position:sticky;top:100px;width:150px}.filters-header{border-bottom:2px solid #190123;margin-bottom:16px;padding-bottom:8px}.filters-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.game-mode-indicator{background-color:#28a7451a;border:1px solid #28a7454d;border-radius:6px;color:#28a745;display:block;font-size:14px;font-weight:500;margin-bottom:12px;padding:8px 0;text-align:center}.filters-content{gap:16px}.filter-section,.filters-content{display:flex;flex-direction:column}.filter-section{gap:8px}.filter-section h4{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.filters-container .leagues-filter{margin-bottom:0}.filters-container .league-checkboxes{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;margin-bottom:12px}.filters-container .league-checkbox{align-items:center;display:flex;gap:8px;height:36px;justify-content:flex-start;padding:5px 10px;width:100%}.filters-container .league-checkbox .flag img{flex-shrink:0;height:18px;width:24px}.filters-container .game-buttons{flex-direction:column;gap:8px}.filters-container .game-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px;transition:all .2s ease;width:100%}.filters-container .apply-filters-btn{background-color:#007bff;color:#fff}.filters-container .apply-filters-btn:hover{background-color:#0056b3}.filters-container .daily-challenge-btn{background-color:#28a745;color:#fff}.filters-container .daily-challenge-btn:hover:not(:disabled){background-color:#1e7e34}.filters-container .daily-challenge-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:1024px){.filters-container{margin-bottom:16px;margin-right:0;min-height:auto;min-width:auto;padding:12px;position:static;width:100%}.filters-header{margin-bottom:12px;padding-bottom:6px}.filters-header h3{font-size:16px}.filters-content{gap:12px}.filter-section h4{font-size:12px;margin-bottom:8px}.filters-container .league-checkboxes,.filters-container .leagues-filter .league-checkboxes{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important;margin-bottom:2px!important}.filters-container .league-checkbox{border-radius:6px;display:inline-flex!important;flex-shrink:0!important;gap:0;height:44px;justify-content:center;padding:4px;width:44px}.filters-container .league-checkbox .flag img{height:15px;width:20px}.filters-container .league-checkbox .tooltip{display:none}.filters-container .game-buttons{flex-direction:row;gap:8px}.filters-container .game-buttons button{flex:1 1;font-size:12px;padding:6px 10px;width:auto}}@media (max-width:768px){.filters-container{padding:10px}.filters-header{margin-bottom:10px;padding-bottom:5px}.filters-header h3{font-size:15px}.filters-content{gap:10px}.filter-section h4{font-size:11px;margin-bottom:6px}.filters-container .league-checkboxes,.filters-container .leagues-filter .league-checkboxes{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important;justify-content:center!important;margin-bottom:8px!important}.filters-container .league-checkbox{height:40px;padding:3px;width:40px}.filters-container .league-checkbox .flag img{height:14px;width:18px}.filters-container .game-buttons{flex-direction:column;gap:6px}.filters-container .game-buttons button{font-size:12px;padding:6px 10px}}.instructions-content{background-color:#1b1833;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%}.instructions-content h2{color:#fff;font-size:1.5rem;margin-bottom:15px;margin-top:0;text-align:center}.instructions-text{font-size:1rem;line-height:1.5}.instructions-text ul{list-style-type:none;margin:15px 0;padding-left:0}.instructions-text li{margin-bottom:8px;padding-left:20px;position:relative}.instructions-text li:before{color:#133e87;content:"•";font-weight:700;left:0;position:absolute}.tip{background-color:#ffffff1a;border-radius:4px;color:#888;font-style:italic;margin-top:15px;padding:10px;text-align:center}@media (max-width:600px){.instructions-content{margin:10px;max-height:85vh;padding:15px;width:95%}.instructions-text{font-size:.9rem}}.daily-challenge-btn{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.daily-challenge-btn:hover{background-color:#1976d2}.daily-challenge-btn:disabled{background-color:#ccc;cursor:not-allowed}.league-stats-indicator{background-color:#f0f0f0;border-radius:10px;bottom:-20px;color:#333;font-size:12px;font-weight:700;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap}.league-checkbox.selected .league-stats-indicator{background-color:#4caf50;color:#fff}.game-container{flex:1 1;max-width:800px;min-width:0;padding:0 15px}.game-content{background-color:#2c1a33;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:0;padding:30px}.game-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0000004d}.modal{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideIn .3s ease-out;position:relative}.close{align-items:center;background-color:#1b1833;border:2px solid #333;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:30px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .2s ease;width:30px;z-index:1001}.close:focus,.close:hover{background-color:#133e87;border-color:#133e87;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.game-container{max-width:100%;padding:0 10px}.game-content{margin-top:0;padding:20px}.game-title{font-size:2rem;margin-bottom:20px}}@media (max-width:768px){.game-content{margin-top:0;padding:15px}.game-title{font-size:1.8rem;margin-bottom:15px}.close{font-size:20px;height:25px;right:-10px;top:-10px;width:25px}}.main-layout{margin:0 auto;max-width:1200px;padding:80px 20px 20px;width:100%}.layout-container{align-items:flex-start;display:flex;gap:20px;justify-content:flex-start}@media (max-width:1024px){.main-layout{padding:80px 15px 15px}.layout-container{align-items:stretch;flex-direction:column}}@media (max-width:768px){.main-layout{padding:70px 10px 10px}.layout-container{gap:12px}}.navigation-bar{align-items:center;background-color:#2c1a33;display:flex;justify-content:center;overflow:hidden;padding:10px 0;position:fixed;top:0;width:100%;z-index:1000}.navigation-bar ul{display:flex;list-style-type:none;margin:0;padding:0}.navigation-bar li{margin:0 15px}.navigation-bar button{background:#190123;border:1px solid #fff;color:#fff;cursor:pointer;font-size:17px;padding:14px 20px;text-align:center;text-decoration:none;transition:background-color .3s}.navigation-bar button:hover{background-color:#575757;border-radius:4px}
/*# sourceMappingURL=main.cd260510.css.map*/