.game-footer{display:flex;justify-content:space-between;font-size:.85rem}.two-column-layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:900px){.two-column-layout{flex-direction:row;gap:3rem;align-items:flex-start}}.left-column,.right-column{flex:1 1 0;min-width:0}@media(min-width:900px){.left-column{max-width:48%}}@media(min-width:900px){.right-column{max-width:52%}}.page-roster .header{background:linear-gradient(135deg,#050810,#1a1f3a);border-bottom:2px solid rgba(0,212,255,.3);padding:4rem 1rem 2rem;box-shadow:0 8px 32px #00d4ff1a;position:relative;overflow:hidden}.page-roster .header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.page-roster .header-content{max-width:1200px;margin:0 auto;position:relative;z-index:1;text-align:center}.page-roster .title{font-size:2.5rem;font-weight:900;background:linear-gradient(280deg,#00d4ff,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.5px;text-align:center}@media(max-width:768px){.page-roster .title{font-size:1.8rem}}.page-roster .subtitle{color:#00d4ff;font-size:1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.roster-section{width:100%}.roster-flag{font-size:3rem;margin-bottom:.5rem;display:block;text-align:center}.coach-info{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.coach-info h2{font-size:1.2rem;color:#00d4ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.coach-info p{font-size:1.5rem;color:#fff;font-weight:700}.roster-container{width:100%}.position-group{margin-bottom:2rem}.position-title{font-size:1.3rem;color:#00d4ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,212,255,.3)}.players-grid{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}@media(max-width:768px){.players-grid{grid-template-columns:1fr}}.player-card{width:100%;max-width:100%;min-width:0;margin:0;background:#1a1f3ad9;border:1px solid rgba(0,212,255,.18);border-radius:16px;box-shadow:0 4px 24px #00d4ff14;padding:1.5rem 2rem;display:flex;align-items:center;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.player-card:hover{border-color:#00d4ff;box-shadow:0 8px 32px #00d4ff26;transform:translateY(-2px) scale(1.01)}@media(min-width:600px){.player-card{max-width:900px;margin-left:auto;margin-right:auto}}.player-row{display:flex;align-items:center;width:100%;gap:2rem}.player-number{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:60px;text-align:center;margin-right:1.5rem}.player-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.player-name{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .1rem}.player-position{font-size:.95rem;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .1rem}.player-league,.player-team{font-size:.95rem;color:#b4bcd4;margin:0}.player-league span,.player-team span{color:#fff;font-weight:600}.no-roster{font-size:1.3rem;color:#fff;margin-bottom:1.5rem;text-align:center}.footer{background:linear-gradient(135deg,#050810cc,#1a1f3a99);border-top:1px solid rgba(0,212,255,.2);padding:2rem 1rem;text-align:center;color:#7c8aa6;font-size:.9rem;margin-top:auto}.footer p{max-width:1200px;margin:.5rem auto}.footer-credit{font-size:.85rem;color:#00d4ff;font-weight:600;margin-top:.75rem}.schedule-modal{display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:1000}.schedule-modal>.modal-header,.schedule-modal>.modal-body{min-width:350px;max-width:500px;width:100%}.schedule-modal .modal-header{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 2rem 1rem;background:#1a1f3a;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;font-size:1.75rem;position:relative}.schedule-modal .modal-header>div:first-child{display:flex;align-items:center;justify-content:space-between;width:100%}.schedule-modal .modal-header .modal-title{font-weight:700}.schedule-modal .modal-header .modal-subtitle{font-size:.95rem;color:#888;margin-top:.25rem}.schedule-modal .modal-header .modal-close{font-size:1.5rem;cursor:pointer}.schedule-modal .modal-body{background:#0a0e27;padding:1rem 2rem 2rem;border-bottom-left-radius:12px;border-bottom-right-radius:12px;max-height:60vh;overflow-y:auto}.schedule-modal .empty{color:#888;text-align:center;margin:2rem 0}.schedule-modal .date-segment{margin-bottom:2rem}.schedule-modal .date-header{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.schedule-modal .game-cards{display:flex;flex-direction:column;gap:1rem}.schedule-modal .schedule h2{margin-bottom:1rem}.schedule-modal .schedule ul{list-style:none;padding:0}.schedule-modal .schedule ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;background:#f7f7f7;padding:.5rem 1rem;border-radius:4px}.schedule-modal .schedule ul li button{background:#d32f2f;color:#fff;border:none;border-radius:3px;padding:.25rem .75rem;cursor:pointer}.schedule-modal .schedule ul li button:hover{background:#b71c1c}.topnav{display:flex;align-items:center;justify-content:space-between;width:100%;background:#1a2332;color:#fff;box-shadow:0 2px 8px #00000014;padding:0;position:fixed;top:0;z-index:100}.topnav a{text-decoration:none}.topnav .header-badge{display:inline-block;background:#00d4ff26;border:2px solid #00d4ff;color:#00d4ff;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 20px #00d4ff33}.topnav .topnav-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 2rem}.topnav .topnav-content .topnav-left{display:flex;align-items:center;gap:1.2rem}.topnav .topnav-content .header-badge{display:inline-block;background:#00d4ff26;border:2px solid #00d4ff;color:#00d4ff;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 20px #00d4ff33}.topnav .topnav-content .title{font-size:1.3rem;font-weight:600;margin:0}.topnav .topnav-content .topnav-right{display:flex;align-items:center;gap:1.5rem}.topnav .topnav-content .main-nav{display:flex;align-items:center;gap:1rem}.topnav .topnav-content .subtitle{margin:0;padding:.2rem 2rem .5rem;font-size:1rem;color:#b0b8c1;background:#1a2332}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#0a0e27;color:#fff;overflow-x:hidden}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e27;color:#fff}input{font-family:inherit}::selection{background-color:#00d4ff4d;color:#fff}::-moz-selection{background-color:#00d4ff4d;color:#fff}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0e27;background-image:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.1) 0%,transparent 50%)}.text-gradient{background:linear-gradient(280deg,#00d4ff,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;letter-spacing:-.5px;text-align:center}@media(max-width:768px){.title{font-size:1.8rem}}.subtitle{color:#00d4ff;font-size:1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:5rem 1rem 2rem}@media(max-width:768px){.main-content{padding:5rem 1rem 1rem}}.control-panel{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000004d}@media(max-width:768px){.control-panel{padding:1.5rem}}.controls-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media(max-width:768px){.controls-wrapper{grid-template-columns:1fr;gap:1.5rem}}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-label{font-size:.9rem;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:1px}.button-group{display:flex;gap:.75rem;flex-wrap:wrap}button{font-family:inherit;cursor:pointer}.button,.button-tertiary,.button-secondary,.button-primary{display:inline-block;padding:.5rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease}.button-primary{background:linear-gradient(135deg,#00d4ff,#6366f1);border:none;color:#0a0e27;box-shadow:0 0 16px #00d4ff33}.button-primary:hover{box-shadow:0 0 20px #00d4ff66}.button-secondary{background:transparent;border:2px solid rgba(0,212,255,.5);color:#00d4ff}.button-secondary:hover{border-color:#00d4ff;background:#00d4ff1a;box-shadow:0 0 16px #00d4ff33}.button-tertiary{background:transparent;border:2px solid transparent;color:#b4bcd4}.button-tertiary:hover{background:#1a1f3a;color:#00d4ff;box-shadow:0 0 16px #00d4ff33}.button-icon-only{height:40px;width:40px;padding:.25rem;font-weight:400}.button-round{border-radius:999.9px}.button-selected{background:linear-gradient(135deg,#00d4ff,#6366f1);color:#0a0e27;box-shadow:0 0 16px #00d4ff33;border:none}.button-selected:hover{color:#0a0e27;background:linear-gradient(135deg,#00d4ff 50%,#6366f1);box-shadow:0 0 20px #00d4ff66;transform:scale(1.05)}.button-badge{display:inline-flex;align-items:center;justify-content:center;background:#00d4ff;color:#0a0e27;font-size:.85rem;font-weight:700;border-radius:50%;width:1.5em;height:1.5em;margin-left:.5em;box-shadow:0 1px 4px #0000001a;vertical-align:middle;transition:background .2s}.filter-btn{flex:1;min-width:80px;padding:.75rem 1rem;background-color:#050810;border:2px solid #2d3748;color:#b4bcd4;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.filter-btn:hover{border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 16px #00d4ff33}.filter-btn.active{background:linear-gradient(135deg,#00d4ff,#6366f1);border-color:#00d4ff;color:#0a0e27;font-weight:700;box-shadow:0 0 20px #00d4ff66}.search-input{padding:.75rem 1rem;background-color:#050810;border:2px solid #2d3748;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input::placeholder{color:#7c8aa6}.search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 16px #00d4ff33}.country-select{padding:.75rem 1rem;background-color:#050810;border:2px solid #2d3748;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;cursor:pointer}.country-select option{background-color:#050810;color:#fff}.country-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 16px #00d4ff33}.country-select:hover{border-color:#00d4ff}.toggle-container{display:flex;align-items:center;gap:.75rem}.toggle-label-left,.toggle-label-right{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7c8aa6;flex-shrink:0}.toggle-label-left{min-width:45px;text-align:right}.toggle-label-right{min-width:45px;text-align:left}.toggle-checkbox:checked~.toggle-label-left{color:#7c8aa6}.toggle-checkbox:checked~.toggle-label-right{color:#00d4ff}.toggle-checkbox:not(:checked)~.toggle-label-left{color:#00d4ff}.toggle-checkbox:not(:checked)~.toggle-label-right{color:#7c8aa6}.toggle-checkbox{display:none}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;background-color:#050810;border:2px solid #2d3748;border-radius:28px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:all .3s ease}.toggle-switch:hover{border-color:#00d4ff;box-shadow:0 0 12px #00d4ff33}.toggle-checkbox:checked+.toggle-switch{background:linear-gradient(135deg,#00d4ff,#6366f1);border-color:#00d4ff;box-shadow:0 0 16px #00d4ff4d}.toggle-checkbox:checked+.toggle-switch:after{left:26px}.games-section{width:100%}.games-count{font-size:.9rem;color:#b4bcd4;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.games-by-date{display:flex;flex-direction:column;gap:2.5rem}.date-section{display:flex;flex-direction:column;gap:1.5rem}.date-divider{display:flex;align-items:center;gap:1rem;margin-top:1rem}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent)}.date-header{font-size:1.2rem;font-weight:700;color:#00d4ff;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;padding:0 .5rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media(max-width:768px){.games-grid{grid-template-columns:1fr}}.no-games{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:#1a1f3a66;border:2px dashed rgba(0,212,255,.2);border-radius:12px}.no-games-text{font-size:1.5rem;color:#fff;margin-bottom:.5rem;font-weight:600}.no-games-hint{color:#7c8aa6;font-size:1rem}.game-card{background:#1a1f3a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem}.round-badge{font-size:.75rem;font-weight:700;color:#0a0e27;background:#6366f1;padding:.4rem .8rem;border-radius:99.9px;text-transform:uppercase;letter-spacing:.5px}.gender-badge{font-size:.75rem;font-weight:700;color:#0a0e27;background:#3b82f6;padding:.4rem .8rem;text-transform:uppercase;letter-spacing:.5px;border-radius:99.9px}.gender-badge.women{background:#ec4899}.game-date{font-size:.85rem;color:#7c8aa6;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.game-time{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.game-matchup{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-grow:1}.team{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:all .3s ease;padding:.75rem;border-radius:8px;text-decoration:none;color:inherit;background:none;border:none}.team:hover .team-flag,.team:hover .team-name{opacity:.9}.team:focus{outline:2px solid #00d4ff;outline-offset:2px}.team:focus .team-flag{opacity:.9}.team:focus .team-name{opacity:.9}.team-flag{font-size:2rem;line-height:1}.team-name{font-size:1.1rem;font-weight:700;color:#fff;text-align:center;word-break:break-word}.vs{font-size:.8rem;color:#7c8aa6;font-weight:600;text-transform:uppercase;min-width:30px;text-align:center}.game-details{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.detail{display:flex;justify-content:space-between;font-size:.85rem}.detail-value{color:#b4bcd4}.footer{background:linear-gradient(135deg,#050810cc,#1a1f3a99);border-top:1px solid rgba(0,212,255,.2);padding:2rem 1rem;text-align:center;color:#7c8aa6;font-size:.85rem;margin-top:auto}.footer p{color:#00d4ff;font-weight:600;margin-top:.75rem;max-width:1200px;margin:.5rem auto}.footer a{color:#00d4ff}.footer a:hover{opacity:.8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6366f1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-card{animation:fadeIn .5s ease-out}.game-card:nth-child(1){animation-delay:.05s}.game-card:nth-child(2){animation-delay:.1s}.game-card:nth-child(3){animation-delay:.15s}.game-card:nth-child(4){animation-delay:.2s}.game-card:nth-child(5){animation-delay:.25s}.game-card:nth-child(6){animation-delay:.3s}.game-card:nth-child(7){animation-delay:.35s}.game-card:nth-child(8){animation-delay:.4s}.game-card:nth-child(9){animation-delay:.45s}.game-card:nth-child(10){animation-delay:.5s}.game-card:nth-child(11){animation-delay:.55s}.game-card:nth-child(12){animation-delay:.6s}.header{background:linear-gradient(135deg,#050810,#1a1f3a);border-bottom:2px solid rgba(0,212,255,.3);padding:2rem 1rem;box-shadow:0 8px 32px #00d4ff1a;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.header-content{max-width:1200px;margin:0 auto;position:relative;z-index:1;text-align:center}