.main_header{border-bottom:2px solid #0055b6;border-radius:8px;color:#1a1a2e;margin-bottom:-20px;margin-left:auto;margin-right:auto;padding:1vw 1vw 8px;width:fit-content}*,.main_header{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,body{background:linear-gradient(135deg,#f0f2f5,#e8ecf3);background-attachment:fixed;margin:0;min-height:100vh;padding:0}.welcome_overlay{animation:fadeIn .8s ease-in;background:#0a1628eb;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}.welcome_box,.welcome_overlay{align-items:center;display:flex}.welcome_box{animation:slideUp .8s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a3a6b66;border:1px solid #4a90e2;border-radius:16px;flex-direction:column;gap:1.5rem;padding:3rem 4rem;text-align:center}.welcome_title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin:0}.welcome_title span{color:#4a90e2}.welcome_sub{color:#aac4e8;font-size:1.1rem;font-weight:300;letter-spacing:.5px;margin:0}.welcome_btn{background:#4a90e2;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:.75rem 2.5rem;transition:background .2s,transform .2s}.welcome_btn:hover{background:#2d6bc4;transform:scale(1.05)}.welcome_title{animation:slideUp .8s ease forwards}.welcome_sub{animation:slideUp .8s ease .3s forwards;opacity:0}.welcome_btn{animation:slideUp .8s ease .6s forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}body{background-color:#eee}.games_wrapper{box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:10vh;max-width:100%;padding:2vw}#games_list{display:flex;flex-wrap:wrap;font-size:clamp(.8rem,2vw,1rem);gap:2rem;list-style:none;margin:0;padding:0}#games_list,#games_list li{align-items:center;justify-content:center}#games_list li{background-color:#f1f1f1;border:2px solid #eee;border-radius:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;cursor:pointer;flex-basis:calc(33.333% - 2rem);flex-grow:0;flex-shrink:0;flex-wrap:nowrap;gap:1vw;margin-bottom:10px;transition:background-color .3s ease,transform .3s ease,color .3s ease}@media (max-width:900px){#games_list li{flex-basis:calc(50% - 2rem)}}@media (max-width:795px){#games_list li{flex-basis:100%}}.game_card_appear{animation:cardSlideUp .5s ease forwards;opacity:0}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0) scale(1)}}#games_list li:hover{background:#4a90e214;border:2px solid #4a90e2;transform:scale(1.04)}#logo_wrapper{gap:1vw;height:100%;width:100%}#detail_wrapper,#logo_wrapper{align-items:center;display:flex;justify-content:center}img{border-radius:50%;height:clamp(70px,10vh,400px);height:auto;margin:2vw;max-height:70px;object-fit:cover;width:clamp(70px,10vw,400px);width:auto}@media (max-width:796px) and (min-width:550px){.first_team{margin-right:27vw}.V_symbol{display:none}.team_name1{margin-right:27vw}.last_team,.team_name2{margin-left:27vw}}.game_status{align-items:center;background-color:#4a90e2;border:1px solid #2d6bc4;border-radius:10px;color:#fff;display:flex;font-size:.6rem;font-weight:600;justify-content:center;margin:0 auto 5px;padding:3px 6px 4px;width:fit-content}.game_status:hover{background-color:#2d6bc4;border:1px solid #1a3a6b}.game_date{font-size:.85rem}.game_date,.loading_overlay{align-items:center;display:flex;justify-content:center}.loading_overlay{background:#00000080;color:#fff;flex-direction:column;font-size:1.2rem;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading_spinner{animation:spin 1s linear infinite;border:5px solid #fff3;border-radius:50%;border-top-color:#4a90e2;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.focused_game{align-items:center;display:flex;flex-direction:column;margin-left:-2rem;padding:2rem;width:100%}.back_button{align-self:flex-start;background:none;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;margin-left:.3rem;padding:.4rem .9rem;transition:background .2s,color .2s}.back_button:hover{background:#333;color:#fff}.focused_meta{color:#aaa;display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:2rem}.focused_matchup{align-items:center;animation:aboutSlideUp .7s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;justify-content:space-between;max-width:800px;padding:2rem 0;width:100%}@keyframes matchupSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.focused_matchup{flex-direction:column}}.focused_team{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;transition:border-color .25s,background .25s,transform .25s;width:220px}.focused_team.team_hovered{background:#4a90e214;border-color:#4a90e2;transform:scale(1.04)}.focused_logo{border-radius:50%;height:clamp(70px,10vh,400px);height:auto;margin:2vw;max-height:70px;object-fit:cover;width:clamp(70px,10vw,400px);width:auto}.focused_team_name{font-size:1.1rem;font-weight:600;text-align:center}.focused_team_label{color:#888;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.focused_vs{color:#555;flex-shrink:0;font-size:2rem;font-weight:700}#vs_prediction_view{animation-delay:2s;animation:appear .5s ease-in forwards;opacity:0}.prediction_matchup{align-items:flex-end;display:flex;justify-content:space-between;max-width:800px;padding:2rem 0;width:100%}.pred_team{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:220px}.bar_track{align-items:flex-end;background:#e0e0e0;border-radius:8px;display:flex;height:150px;overflow:hidden;width:60px}.bar_fill{border-radius:6px;height:0;transition:height 1.5s ease-out;width:100%}.bar_pct{animation:appear .5s ease-in forwards;color:#333;font-size:1rem;font-weight:600;opacity:0}@keyframes appear{0%{opacity:0}to{opacity:1}}.no_games{color:#888;font-size:1rem;margin-top:3rem;text-align:center;width:100%}.wi_overlay{align-items:center;animation:fadeIn .2s ease;background:#000000a6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}.wi_panel{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);background:#0f1923;border:1px solid #2a4a7f;border-radius:16px;box-shadow:0 24px 60px #0009;display:flex;flex-direction:column;max-height:82vh;max-width:760px;overflow:hidden;width:90%}.wi_header{align-items:center;background:#0a1628;border-bottom:1px solid #1e3a5f;display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.wi_title{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px}.wi_close{background:none;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-size:1.1rem;padding:4px 10px;transition:color .2s,background .2s}.wi_close:hover{background:#1e3a5f;color:#fff}.wi_subtitle{border-bottom:1px solid #1e3a5f;color:#7a9cc4;font-size:.75rem;margin:0;padding:.6rem 1.5rem}.wi_col,.wi_teams{display:flex;flex:1 1;overflow:hidden}.wi_col{flex-direction:column}.wi_col_header{align-items:center;display:flex;font-size:.78rem;font-weight:700;justify-content:space-between;letter-spacing:1px;padding:.7rem 1.2rem;text-transform:uppercase}.away_col_header{background:#4a90e214;color:#4a90e2}.home_col_header{background:#1d9e7514;color:#1d9e75}.wi_col_tag{background:#ffffff14;border-radius:4px;color:#888;font-size:.6rem;font-weight:400;padding:2px 6px}.wi_player_list{flex:1 1;overflow-y:auto;padding:.4rem .6rem}.wi_player{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.6rem;margin-bottom:2px;padding:.45rem .8rem;transition:background .15s}.wi_player:hover{background:#ffffff0d}.wi_official{cursor:not-allowed;opacity:.65}.wi_user{background:#f39c121a}.wi_dot{background:#2ecc71;border-radius:50%;flex-shrink:0;height:8px;transition:background .2s;width:8px}.wi_official .wi_dot{background:#e74c3c}.wi_user .wi_dot{background:#f39c12}.wi_name{color:#ccc;flex:1 1;font-size:.8rem}.wi_badge{border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:2px 6px}.wi_badge_official{background:#e74c3c33;color:#e74c3c}.wi_badge_user{background:#f39c1233;color:#f39c12}.wi_footer{background:#0a1628;border-top:1px solid #1e3a5f;display:flex;gap:.8rem;justify-content:flex-end;padding:1rem 1.5rem}.wi_reset{background:none;border:1px solid #2a4a7f;border-radius:8px;color:#7a9cc4;cursor:pointer;font-size:.85rem;padding:.5rem 1.2rem;transition:all .2s}.wi_reset:hover{border-color:#4a90e2;color:#4a90e2}.wi_submit{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;transition:background .2s,transform .2s}.wi_submit:hover{background:#2d6bc4;transform:scale(1.02)}.wi_loading{color:#555;font-size:.8rem;padding:1rem;text-align:center}.wi_divider{background:#1e3a5f;width:1px}@media (max-width:600px){.wi_teams{flex-direction:column}.wi_divider{height:1px;width:100%}}.about-page{align-items:center;background:linear-gradient(135deg,#1a3a6b,#0a1628);background-attachment:fixed;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.about-card{animation:aboutSlideUp 1s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border-radius:16px;box-shadow:0 10px 30px #0003;margin-top:0;max-width:700px;padding:clamp(1rem,4vw,2.5rem);width:100%}@keyframes aboutSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.about-title{color:#2d6bc4;font-size:clamp(1.4rem,4vw,2rem);margin-bottom:1rem;text-align:center}.about-text{color:#333;font-size:clamp(.85rem,2vw,1rem);line-height:1.6;margin-bottom:1rem}.about-footer{color:#2d6bc4;font-weight:700;margin-top:1.5rem;text-align:center}.navbar{align-items:center;background-color:#eee;background-color:#1a1a2e;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem 2rem;width:100%}.nav_logo .logo_img{height:50px;object-fit:contain;width:50px}.nav_logo span{color:#4a90e2;font-family:Segoe UI,sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:1px}.desktop_links,.nav_links{display:flex;gap:1rem}.nav_btn{background:none;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;padding:.4rem 1rem;transition:background .2s,color .2s}.nav_btn:hover{background:#1a1a2e;color:#fff}#home_btn:hover{background:#4a90e2;color:#fff}.history_dropdown{background-color:#1a1a2e;border:1px solid #4a90e2;border-radius:12px 0 0 12px;box-shadow:-4px 4px 20px #0000004d;color:#000;max-height:80vh;overflow-y:auto;padding:16px;position:absolute;right:0;top:55px;width:320px;z-index:1000}.history_dropdown span{color:#aaa;font-size:.9rem;text-align:center}.history_item{align-items:center;background-color:#252540;border:1px solid #333;border-radius:8px;color:#fff;display:flex;font-size:.85rem;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.history_item span:first-child{color:#ccc;flex:1 1;font-size:.78rem}@media (max-width:600px){.history_dropdown{border-radius:0;left:0;right:0;width:100vw}}.mobile_menu_btn{background:none;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:1.3rem;padding:4px 10px}@media (max-width:500px){.mobile_menu_btn{display:block}.desktop_links{display:none}.mobile_dropdown{background-color:#0a1628;border:1px solid #4a90e2;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:8px;min-width:150px;padding:10px;position:absolute;right:0;top:55px;z-index:999}}
/*# sourceMappingURL=main.aff96e9b.css.map*/