*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eef2ff;background:#050b12;min-height:100svh;margin:0;font-family:Figtree,system-ui,sans-serif}body:before{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;position:fixed;inset:0}#root{min-height:100svh}:root{--bg:#050b12;--surface:#0a1525;--surface-2:#0e1d35;--border:#162035;--border-2:#1e2f4a;--text:#eef2ff;--text-2:#8ba4c8;--text-3:#4a6480;--green:#00ff87;--green-dim:#00ff871a;--green-glow:0 0 20px #00ff8740;--red:#f36;--red-dim:#ff33661f;--gold:#fbbf24;--font-display:"Bebas Neue", sans-serif;--font-body:"Figtree", system-ui, sans-serif;--radius:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}.app{max-width:1280px;margin:0 auto;padding:0 1.25rem 4rem}.app-header{text-align:center;padding:3rem 1rem 2.5rem;position:relative}.app-header:after{content:"";background:var(--green);width:60px;height:2px;box-shadow:var(--green-glow);margin:1.5rem auto 0;display:block}.app-header h1{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);text-transform:uppercase;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:.95}.app-header h1 span{color:var(--green);display:block}.subtitle{font-family:var(--font-body);color:var(--text-3);letter-spacing:.15em;text-transform:uppercase;margin-top:.6rem;font-size:.78rem;font-weight:600}.team-row{justify-content:center;align-items:center;gap:.75rem;margin-top:.85rem;margin-bottom:1.25rem;display:flex}.team-picker{display:inline-block;position:relative}.team-picker-trigger{border:1px solid var(--border);color:var(--text-3);font-size:.72rem;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.team-picker-trigger:hover{border-color:var(--accent);color:var(--accent)}.team-picker-selected{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .45rem;display:inline-flex}.team-picker-crest{object-fit:contain;width:20px;height:20px}.team-picker-name{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.72rem;font-weight:700}.team-picker-change,.team-picker-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:.1rem;transition:color .15s;display:flex}.team-picker-change:hover{color:var(--accent)}.team-picker-clear:hover{color:var(--red,#ff4d4d)}.team-picker-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:200;width:340px;max-width:90vw;padding:.75rem;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.team-picker-grid{grid-template-columns:repeat(8,1fr);gap:.3rem;display:grid}.team-picker-item{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .2rem;transition:background .15s,border-color .15s;display:flex}.team-picker-item:hover{background:var(--surface-2)}.team-picker-item.active{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.team-picker-item-crest{object-fit:contain;width:24px;height:24px}.team-picker-item-tla{letter-spacing:.05em;color:var(--text-3);text-transform:uppercase;font-size:.5rem;font-weight:700}.app-section{margin-top:4rem}.section-header{align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.section-tag{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--green);background:var(--green-dim);border:1px solid #00ff8733;border-radius:4px;padding:.2rem .55rem;font-size:.65rem;font-weight:700}.section-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:1}.section-header--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.section-chevron{color:var(--text-3);flex-shrink:0;margin-left:auto;transition:transform .25s}.section-chevron--open{transform:rotate(180deg)}.section-subtitle-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-subtitle{color:var(--text-3);letter-spacing:.01em;margin-bottom:0;font-size:.8rem;font-weight:500}.section-divider{background:linear-gradient(90deg, var(--green) 0%, transparent 40%);opacity:.35;width:100%;height:1px;margin-bottom:1.5rem}.state-message{text-align:center;color:var(--text-3);padding:3rem;font-size:.95rem}.state-message.error{color:var(--red)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{background:linear-gradient(90deg, var(--surface) 25%, var(--border-2) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite shimmer}.match-card--skeleton{pointer-events:none}.match-card--skeleton:before{background:var(--border)}.skel--chip{width:4.5rem;height:1.1rem}.skel--date{width:6rem;height:.8rem}.skel--crest{border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.skel--name{width:5rem;height:.85rem;margin-top:.3rem}.skel--score{width:3rem;height:1.4rem}.skel--venue{width:70%;height:.75rem;margin-top:.75rem}.next-match-btn{background:var(--green-dim);color:var(--green);letter-spacing:.04em;cursor:pointer;border:1px solid #00ff8733;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.4rem .85rem;font-size:.75rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.next-match-btn:hover{background:#00ff871f;border-color:#00ff8766}.schedule-search{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.45rem .75rem;transition:border-color .2s;display:flex}.schedule-search:focus-within{border-color:var(--green)}.schedule-search-icon{color:var(--text-3);flex-shrink:0}.schedule-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.schedule-search input::placeholder{color:var(--text-3)}.schedule-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.schedule-search-clear:hover{color:var(--text)}.date-group{margin-bottom:2rem}.date-group-header{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.4rem;font-size:.7rem;font-weight:700}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem;display:grid}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.match-card:before{content:"";background:var(--border-2);height:3px;transition:background .2s;display:block}.match-card.live:before{background:var(--red);animation:1.8s ease-in-out infinite pulse-bar}.match-card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 12px 32px #0006}.match-card-body{padding:1rem 1.1rem .9rem}.match-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.match-status{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:4px;padding:.18rem .5rem;font-size:.62rem;font-weight:700}.match-status.live{color:var(--red);background:var(--red-dim);border:1px solid #ff336640}.match-status.finished{color:var(--text-3);border:1px solid var(--border);background:#4a64801f}.match-status.upcoming{color:var(--green);background:var(--green-dim);border:1px solid #00ff8733}.match-date{color:var(--text-3);text-align:right;font-size:.75rem;font-weight:500;line-height:1.4}.match-teams{align-items:center;gap:.5rem;display:flex}.team{flex-direction:column;flex:1;align-items:center;gap:.45rem;display:flex}.team-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #0006);width:40px;height:40px}.team-name{text-align:center;color:var(--text-2);letter-spacing:.02em;font-size:.75rem;font-weight:600}.score{font-family:var(--font-display);letter-spacing:.04em;min-width:90px;color:var(--text);justify-content:center;align-items:center;gap:.25rem;font-size:2.2rem;font-weight:400;display:flex}.score-sep{color:var(--text-3);margin-bottom:2px;font-size:1.4rem}.score .winner{color:var(--green)}.score-tbd{font-family:var(--font-body);color:var(--text-3);letter-spacing:.06em;font-size:.85rem;font-weight:600}.match-venue{color:var(--text-3);text-align:center;letter-spacing:.04em;margin-top:.7rem;font-size:.68rem;font-weight:500}.match-stadium{color:var(--text-2);margin-top:.25rem}.match-venue-time{color:var(--accent);font-weight:700}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.4}}.countdown-bar{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:.9rem 2rem;display:flex;position:relative;overflow:hidden}.countdown-bar:before{content:"";pointer-events:none;background:radial-gradient(at bottom,#00ff870a 0%,#0000 70%);position:absolute;inset:0}.countdown-label{color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.countdown-live{color:var(--green);letter-spacing:.06em;font-size:.9rem;font-weight:700}.countdown-units{align-items:flex-end;gap:.25rem;display:flex}.countdown-unit{background:var(--surface-2);border:1px solid var(--border-2);border-radius:8px;flex-direction:column;align-items:center;min-width:54px;padding:.5rem .25rem .4rem;display:flex}.countdown-num{font-family:var(--font-display);color:var(--green);font-variant-numeric:tabular-nums;text-shadow:var(--green-glow);font-size:2.2rem;line-height:1}.countdown-unit-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem;font-size:.55rem;font-weight:600}.countdown-sep{font-family:var(--font-display);color:var(--text-3);align-self:flex-end;padding-bottom:.6rem;font-size:1.8rem;line-height:1}.countdown-clock{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.875rem;display:grid}.group-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.group-table.fav-group{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.group-table-header{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.6rem .875rem;display:flex}.group-letter{font-family:var(--font-display);color:var(--green);letter-spacing:.04em;font-size:1.6rem;line-height:1}.group-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:.6rem;font-weight:700}.group-table table{border-collapse:collapse;width:100%;font-size:.77rem}.group-table thead th{color:var(--text-3);text-align:center;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .4rem;font-size:.62rem;font-weight:600}.group-table th.col-team,.group-table td.col-team{text-align:left}.group-table tbody tr{border-top:1px solid var(--border);transition:background .12s}.group-table tbody tr:hover{background:var(--surface-2)}.group-table tbody tr.advancing{border-left:2px solid var(--green)}.group-table td{text-align:center;color:var(--text);padding:.4rem}.group-table td.col-pos{color:var(--text-3);width:20px;font-size:.68rem;font-weight:600}.group-table td.col-team{align-items:center;gap:.4rem;display:flex}.group-table td.col-pts{font-weight:700;font-family:var(--font-display);color:var(--text);letter-spacing:.04em;font-size:1rem}.group-table td.positive{color:var(--green);font-weight:600}.group-table td.negative{color:var(--red);font-weight:600}.group-crest{object-fit:contain;flex-shrink:0;width:16px;height:16px}.prediction-row{border-top:1px solid var(--border);align-items:center;gap:.6rem;margin-top:.75rem;padding-top:.65rem;display:flex}.prediction-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex-shrink:0;font-size:.6rem;font-weight:700}.prediction-btns{flex:1;gap:.3rem;display:flex}.prediction-btn{font-family:var(--font-body);letter-spacing:.04em;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-3);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;flex:1;padding:.3rem .2rem;font-size:.65rem;font-weight:600;transition:all .15s;overflow:hidden}.prediction-btn:hover:not(.locked){border-color:var(--green);color:var(--green);background:var(--green-dim)}.prediction-btn.active{border-color:var(--green);color:var(--bg);background:var(--green);font-weight:700}.prediction-btn.locked{cursor:default;opacity:.6}.squads-container{flex-direction:column;gap:1.25rem;display:flex}.squads-team-grid{flex-wrap:wrap;gap:.5rem;display:flex}.squad-team-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;min-width:58px;padding:.55rem .65rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.squad-team-btn:hover{border-color:var(--border-2);transform:translateY(-1px)}.squad-team-btn.active{border-color:var(--green);background:var(--green-dim);box-shadow:0 0 0 1px #00ff8726}.squad-crest{object-fit:contain;width:28px;height:28px}.squad-tla{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:700}.squad-roster{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:1.25rem}.squad-roster-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.squad-roster-crest{object-fit:contain;width:48px;height:48px}.squad-roster-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:1.8rem;line-height:1}.squad-roster-count{color:var(--text-3);letter-spacing:.04em;margin-top:.2rem;font-size:.72rem;font-weight:600}.squad-roster-coach{color:var(--accent);letter-spacing:.03em;margin-top:.25rem;font-size:.72rem;font-weight:600}.squad-close{border:1px solid var(--border);color:var(--text-3);cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:0 0;border-radius:6px;margin-left:auto;padding:.3rem .6rem;transition:all .15s}.squad-close:hover{color:var(--text);border-color:var(--border-2);background:var(--surface-2)}.squad-links{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.squad-link{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.squad-link:hover{border-color:var(--green);color:var(--green);background:var(--green-dim)}.squad-positions{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.squad-pos-label{color:var(--green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;font-size:.62rem;font-weight:700}.squad-player-list{flex-direction:column;gap:3px;display:flex}.squad-player{color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.18rem 0;font-size:.78rem;display:flex}.squad-player:last-child{border-bottom:none}.squad-player-info{flex-direction:column;gap:1px;display:flex}.squad-player-club{color:var(--green);opacity:.75;font-size:.65rem;font-weight:500}.squad-player-meta{color:var(--text-3);white-space:nowrap;font-size:.68rem;font-weight:500}.match-tooltip{z-index:100;border:1px solid var(--border-2);border-radius:var(--radius-lg);background:#080f1e;width:440px;max-width:92vw;padding:.875rem;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px #000000b3,0 0 0 1px #00ff870f}.tooltip-header{text-align:center;color:var(--green);text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--border);margin-bottom:.7rem;padding-bottom:.6rem;font-size:.62rem;font-weight:700}.tooltip-empty{text-align:center;color:var(--text-3);padding:.6rem 0;font-size:.8rem}.tooltip-lineups{gap:.75rem;display:flex}.tooltip-team-col{flex:1;min-width:0}.tooltip-team-name{color:var(--text);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.tooltip-formation{color:var(--green);font-weight:500}.tooltip-divider{background:var(--border);flex-shrink:0;width:1px}.tooltip-players{flex-direction:column;gap:2px;display:flex}.tooltip-players.muted .tooltip-player{color:var(--text-3)}.tooltip-player{color:var(--text);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.player-num{text-align:right;width:18px;color:var(--text-3);flex-shrink:0;font-size:.65rem;font-weight:600}.tooltip-bench-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:.45rem 0 .25rem;font-size:.6rem}.scroll-to-top{z-index:999;border:1px solid var(--border-2);background:var(--surface-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.35rem;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.25s fade-up;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #00000080,0 0 0 1px #00ff870f}.scroll-to-top:hover{border-color:#00ff8766;transform:translateY(-3px)rotate(-15deg);box-shadow:0 8px 28px #0009,0 0 12px #00ff8726}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-tz-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:12px;display:flex}.lang-switcher{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lang-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:background .15s,color .15s,border-color .15s}.lang-btn:hover{color:#e2e8f0;background:#ffffff1a}.lang-btn.active{color:#00ff87;background:#00ff871a;border-color:#00ff8766;font-weight:600}.match-preview{border-top:1px solid #ffffff0d;padding:10px 14px 4px}.preview-btn{color:#00ff87;cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #00ff874d;border-radius:6px;width:100%;padding:5px 12px;font-size:.75rem;transition:background .15s,border-color .15s}.preview-btn:hover{background:#00ff8714;border-color:#00ff8799}.preview-loading,.preview-error{color:#64748b;text-align:center;padding:4px 0;font-size:.75rem}.preview-error{color:#f87171}.preview-text{color:#94a3b8;white-space:pre-wrap;padding:4px 0 6px;font-size:.8rem;line-height:1.6;position:relative}.preview-close{float:right;border:1px solid var(--border);width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;transition:background .15s,color .15s;display:flex}.preview-close:hover{color:var(--text);background:#ffffff0f}.match-card.fav-match{border-color:#00ff8766;box-shadow:0 0 16px #00ff871f}.team.fav .team-name{color:#00ff87;font-weight:600}.team.fav .team-logo{filter:drop-shadow(0 0 6px #00ff8780)}tr.fav-row{background:#00ff870a}tr.fav-row td:first-child{border-left:2px solid #00ff87}tr.fav-row .col-team span{color:#00ff87}.squad-team-wrap{display:inline-flex;position:relative}.fav-toggle{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;line-height:1;transition:color .15s;display:flex;position:absolute;top:2px;right:2px}.fav-toggle:hover,.fav-toggle.active{color:#00ff87}.squad-team-btn.fav{border-color:#00ff8780;box-shadow:0 0 10px #00ff8733}.floating-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ad9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 24px #0006}.floating-nav-item{color:#64748b;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.72rem;transition:color .15s,background .15s;display:flex}.floating-nav-item:hover{color:#cbd5e1;background:#ffffff0d}.floating-nav-item.active{color:#00ff87;background:#00ff871a}.floating-nav-icon{flex-shrink:0;display:flex}@media (width<=480px){.floating-nav{top:12px;right:12px}.floating-nav-label{display:none}.floating-nav-item{padding:8px}}.match-status-row{align-items:center;gap:6px;display:flex}.match-cal-btns{gap:3px;display:flex}.match-cal-btn{width:20px;height:20px;color:var(--green);cursor:pointer;background:0 0;border:1px solid #4ade8059;border-radius:4px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.match-cal-btn:hover{border-color:var(--green);background:#4ade8026}.schedule-meta-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:12px;display:flex}.cal-bulk-row{flex-shrink:0;align-items:center;gap:8px;display:flex}.cal-bulk-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.cal-bulk-row .match-cal-btn{border-radius:6px;width:26px;height:26px}.team-filter-toggle{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.team-filter-toggle:hover{border-color:var(--green);color:var(--green)}.team-filter-toggle.active{border-color:var(--green);color:var(--green);background:#4ade801f}.feedback-widget{border-top:1px solid var(--border);justify-content:center;margin-top:48px;padding:24px 16px 32px;display:flex}.feedback-idle{align-items:center;gap:10px;display:flex}.feedback-label{color:var(--text-3);font-size:.8rem}.feedback-btn{border:1px solid var(--border-2);background:var(--surface);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.feedback-btn:hover{background:var(--surface-2);color:var(--green);border-color:var(--green)}.feedback-form{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.feedback-form-header{justify-content:space-between;align-items:center;display:flex}.feedback-selected{color:var(--text-2);align-items:center;gap:6px;font-size:.8rem;display:flex}.feedback-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.feedback-close:hover{color:var(--text-2)}.feedback-textarea{background:var(--surface);border:1px solid var(--border-2);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:.82rem}.feedback-textarea:focus{border-color:var(--green)}.feedback-submit{border:1px solid var(--green);color:var(--green);cursor:pointer;background:#00ff8714;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;gap:6px;padding:6px 16px;font-family:inherit;font-size:.8rem;transition:background .15s;display:flex}.feedback-submit:hover:not(:disabled){background:#00ff8729}.feedback-submit:disabled{opacity:.5;cursor:default}.feedback-done{color:var(--green);font-size:.85rem}[dir=rtl] .match-card-body{direction:ltr}[dir=rtl] .match-status,[dir=rtl] .match-date,[dir=rtl] .match-venue{text-align:right;direction:rtl}[dir=rtl] .group-table{direction:ltr}[dir=rtl] .group-table .team-name-cell{text-align:right;direction:rtl}[dir=rtl] .squad-team-btn{text-align:right}.today-banner{box-sizing:border-box;background:#4ade800d;border:1px solid #4ade8026;border-radius:8px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:8px 16px;display:flex;overflow:hidden}.today-label{letter-spacing:.1em;color:var(--green);white-space:nowrap;text-transform:uppercase;font-size:.6rem;font-weight:800}.today-scroll{scrollbar-width:none;flex:1;gap:10px;display:flex;overflow-x:auto}.today-scroll::-webkit-scrollbar{display:none}.today-match{border:1px solid var(--border);white-space:nowrap;background:#ffffff08;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;display:flex}.today-match.fav{border-color:#fbbf2466}.today-match.live{border-color:#4ade8080;animation:2s infinite pulse-border}.today-crest{object-fit:contain;width:16px;height:16px}.today-tla{color:var(--text-2);font-size:.68rem;font-weight:600}.today-score{color:var(--text);text-align:center;min-width:38px;font-size:.75rem;font-weight:700}.today-match.live .today-score{color:var(--green)}.scorers-list{flex-direction:column;gap:6px;max-width:600px;display:flex}.scorer-row{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.scorer-rank{color:var(--text-3);text-align:center;width:24px;font-size:.7rem;font-weight:700}.scorer-crest{object-fit:contain;width:22px;height:22px}.scorer-info{flex-direction:column;flex:1;gap:1px;display:flex}.scorer-name{color:var(--text);font-size:.82rem;font-weight:600}.scorer-team{color:var(--text-3);font-size:.65rem}.scorer-stats{align-items:center;gap:8px;display:flex}.scorer-goals{color:var(--green);font-size:.82rem;font-weight:700}.scorer-assists{color:var(--text-3);font-size:.72rem}.match-goals{justify-content:space-between;gap:4px;padding:4px 0 2px;display:flex}.match-goals-team{color:var(--text-3);flex-wrap:wrap;gap:3px;max-width:48%;font-size:.62rem;display:flex}.match-goals-team.away{text-align:right;justify-content:flex-end}.goal-entry{white-space:nowrap}.goal-alert{z-index:9000;background:var(--surface-2);border:1px solid var(--green);box-shadow:0 8px 32px #00000080, var(--green-glow);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem 1.1rem .55rem .85rem;animation:.3s slide-in;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}@keyframes slide-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.goal-alert-emoji{font-size:1rem}.goal-alert-crest{object-fit:contain;width:20px;height:20px}.goal-alert-score{font-family:var(--font-display);color:var(--green);letter-spacing:.06em;font-size:1.1rem}.goal-alert-teams{color:var(--text-2);font-size:.75rem}.goal-alert-dismiss{color:var(--text-3);margin-left:.25rem;font-size:.7rem}.tournament-progress{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.tp-group{align-items:baseline;gap:.3rem;display:inline-flex}.tp-num{font-family:var(--font-display);color:var(--green);letter-spacing:.04em;font-size:1.05rem;line-height:1}.tp-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);font-size:.68rem;font-weight:600}.tp-sep{color:var(--border-2);font-size:.75rem}.tp-dot{color:var(--border-2);margin:0 .1rem;font-size:.75rem}.tz-selector{justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.tz-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.68rem;font-weight:700}.tz-icon{color:var(--text-3);flex-shrink:0}.tz-select{border:1px solid var(--border-2);color:var(--text-2);cursor:pointer;background:0 0;border-radius:6px;outline:none;padding:.2rem .4rem;font-size:.72rem}.tz-select:focus{border-color:var(--green)}.tz-select option{background:var(--surface-2);color:var(--text)}.formation-pitch{background-color:#0d3320;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:100% 50%,50% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:6px;margin:6px 0;padding:8px 4px;display:flex}.formation-row{justify-content:space-evenly;display:flex}.formation-player{flex-direction:column;align-items:center;gap:2px;min-width:36px;display:flex}.formation-num{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;display:flex}.formation-name{color:#ffffffa6;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:36px;font-size:.52rem;overflow:hidden}
