@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{background:#0000004d;border-top:1px solid #ffffff1a;margin-top:auto;padding:30px 20px}.footer-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.footer-icons{display:flex;gap:20px;justify-content:center}.footer-icon{background-color:#ffffff1a;border:1px solid #fff3;transition:all .3s ease}.footer-icon:hover{background-color:#fff3;border-color:#fff6}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.footer-link{background:none;border:none;color:#fffc;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.footer-link:hover{color:#4ade80}.footer-separator{color:#ffffff80;font-size:.9rem}.footer-text{color:#ffffffb3;font-size:.9rem;text-align:center}.footer-text p{margin:5px 0}.footer-description{font-style:italic;opacity:.8}@media (max-width:768px){.landing-footer{padding:25px 15px}.footer-content,.footer-icons{gap:15px}.footer-icon{height:35px;width:35px}.footer-links{gap:10px}.footer-link,.footer-text{font-size:.8rem}}.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,.filters-container .league-radio{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;margin-bottom:12px}.filters-container .league-checkbox,.filters-container .league-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;height:36px;justify-content:flex-start;padding:5px 10px;transition:background-color .2s ease;width:100%}.filters-container .league-checkbox:hover,.filters-container .league-option:hover{background-color:#ffffff1a}.filters-container .league-checkbox.selected,.filters-container .league-option.selected{background-color:#28a74533;border:1px solid #28a74580}.filters-container .league-checkbox input,.filters-container .league-option input{cursor:pointer;margin:0}.filters-container .league-checkbox .flag img,.filters-container .league-option .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 .league-radio,.filters-container .leagues-filter .league-checkboxes,.filters-container .leagues-filter .league-radio{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,.filters-container .league-option{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,.filters-container .league-option .flag img{height:15px;width:20px}.filters-container .league-checkbox .tooltip,.filters-container .league-option .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 .league-radio,.filters-container .leagues-filter .league-checkboxes,.filters-container .leagues-filter .league-radio{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,.filters-container .league-option{height:40px;padding:3px;width:40px}.filters-container .league-checkbox .flag img,.filters-container .league-option .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}.start-game-section{background:linear-gradient(135deg,#3a2a4a,#2c1a33);border:2px solid #4a3a5a;border-radius:12px;margin:20px 0;padding:40px 20px;text-align:center}.start-game-instructions{margin-bottom:30px}.start-game-instructions h2{color:gold;font-size:2rem;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.start-game-instructions p{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin:0}.start-game-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:25px;box-shadow:0 4px 15px #ffd7004d;color:#1b1833;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.start-game-button:hover:not(:disabled){background:linear-gradient(135deg,orange,gold);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.start-game-button:disabled{background:#666;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.league-selection-hint{color:orange;font-size:.9rem;font-style:italic;margin-top:15px;opacity:.8}.daily-completion-status{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #66bb6a;border-radius:12px;box-shadow:0 4px 15px #4caf504d;margin:20px 0;padding:20px;text-align:center}.daily-completion-status p{color:#fff;font-weight:600;margin:5px 0;text-shadow:0 1px 2px #0000004d}.daily-completion-status p:first-child{font-size:1.2rem;margin-bottom:10px}.daily-completion-status p:last-child{font-size:1rem;opacity:.9}.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}.start-game-section{margin:15px 0;padding:30px 15px}.start-game-instructions h2{font-size:1.6rem}.start-game-instructions p{font-size:1rem}.start-game-button{font-size:1.1rem;padding:12px 30px}}.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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c1a33f2;border-bottom:1px solid #ffffff1a;box-sizing:border-box;justify-content:space-between;padding:12px 20px;position:fixed;top:0;width:100%;z-index:1000}.nav-left,.navigation-bar{align-items:center;display:flex}.nav-left{flex:1 1}.logo-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:8px;padding:8px 12px;transition:all .3s ease}.logo-button:hover{background:#4ade801a;color:#4ade80}.nav-center{display:flex;flex:2 1;justify-content:center}.nav-links{display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-links li{margin:0}.nav-link{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#4ade80,#22d3ee);border-color:#0000;color:#fff;font-weight:700}.nav-right{display:flex;flex:1 1;gap:8px;justify-content:flex-end}.back-button{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.back-button:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-1px)}.action-button{background:#22d3ee33;border:1px solid #22d3ee4d;border-radius:8px;color:#22d3ee;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.action-button:hover{background:#22d3ee4d;border-color:#22d3ee;transform:translateY(-1px)}.info-button{align-items:center;background:#fbbf2433;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.info-button:hover{background:#fbbf244d;border-color:#fbbf24;transform:translateY(-1px)}@media (max-width:768px){.navigation-bar{padding:10px 15px}.nav-center{flex:3 1}.nav-links{gap:4px}.nav-link{font-size:.8rem;padding:6px 10px}.logo-button{font-size:1rem;padding:6px 8px}.action-button,.back-button{font-size:.8rem;padding:6px 8px}}@media (max-width:640px){.navigation-bar{flex-direction:column;gap:8px;padding:8px 15px}.nav-center,.nav-left,.nav-right{flex:none;width:100%}.nav-center,.nav-left,.nav-right{justify-content:center}}.adsense-wrapper{display:flex;justify-content:center;margin:20px 0;padding:10px;width:100%}.adsense-wrapper .adsbygoogle{max-width:728px;min-height:90px;width:100%}.adsbygoogle-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.adsense-wrapper.sidebar{margin:10px 0;max-width:300px}.adsense-wrapper.banner{max-width:728px;min-height:90px}.adsense-wrapper.large-rectangle{max-width:336px;min-height:280px}.adsense-wrapper.mobile-banner{max-width:320px;min-height:50px}@media (max-width:768px){.adsense-wrapper{margin:15px 0;padding:8px}.adsense-wrapper.banner{max-width:320px;min-height:50px}}.how-to-play-page{color:#fff;min-height:100vh;position:relative}.how-to-play-container{margin:0 auto;max-width:1200px;padding:100px 20px 40px;position:relative;z-index:2}.how-to-play-header{margin-bottom:50px;text-align:center}.how-to-play-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:15px}.how-to-play-header .subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.8}.mode-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.mode-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.mode-card h3{color:#4ade80;margin-bottom:15px}.mode-card ul{margin-top:15px;padding-left:20px}.mode-card li{margin-bottom:8px;opacity:.9}.guess-steps{counter-reset:step-counter;list-style:none;padding-left:0}.guess-steps li{counter-increment:step-counter;line-height:1.6;margin-bottom:20px;padding-left:60px;position:relative}.guess-steps li:before{align-items:center;background:linear-gradient(135deg,#4ade80,#22d3ee);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;left:0;position:absolute;top:0;width:40px}.feedback-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.feedback-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.color-guide{display:flex;flex-direction:column;gap:8px;margin-top:12px}.color-guide span{align-items:center;display:flex;font-size:.9rem;gap:8px}.correct{color:#4ade80}.incorrect{color:#ef4444}.higher{color:#f59e0b}.lower{color:#3b82f6}.strategy-section{margin-bottom:30px}.strategy-section ul{padding-left:20px}.strategy-section li{line-height:1.6;margin-bottom:10px;opacity:.9}.strategy-section strong{color:#fbbf24}.leagues-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.league-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.league-card h4{color:#4ade80;font-size:1.1rem;margin-bottom:12px}.beginner-tips{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.tip-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px;text-align:center}.tip-card h4{color:#22d3ee;margin-bottom:12px}.ready-to-play{text-align:center}.play-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.play-button{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;min-width:200px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.daily-button{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#fff}.daily-button:hover{box-shadow:0 10px 25px #4ade804d;transform:translateY(-2px)}.practice-button{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.practice-button:hover{box-shadow:0 10px 25px #f59e0b4d;transform:translateY(-2px)}@media (max-width:768px){.how-to-play-container{padding:80px 15px 30px}.how-to-play-header h1{font-size:2.5rem}.beginner-tips,.feedback-grid,.leagues-grid,.mode-grid{grid-template-columns:1fr}.play-buttons{align-items:center;flex-direction:column}.play-button{min-width:250px}}.about-page{color:#fff;min-height:100vh;position:relative}.about-container{margin:0 auto;max-width:1200px;padding:100px 20px 40px;position:relative;z-index:2}.about-header{margin-bottom:50px;text-align:center}.about-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:15px}.about-header .subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.8}.content-sections{display:flex;flex-direction:column;gap:40px}.content-sections section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:30px}.content-sections h2{align-items:center;color:#4ade80;display:flex;font-size:2rem;gap:10px;margin-bottom:20px}.content-sections h3{color:#22d3ee;font-size:1.5rem;margin-bottom:15px}.content-sections h4{color:#fbbf24;font-size:1.2rem;margin-bottom:10px}.content-sections p{font-size:1rem;line-height:1.7;margin-bottom:15px;opacity:.9}.story-highlights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.highlight{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px;text-align:center}.highlight h4{color:#4ade80;font-size:1.1rem;margin-bottom:10px}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.feature-card h3{align-items:center;color:#4ade80;display:flex;gap:8px;margin-bottom:15px}.league-details{display:flex;flex-direction:column;gap:25px;margin-top:20px}.league-detail-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.league-detail-card h3{color:#4ade80;font-size:1.3rem;margin-bottom:15px}.league-stats{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.league-stats span{background:#4ade8033;border:1px solid #4ade804d;border-radius:20px;color:#4ade80;font-size:.9rem;padding:5px 12px}.community-features{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.community-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:25px}.community-card h4{align-items:center;color:#22d3ee;display:flex;gap:8px;margin-bottom:15px}.future-goals{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.goal-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px;text-align:center}.goal-item h4{align-items:center;color:#fbbf24;display:flex;gap:8px;justify-content:center;margin-bottom:10px}.get-started-section{text-align:center}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.cta-button{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:200px;padding:15px 30px;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#fff}.cta-button.primary:hover{box-shadow:0 10px 25px #4ade804d;transform:translateY(-2px)}.cta-button.secondary{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.cta-button.secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.about-container{padding:80px 15px 30px}.about-header h1{font-size:2.5rem}.community-features,.features-grid,.story-highlights{grid-template-columns:1fr}.future-goals{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cta-buttons{align-items:center;flex-direction:column}.cta-button{min-width:250px}.league-stats{justify-content:center}}.privacy-policy-page{color:#fff;min-height:100vh;position:relative}.privacy-policy-container{margin:0 auto;max-width:900px;padding:100px 20px 40px;position:relative;z-index:2}.privacy-policy-header{margin-bottom:50px;text-align:center}.privacy-policy-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:15px}.policy-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:40px}.policy-section{margin-bottom:40px}.policy-section:last-child{margin-bottom:0}.policy-section h2{border-bottom:2px solid #4ade804d;color:#4ade80;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.policy-section h3{color:#22d3ee;font-size:1.3rem;margin:25px 0 15px}.policy-section p{font-size:1rem;line-height:1.7;margin-bottom:15px;opacity:.9}.policy-section ul{margin:15px 0;padding-left:25px}.policy-section li{line-height:1.6;margin-bottom:8px;opacity:.9}.policy-section li strong{color:#fbbf24}@media (max-width:768px){.privacy-policy-container{padding:80px 15px 30px}.privacy-policy-header h1{font-size:2.5rem}.policy-content{padding:25px}.policy-section h2{font-size:1.5rem}.policy-section h3{font-size:1.2rem}}.terms-of-service-page{color:#fff;min-height:100vh;position:relative}.terms-of-service-container{margin:0 auto;max-width:900px;padding:100px 20px 40px;position:relative;z-index:2}.terms-of-service-header{margin-bottom:50px;text-align:center}.terms-of-service-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:15px}.last-updated{font-size:1rem;font-style:italic;opacity:.7}.terms-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:40px}.terms-section{margin-bottom:40px}.terms-section:last-child{margin-bottom:0}.terms-section h2{border-bottom:2px solid #4ade804d;color:#4ade80;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.terms-section h3{color:#22d3ee;font-size:1.3rem;margin:25px 0 15px}.terms-section p{font-size:1rem;line-height:1.7;margin-bottom:15px;opacity:.9}.terms-section ul{margin:15px 0;padding-left:25px}.terms-section li{line-height:1.6;margin-bottom:8px;opacity:.9}.terms-section li strong{color:#fbbf24}.contact-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin:20px 0;padding:20px}.contact-info p{color:#22d3ee;font-family:Courier New,monospace;margin-bottom:8px}@media (max-width:768px){.terms-of-service-container{padding:80px 15px 30px}.terms-of-service-header h1{font-size:2.5rem}.terms-content{padding:25px}.terms-section h2{font-size:1.5rem}.terms-section h3{font-size:1.2rem}}
/*# sourceMappingURL=main.2df7dc2c.css.map*/