@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--wc-green:#00ff5b;--wc-purple:#4600e8;--wc-pink:#ff007f;--wc-blue:#00d2ff;--wc-orange:#ff5e00;--bg-color:#05050a;--card-bg:#0a0a12d9;--card-border:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8;--accent-color:var(--wc-green);--live-color:var(--wc-pink);--glass-shadow:0 10px 40px -10px #4600e833;--glass-blur:blur(20px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 0 0,#4600e84d 0%,#0000 40%),radial-gradient(circle at 100% 0,#00ff5b33 0%,#0000 40%),radial-gradient(circle at 50% 100%,#ff007f33 0%,#0000 50%),radial-gradient(circle at 100% 100%,#00d2ff33 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif}h1,h2,h3,.team-score,.tab-button,.col-pts{font-family:Outfit,sans-serif}.glass{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);border-radius:20px}#root{max-width:1200px;margin:0 auto;padding:2rem}@keyframes pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #ec489966}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #ec489900}to{opacity:1;transform:scale(1);box-shadow:0 0 #ec489900}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.live-indicator{background-color:var(--live-color);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.5s infinite pulse;display:inline-block}.carousel-container{border-bottom:1px solid var(--card-border);z-index:50;background:#00000080;align-items:center;width:100vw;height:60px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.carousel-track{width:max-content;animation:40s linear infinite scroll-carousel;display:flex}.carousel-track:hover{animation-play-state:paused}@keyframes scroll-carousel{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-item{cursor:pointer;justify-content:center;align-items:center;width:80px;transition:transform .2s;display:flex}.carousel-item:hover{transform:scale(1.2)}.carousel-flag{object-fit:contain;border-radius:4px;width:45px;height:auto;box-shadow:0 2px 5px #00000080}.fallback-avatar{background:var(--wc-purple);color:#fff;letter-spacing:1px;border-radius:4px;justify-content:center;align-items:center;width:45px;height:30px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 2px 5px #00000080}.fallback-avatar-sm{background:var(--wc-purple);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:36px;height:24px;font-size:.7rem;font-weight:800;display:flex}.app-header{text-align:center;margin-top:4rem;margin-bottom:3rem}.timezone-clock-container{border:1px solid var(--card-border);z-index:100;background:#0a0a0fcc;border-radius:99px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:absolute;top:calc(60px + 1.5rem);right:2rem;box-shadow:0 4px 15px #0000004d}.live-clock{color:var(--wc-green);letter-spacing:.05em;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;display:flex}.timezone-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-left:1px solid #ffffff1a;outline:none;padding-left:.5rem;font-family:Inter,sans-serif;font-size:.9rem}.timezone-select option{background:var(--bg-color);color:var(--text-primary)}.header-logo{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.trophy-icon{color:var(--wc-purple);filter:drop-shadow(0 0 10px #8b5cf680)}.app-header h1{text-transform:uppercase;letter-spacing:-.04em;background:linear-gradient(135deg, var(--wc-green), var(--wc-blue), var(--wc-purple), var(--wc-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px #00ff5b4d);-webkit-background-clip:text;margin-bottom:.5rem;font-size:4.5rem;font-weight:900;line-height:1}.app-header p{color:var(--text-primary);letter-spacing:.2em;text-transform:uppercase;opacity:.9;font-size:1.2rem;font-weight:600}.tabs-container{justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.tab-button{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;border-radius:99px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.tab-button:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-2px)}.tab-button.active{color:#fff;border-color:var(--wc-purple);background:#4600e833;box-shadow:0 0 20px #4600e866,inset 0 0 10px #4600e833}.filter-bar{border:1px solid var(--card-border);background:#0000004d;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;display:flex}.filter-input,.filter-select{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.875rem 1.5rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.filter-input:focus,.filter-select:focus{border-color:var(--wc-blue);background:#ffffff14;box-shadow:0 0 0 3px #3b82f626}.filter-select option{background-color:var(--bg-color);color:var(--text-primary)}.date-header{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #ffffff0d;align-items:center;gap:.75rem;margin:3rem 0 1.5rem;padding-bottom:.75rem;font-size:1.8rem;font-weight:600;display:flex}.date-header:before{content:"";background:var(--wc-blue);width:12px;height:12px;box-shadow:0 0 10px var(--wc-blue);border-radius:50%;display:block}.match-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.match-card{cursor:pointer;background:linear-gradient(#ffffff0d 0%,#0006 100%);border:1px solid #ffffff0d;padding:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.match-card:before{content:"";background:linear-gradient(90deg, var(--wc-green), var(--wc-blue));opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.match-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px -10px #00ff5b26}.match-card:hover:before{opacity:1}.match-card-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:flex}.match-status{background:#ffffff0d;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;display:flex}.clock-icon{color:var(--text-secondary)}.match-status.live{color:var(--live-color);background:#ec48991a;border:1px solid #ec489933}.match-group{color:var(--wc-green)}.match-teams{flex-direction:column;gap:1.25rem;display:flex}.team-row{justify-content:space-between;align-items:center;display:flex}.team-info{align-items:center;gap:1.25rem;display:flex}.team-flag-img{object-fit:contain;border-radius:4px;width:40px;height:auto;box-shadow:0 2px 5px #0000004d}.fallback-flag,.fallback-flag-sm{color:var(--text-secondary);opacity:.5}.team-name{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.team-score{text-align:right;color:#fff;text-shadow:0 2px 10px #00000080;min-width:3rem;font-size:2.5rem;font-weight:900;line-height:1}@keyframes scoreHighlight{0%{color:var(--text-primary);transform:scale(1)}50%{color:var(--wc-green);text-shadow:0 0 15px var(--wc-green);transform:scale(1.3)}to{color:var(--text-primary);transform:scale(1)}}.score-updated{animation:1s ease-in-out scoreHighlight}.standings-container{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2.5rem;display:grid}.group-title{color:var(--wc-purple);text-align:left;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.25rem;font-size:2rem;font-weight:800}.table-responsive{border:1px solid var(--card-border);background:#0a0a0f99;border-radius:16px;overflow-x:auto}.standings-table{border-collapse:collapse;text-align:center;width:100%;font-size:.95rem}.standings-table th,.standings-table td{border-bottom:1px solid #ffffff0d;padding:1.25rem .75rem}.standings-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;background:#0006;font-size:.75rem;font-weight:600}.standings-table tr:hover{background:#ffffff08}.col-team{text-align:left;align-items:center;gap:1rem;font-weight:600;display:flex}.team-flag-sm{object-fit:contain;border-radius:2px;width:28px;height:auto;box-shadow:0 1px 3px #0000004d}.team-name-text{font-size:1.05rem}.col-rank{width:50px;color:var(--text-secondary);font-weight:600}.col-pts{color:var(--wc-blue);font-size:1.1rem;font-weight:800}@media (width<=1024px){.match-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.standings-container{grid-template-columns:1fr}}@media (width<=768px){#root{padding:1rem}.app-header h1{font-size:2.5rem}.app-header p{font-size:1rem}.tabs-container{flex-wrap:wrap;gap:.5rem}.tab-button{flex:auto;justify-content:center;padding:.6rem 1.2rem;font-size:1rem}.hide-mobile{display:none}.filter-bar{flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-input,.filter-select{width:100%}.timezone-clock-container{border-radius:16px;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;position:relative;top:0;right:0}.match-list{grid-template-columns:1fr}.match-card{padding:1.25rem}.team-name{font-size:1.1rem}.team-score{font-size:1.75rem}.date-header{margin:2rem 0 1rem;font-size:1.4rem}.group-title{font-size:1.6rem}}@media (width<=480px){.app-header h1{font-size:2rem}.timezone-clock-container{text-align:center;flex-direction:column;gap:.5rem}.live-clock{font-size:1rem}.team-info{gap:.75rem}.team-flag-img{width:30px;height:30px}.team-name{font-size:1rem}.team-score{font-size:1.5rem}.standings-table th,.standings-table td{padding:.75rem .4rem;font-size:.85rem}.team-name-text{font-size:.9rem}.col-pts{font-size:1rem}}