.match-modal-overlay{align-items:center;background:#000000bf;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}.match-modal-overlay .match-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.match-modal-overlay .match-modal .close-button{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .2s;width:36px;z-index:1}.match-modal-overlay .match-modal .close-button:hover{background:#e5e7eb;color:#1f2937}.match-modal-overlay .match-modal .error,.match-modal-overlay .match-modal .loading{font-size:18px;padding:60px 20px;text-align:center}.match-modal-overlay .match-modal .error{color:#dc2626}.match-modal-overlay .match-modal .match-details .match-header{border-bottom:1px solid #e5e7eb;padding:24px 30px 16px;text-align:center}.match-modal-overlay .match-modal .match-details .match-header .league-info h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 4px}.match-modal-overlay .match-modal .match-details .match-header .league-zone{color:#6b7280;font-size:13px}.match-modal-overlay .match-modal .match-details .match-header .match-date{color:#6b7280;font-size:14px;margin-top:8px}.match-modal-overlay .match-modal .match-details .match-header .match-date .stage-label{font-size:13px}.match-modal-overlay .match-modal .match-details .teams-display{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;justify-content:space-between;padding:24px 30px}.match-modal-overlay .match-modal .match-details .teams-display .team{align-items:center;display:flex;flex:1;flex-direction:column;min-width:0;text-align:center}.match-modal-overlay .match-modal .match-details .teams-display .team .team-logo-large{height:64px;margin-bottom:10px;-o-object-fit:contain;object-fit:contain;width:64px}.match-modal-overlay .match-modal .match-details .teams-display .team h2{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;margin:0}.match-modal-overlay .match-modal .match-details .teams-display .score-display{flex-shrink:0;min-width:130px;text-align:center}.match-modal-overlay .match-modal .match-details .teams-display .score-display .final-score{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:6px}.match-modal-overlay .match-modal .match-details .teams-display .score-display .final-score .score-number{color:#1f2937;font-size:46px;font-weight:700}.match-modal-overlay .match-modal .match-details .teams-display .score-display .final-score .separator{color:#9ca3af;font-size:30px}.match-modal-overlay .match-modal .match-details .teams-display .score-display .final-score.live-score .score-number{color:#10b981}.match-modal-overlay .match-modal .match-details .teams-display .score-display .match-time{color:#6b7280;font-size:32px;font-weight:700;margin-bottom:6px}.match-modal-overlay .match-modal .match-details .teams-display .score-display .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.match-modal-overlay .match-modal .match-details .teams-display .score-display .status-badge.finished{background:#e5e7eb;color:#6b7280}.match-modal-overlay .match-modal .match-details .teams-display .score-display .status-badge.live{animation:pulse 2s infinite;background:#10b981;color:#fff}.match-modal-overlay .match-modal .match-details .teams-display .score-display .status-badge.upcoming{background:#fbbf24;color:#fff}.match-modal-overlay .match-modal .match-details .teams-display .score-display .ht-score{color:#9ca3af;font-size:12px;margin-top:5px}.match-modal-overlay .match-modal .match-details .teams-display .score-display .penalty-result{color:#6b7280;font-size:12px;font-style:italic;margin-top:4px}.match-modal-overlay .match-modal .match-details .modal-tabs{border-bottom:2px solid #e5e7eb;display:flex;padding:0 30px}.match-modal-overlay .match-modal .match-details .modal-tabs .tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.match-modal-overlay .match-modal .match-details .modal-tabs .tab-btn:hover{color:#1f2937}.match-modal-overlay .match-modal .match-details .modal-tabs .tab-btn.active{border-bottom-color:#f97316;color:#f97316;font-weight:600}.match-modal-overlay .match-modal .match-details .tab-content{min-height:120px;padding:20px 30px 30px}.match-modal-overlay .match-modal .match-details .tab-content:has(.tab-lineups){padding:0}.match-modal-overlay .match-modal .match-details .tab-content .empty-tab{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row{align-items:center;display:flex;gap:0;min-height:32px;padding:2px 0}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row:hover:not(.sep-row){background:#f9fafb;border-radius:6px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row.sep-row{background:#f9fafb;border-radius:6px;gap:10px;justify-content:center;margin:6px 0;padding:7px 0}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row.sep-row .sep-label{border-radius:3px;font-size:11px;font-weight:700;padding:2px 7px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row.sep-row .sep-label.ht{background:#dbeafe;color:#1d4ed8}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row.sep-row .sep-label.ft{background:#e5e7eb;color:#6b7280}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .timeline-row.sep-row .sep-score{color:#1f2937;font-size:15px;font-weight:700}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .ev-minute{color:#9ca3af;flex-shrink:0;font-size:12px;font-weight:500;padding-left:4px;width:38px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .ev-home{align-items:flex-end;color:#374151;display:flex;flex:1;flex-direction:column;font-size:13px;gap:1px;padding-right:8px;text-align:right}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .ev-icon{align-items:center;display:flex;flex-shrink:0;gap:5px;justify-content:center;width:64px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .ev-icon .ev-score{color:#1f2937;font-size:12px;font-weight:700}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .ev-away{align-items:flex-start;color:#374151;display:flex;flex:1;flex-direction:column;font-size:13px;gap:1px;padding-left:8px;text-align:left}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .event-icon{display:inline-block;flex-shrink:0}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .event-icon.goal{background:#1f2937;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px #1f2937;height:14px;width:14px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .event-icon.assist{background:#9ca3af;border-radius:50%;height:14px;width:14px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .event-icon.yellow_card{background:#f59e0b;border-radius:2px;height:14px;width:10px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .event-icon.red_card{background:#dc2626;border-radius:2px;height:14px;width:10px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .event-icon.substitution{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%2310b981' d='m10 1 3 3-3 3V5H4V3h6z'/%3E%3Cpath fill='%23ef4444' d='m4 13-3-3 3-3v2h6v2H4z'/%3E%3C/svg%3E") 50% /contain no-repeat;height:14px;width:14px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .sub-on{color:#10b981;font-size:12px}.match-modal-overlay .match-modal .match-details .tab-summary .events-timeline .sub-off{color:#9ca3af;font-size:12px;text-decoration:line-through}.match-modal-overlay .match-modal .match-details .tab-info .info-grid{display:flex;flex-direction:column;gap:20px}.match-modal-overlay .match-modal .match-details .tab-info .info-section h4{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.match-modal-overlay .match-modal .match-details .tab-info .info-section .info-row{border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:8px 0}.match-modal-overlay .match-modal .match-details .tab-info .info-section .info-row:last-child{border-bottom:none}.match-modal-overlay .match-modal .match-details .tab-info .info-section .info-row .label{color:#6b7280;font-size:14px;font-weight:600;min-width:80px}.match-modal-overlay .match-modal .match-details .tab-info .info-section .info-row .value{color:#1f2937;font-size:14px}.match-modal-overlay .match-modal .match-details .tab-info .info-section .info-row .value.muted{color:#9ca3af}.match-modal-overlay .match-modal .match-details .tab-info .coaches-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:0;overflow:hidden}.match-modal-overlay .match-modal .match-details .tab-info .coach-item{display:flex;flex:1;flex-direction:column;gap:4px;padding:14px 16px}.match-modal-overlay .match-modal .match-details .tab-info .coach-item .coach-team{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.match-modal-overlay .match-modal .match-details .tab-info .coach-item .coach-name{color:#1f2937;font-size:14px;font-weight:600}.match-modal-overlay .match-modal .match-details .tab-info .coach-item.coach-item-away{text-align:right}.match-modal-overlay .match-modal .match-details .tab-info .coach-divider{background:#e5e7eb;flex-shrink:0;height:40px;width:1px}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-summary{background:#f9fafb;border-radius:8px;display:flex;gap:0;justify-content:center;margin-bottom:20px;overflow:hidden}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-summary .h2h-stat{display:flex;flex:1;flex-direction:column;gap:4px;padding:14px 10px;text-align:center}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-summary .h2h-stat.draws{background:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-summary .h2h-stat.winner .h2h-num{color:#f97316}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-summary .h2h-stat .h2h-num{color:#1f2937;font-size:28px;font-weight:700}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-summary .h2h-stat .h2h-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-list{display:flex;flex-direction:column;gap:2px}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:10px;padding:8px 10px}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row:hover{background:#f9fafb}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row.home-win{border-left:3px solid #3b82f6}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row.away-win{border-left:3px solid #f97316}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row.draw{border-left:3px solid #e5e7eb}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-date{color:#9ca3af;flex-shrink:0;font-size:12px;min-width:80px}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-league{color:#6b7280;flex:1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result{align-items:center;display:flex;flex-shrink:0;gap:8px}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result .h2h-away,.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result .h2h-home{color:#374151;font-size:13px;min-width:80px}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result .h2h-away.winner-team,.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result .h2h-home.winner-team{color:#1f2937;font-weight:700}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result .h2h-home{text-align:right}.match-modal-overlay .match-modal .match-details .tab-h2h .h2h-row .h2h-result .h2h-score{color:#1f2937;font-size:14px;font-weight:700;min-width:36px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.match-modal-overlay .match-modal .match-details .tab-stats .stats-teams-header{color:#6b7280;display:flex;font-size:13px;font-weight:700;justify-content:space-between;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.match-modal-overlay .match-modal .match-details .tab-stats .stats-teams-header span:last-child{text-align:right}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-val{color:#1f2937;font-size:14px;font-weight:700;min-width:28px}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-val.stat-val-home{text-align:right}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-val.stat-val-away{text-align:left}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars{align-items:center;display:flex;flex:1;gap:8px}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-label{color:#6b7280;flex-shrink:0;font-size:12px;min-width:110px;text-align:center;white-space:nowrap}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-bar-wrap{background:#f3f4f6;border-radius:3px;display:flex;flex:1;height:6px;overflow:hidden}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-bar-wrap.home{justify-content:flex-end}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-bar-wrap.away{justify-content:flex-start}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-bar{border-radius:3px;height:6px;min-width:2px;transition:width .4s ease}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-bar.home{background:#3b82f6}.match-modal-overlay .match-modal .match-details .tab-stats .stat-row .stat-bars .stat-bar.away{background:#f97316}.match-modal-overlay .match-modal .match-details .tab-lineups{padding:0}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-formation-bar{align-items:center;display:flex;justify-content:space-between;padding:10px 16px 8px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-formation-bar .pfb-side{align-items:center;display:flex;flex:1;gap:8px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-formation-bar .pfb-side.pfb-away{justify-content:flex-end}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-formation-bar .pfb-team{color:#1f2937;font-size:13px;font-weight:700}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-formation-bar .pfb-formation{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;font-weight:600;padding:2px 8px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-formation-bar .pfb-vs{color:#d1d5db;flex-shrink:0;font-size:11px;padding:0 12px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field{background:#3d8b52;background-image:repeating-linear-gradient(0deg,transparent,transparent 46px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 92px);height:500px;overflow:hidden;position:relative;width:100%}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pm{border:1.5px solid hsla(0,0%,100%,.3);position:absolute}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .center-line{border:none;border-top:1.5px solid hsla(0,0%,100%,.3);height:0;left:0;right:0;top:50%}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .center-circle{border-radius:50%;height:68px;left:50%;top:50%;transform:translate(-50%,-50%);width:68px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .top-box{border-top:none;height:17%;left:22%;right:22%;top:0}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .bottom-box{border-bottom:none;bottom:0;height:17%;left:22%;right:22%}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .top-goal{border-top:none;height:5%;left:38%;right:38%;top:0}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .bottom-goal{border-bottom:none;bottom:0;height:5%;left:38%;right:38%}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translate(-50%,-50%);z-index:2}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle{align-items:center;border-radius:50%;display:flex;font-size:10px;font-weight:700;height:26px;justify-content:center;position:relative;width:26px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle.home{background:#fff;border:2px solid hsla(0,0%,100%,.9);color:#1f2937}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle.away{background:#1a1f2e;border:2px solid hsla(0,0%,100%,.35);color:#fff}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle .pp-ycard{background:#f59e0b;border-radius:1px;height:9px;position:absolute;right:-3px;top:-3px;width:7px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle .pp-rcard{background:#dc2626;border-radius:1px;height:9px;position:absolute;right:-3px;top:-3px;width:7px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle .pp-goal{bottom:-7px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));font-size:14px;left:50%;line-height:1;position:absolute;transform:translate(-50%)}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-circle .pp-suboff{color:#ef4444;font-size:10px;font-weight:900;left:-1px;line-height:1;position:absolute;top:-5px}.match-modal-overlay .match-modal .match-details .tab-lineups .pitch-field .pp .pp-name{color:#fff;font-size:9px;font-weight:600;margin-top:2px;max-width:72px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-section-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;padding:14px 16px 8px;text-transform:uppercase}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-subs-section{border-top:1px solid #f3f4f6}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-subs-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:4px;padding:0 16px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-subs-row{display:flex;gap:12px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-col{align-items:center;display:flex;flex:1;gap:8px;min-height:36px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-col.lu-sub-away{flex-direction:row-reverse;justify-content:flex-end}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-col.lu-sub-away .lu-sub-players{text-align:right}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-min{color:#9ca3af;flex-shrink:0;font-size:12px;font-weight:600;min-width:26px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-players{display:flex;flex-direction:column;gap:1px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-on{color:#10b981;font-size:12px;font-weight:600}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-sub-off{color:#ef4444;font-size:12px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-section{border-top:1px solid #f3f4f6}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-grid{display:flex;gap:0;padding:0 16px 16px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-team-label{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:2px;padding:2px 0 8px;text-transform:uppercase}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-col{display:flex;flex:1;flex-direction:column}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-col.lu-bench-col-home{border-right:1px solid #e5e7eb;padding-right:14px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-col.lu-bench-col-away{padding-left:14px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-player{align-items:center;border-bottom:1px solid #f9fafb;display:flex;gap:6px;padding:4px 0}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-player .lu-bench-shirt{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-player .lu-bench-shirt.active{background:#1f2937;color:#fff}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-player .lu-bench-name{color:#6b7280;flex:1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-modal-overlay .match-modal .match-details .tab-lineups .lu-bench-player .lu-bench-on{color:#10b981;flex-shrink:0;font-size:11px;font-weight:600}