.superlig-detail-page{--brand:#1b8a4a;--brand-hover:#136636;--brand-dark:#136636;--brand-shadow:#1b8a4a26;gap:var(--gap);color:var(--text);flex-direction:column;display:flex}.sl-selection-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow);box-sizing:border-box;width:100%;margin-bottom:24px}.sl-select-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.sl-field{cursor:pointer;text-align:center;flex-direction:column;gap:.4rem;display:flex}.sl-field-label{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;text-align:center;font-size:.75rem;font-weight:800;display:block}.sl-tile{background:var(--surface-3);border:1.5px solid var(--border);text-align:center;color:var(--text);word-break:break-word;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-size:.9rem;font-weight:800;transition:all .3s;display:flex}.sl-tile.is-active{border-color:var(--brand);box-shadow:0 4px 12px #00000026;background:var(--brand)!important;color:#fff!important}.sl-tile-name{color:var(--muted);font-size:.7rem;font-weight:700;display:block}.sl-tile-time{margin-top:5px;font-size:1.2rem;font-weight:900;display:block}.sl-today-hero{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow)}.sl-hero-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sl-countdown{background:var(--brand);color:var(--text-2);border-radius:var(--radius);padding:.5rem 1rem;font-size:1.2rem;font-weight:800}.sl-list-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);margin-bottom:var(--gap)}.sl-table-responsive{width:100%;margin-top:1rem;overflow-x:auto}.sl-puan-wrapper{background:var(--surface-2);border-radius:var(--radius);width:100%;margin-bottom:var(--gap);overflow:hidden}.sl-table{border-collapse:collapse;width:100%;color:var(--text);font-size:.95rem}.sl-table thead th{background:var(--surface-3);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);padding:1rem;font-size:.75rem;font-weight:800}.sl-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.sl-table tbody tr:hover{background:var(--hover-bg,#00000005)}.sl-table td{text-align:center;padding:.8rem 1rem}.sl-team-info{text-align:left!important}.sl-team-flex{align-items:center;gap:12px;display:flex}.sl-team-flex img{object-fit:contain;width:24px;height:24px}.sl-team-name{color:var(--text);font-weight:700}.sl-badge{background:var(--surface-3);width:26px;height:26px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:inline-flex}.sl-cl{border-left:4px solid #1a6fc9!important}.sl-cl .sl-badge{color:#fff;background:#1a6fc9}.sl-el{border-left:4px solid #20c997!important}.sl-el .sl-badge{color:#fff;background:#20c997}.sl-conf{border-left:4px solid #ffc107!important}.sl-conf .sl-badge{color:#000;background:#ffc107}.sl-rel{border-left:4px solid #dc3545!important}.sl-rel .sl-badge{color:#fff;background:#dc3545}.sl-points{color:var(--brand);font-size:1.1rem}.sl-hero-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.teams-container{width:100%;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:16px!important;display:grid!important}.team{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.team.home-team{text-align:right!important;justify-content:flex-end!important}.team.away-team{text-align:left!important;justify-content:flex-start!important}.team-name{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:1.02rem!important;font-weight:600!important;overflow:hidden!important}@media (max-width:600px){.sl-hero-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sl-list-card,.sl-today-hero,.sl-selection-card{box-sizing:border-box!important;border-radius:10px!important;width:100%!important;padding:8px!important;overflow:hidden!important}.sl-select-grid{box-sizing:border-box!important;flex-direction:row!important;gap:4px!important;width:100%!important;display:flex!important}.sl-field{box-sizing:border-box!important;flex:1!important;width:50%!important;min-width:0!important;max-width:50%!important}.sl-field-label,.sl-field label{text-align:center!important;white-space:nowrap!important;margin-bottom:2px!important;font-size:.65rem!important;display:block!important}.sl-tile{box-sizing:border-box!important;text-align:center!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:40px!important;padding:8px 2px!important;font-size:.7rem!important;line-height:1.15!important;display:flex!important}.sl-table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-top:.5rem;overflow-x:auto}.sl-puan-wrapper{min-width:580px}.sl-table th,.sl-table td{font-size:.82rem;padding:.5rem .4rem!important}.sl-team-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.85rem;overflow:hidden}.sl-team-flex{gap:6px}.sl-team-flex img{width:20px;height:20px}.fx-row{padding:10px 6px!important}.fx-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden;font-size:.82rem!important}.fx-mid{padding:0 8px!important}.fx-pill{min-width:55px!important;padding:4px 8px!important;font-size:.78rem!important}.teams-container{gap:8px!important}.team{gap:6px!important}.team-name{font-size:.85rem!important}.team img{width:22px!important;height:22px!important}.match-score{min-width:60px!important;padding:6px 10px!important;font-size:.95rem!important}}[data-theme=dark] .sl-selection-card,[data-theme=dark] .sl-list-card,[data-theme=dark] .sl-today-hero{background:#18181b!important;border:1px solid #2e2e33!important;box-shadow:0 4px 20px #0000004d!important}[data-theme=dark] .sl-tile{color:#e5e7eb!important;background:#202024!important;border-color:#2e2e33!important}[data-theme=dark] .sl-tile:hover{background:#27272a!important;border-color:#4b5563!important}[data-theme=dark] .sl-tile.is-active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}[data-theme=dark] .sl-table-responsive{background:0 0!important}[data-theme=dark] .sl-table thead th{color:#a1a1aa!important;background:#202024!important;border-bottom-color:#2e2e33!important}[data-theme=dark] .sl-table tbody tr{border-bottom-color:#232327!important}[data-theme=dark] .sl-table tbody tr:hover{background:#ffffff05!important}[data-theme=dark] .sl-team-name{color:#e5e7eb!important}[data-theme=dark] .sl-badge{color:#e5e7eb!important;background:#27272a!important}[data-theme=dark] .sl-hero-header{border-bottom-color:#2e2e33!important}[data-theme=dark] .sl-hero-header h1{color:#e5e7eb!important}[data-theme=dark] .sl-hero-grid div{color:#e5e7eb!important;background:#202024!important}[data-theme=dark] .sl-hero-grid div:nth-child(3){background:var(--brand)!important;color:#fff!important}[data-theme=dark] .sl-hero-grid div span{color:#e5e7eb!important}[data-theme=dark] .sl-hero-grid div span.sl-field-label{color:#a1a1aa!important}[data-theme=dark] .sl-date2{color:var(--brand)!important;background:#202024!important}[data-theme=dark] .fx-row{border-bottom-color:#232327!important}[data-theme=dark] .fx-name{color:#e5e7eb!important}[data-theme=dark] .fx-pill.time{color:#a1a1aa!important;background:#202024!important}[data-theme=dark] .fx-pill.score{color:#fff!important;background:linear-gradient(145deg,#00c714 0%,#018a10 100%)!important}[data-theme=dark] .tournament-header{border-bottom-color:var(--brand)!important;background:#202024!important}[data-theme=dark] .tournament-header h3{color:#e5e7eb!important}[data-theme=dark] .tournament-header+div{border-color:#2e2e33!important}[data-theme=dark] .match-row{border-bottom-color:#232327!important}[data-theme=dark] .match-score{color:#e5e7eb!important;background:#202024!important}[data-theme=dark] .match-score.has-score{color:#fff!important;background:linear-gradient(145deg,#00c714 0%,#018a10 100%)!important}.clickable-match-row:hover{transition:background .2s ease-in-out;background:var(--hover-bg,#00000005)!important}[data-theme=dark] .clickable-match-row:hover{background:#ffffff05!important}.mc-modal-overlay{--brand:#1b8a4a;--brand-hover:#136636;--brand-dark:#136636;--brand-shadow:#1b8a4a26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.mc-modal-card{background:var(--surface-2,#fff);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.mc-modal-header{background:var(--surface-3,#f8f9fa);border-bottom:1px solid var(--border);padding:20px}.mc-modal-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mc-tournament-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:800}.mc-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.8rem;line-height:1;transition:color .2s}.mc-modal-close:hover{color:var(--brand)}.mc-modal-banner{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.mc-banner-team{align-items:center;gap:12px;display:flex}.mc-banner-team.home{text-align:right;justify-content:flex-end}.mc-banner-team.away{text-align:left;justify-content:flex-start}.mc-banner-team .mc-team-logo{object-fit:contain;width:36px;height:36px}.mc-banner-team .mc-team-name{color:var(--text);font-size:1.15rem;font-weight:800}.mc-banner-score{flex-direction:column;align-items:center;gap:6px;display:flex}.mc-banner-score .score-box{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border-radius:8px;padding:8px 20px;font-size:1.5rem;font-weight:900;box-shadow:0 4px 10px #22c55e40}.mc-banner-score .live-status{color:#28a745;font-size:.78rem;font-weight:900;animation:1.5s infinite pulse}.mc-banner-score .finished-status{color:var(--muted);font-size:.78rem;font-weight:900}.mc-modal-body{background:var(--surface-2,#fff);flex:1;padding:24px;overflow-y:auto}.mc-loading,.mc-error,.mc-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.mc-spinner{border:3.5px solid var(--border);border-top:3.5px solid var(--brand);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.mc-retry-btn,.mc-refresh-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:background .2s}.mc-retry-btn:hover,.mc-refresh-btn:hover{background:var(--brand-hover,#136636)}.mc-refresh-btn{background:var(--surface-3);color:var(--text);border:1px solid var(--border);padding:6px 12px;font-size:.82rem}.mc-refresh-btn:hover{background:var(--border)}.mc-timeline{width:100%}.mc-timeline-events{padding-left:20px;position:relative}.mc-timeline-events:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.mc-timeline-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.mc-timeline-item:last-child{margin-bottom:0}.mc-timeline-badge{background:var(--surface-2);border:2px solid var(--border);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.72rem;transition:transform .2s;display:flex;position:absolute;left:-20px}.mc-timeline-item:hover .mc-timeline-badge{transform:scale(1.2)}.mc-timeline-badge{width:28px;height:28px;font-size:.95rem;top:-2px;left:-27px}.mc-timeline-item.goal .mc-timeline-badge{background:#e8f5e9;border-color:#28a745}.mc-timeline-item.yellow_card .mc-timeline-badge{background:#fffde7;border-color:#ffc107}.mc-timeline-item.red_card .mc-timeline-badge{background:#ffebee;border-color:#dc3545}.mc-timeline-content{background:var(--surface-3,#f8f9fa);border:1px solid var(--border);border-radius:10px;flex:1;padding:12px 16px;box-shadow:0 2px 6px #00000003}.mc-item-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.mc-item-minute{color:#fff;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:800;background:#16a34a!important}.mc-item-title{color:var(--text);font-size:.92rem;font-weight:800}.mc-item-desc{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}[data-theme=dark] .mc-modal-card{background:#18181b!important;border-color:#2e2e33!important}[data-theme=dark] .mc-modal-header{background:#202024!important;border-bottom-color:#2e2e33!important}[data-theme=dark] .mc-modal-body{background:#18181b!important}[data-theme=dark] .mc-timeline-content{background:#202024!important;border-color:#2e2e33!important}[data-theme=dark] .mc-timeline-badge{background:#18181b!important;border-color:#2e2e33!important}[data-theme=dark] .mc-refresh-btn{color:#e5e7eb;background:#202024;border-color:#2e2e33}[data-theme=dark] .mc-refresh-btn:hover{background:#27272a}@media (max-width:600px){.mc-modal-banner{grid-template-columns:1fr;gap:16px}.mc-banner-team{text-align:center!important;flex-direction:row!important;justify-content:center!important;gap:12px!important}.mc-banner-team.home{order:1}.mc-banner-score{order:2}.mc-banner-team.away{order:3}.mc-banner-team .mc-team-name{font-size:1.05rem}.mc-modal-card{max-height:92vh}.mc-scorers-row{text-align:center!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:16px!important}.mc-scorers-col.home,.mc-scorers-col.away{text-align:center!important;align-items:center!important}.mc-scorers-spacer{display:none!important}}.commentary-filters-container{background:var(--bg-body,#f8f9fa);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.commentary-match-row{border:1px solid var(--border);cursor:pointer;background:var(--bg-card,#fff);border-radius:10px;grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:16px;transition:all .2s;display:grid;box-shadow:0 2px 6px #00000003}.commentary-match-row:hover{background:var(--hover-bg,#00000005);border-color:var(--brand)}.commentary-teams-score{justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:768px){.commentary-filters-container{flex-direction:column;align-items:stretch;gap:12px}.commentary-filters-container>div{width:100%;margin-left:0!important}.commentary-filters-container select{width:100%}.commentary-match-row{text-align:center;grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.commentary-match-row>div{text-align:center!important;justify-content:center!important;align-items:center!important}.commentary-teams-score{flex-direction:column!important;gap:8px!important}.commentary-teams-score>div{flex-direction:row!important;justify-content:center!important;width:100%!important}.commentary-teams-score .team-name{font-size:.95rem;white-space:normal!important}}.commentary-filter-item{flex-direction:column;gap:4px;display:flex}.commentary-filter-item.status-radios-item{flex-flow:wrap;align-self:flex-end;align-items:center;gap:16px;min-height:38px;display:flex}.commentary-filter-item.league-select-item{min-width:150px;margin-left:auto}@media (max-width:768px){.commentary-filter-item{width:100%!important;margin-left:0!important}.commentary-filter-item.status-radios-item{margin-top:4px;margin-bottom:4px;flex-direction:column!important;align-self:stretch!important;align-items:flex-start!important;gap:8px!important;height:auto!important;min-height:0!important}}.mc-detail-card{background:var(--surface-2,#fff);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000008}.mc-detail-card .mc-modal-body{max-height:none!important;overflow-y:visible!important}.mc-back-btn{transition:all .2s ease-in-out}.mc-back-btn:hover{box-shadow:0 3px 10px #1b8a4a33;background:var(--brand)!important;color:#fff!important}[data-theme=dark] .mc-detail-card{box-shadow:none!important;background:#18181c!important;border-color:#232327!important}[data-theme=dark] .mc-detail-card .mc-modal-header{background:#202024!important;border-bottom-color:#232327!important}[data-theme=dark] .mc-detail-card .mc-modal-body{background:#18181c!important}.sl-horizontal-standings-bar::-webkit-scrollbar{height:6px!important;display:block!important}.sl-horizontal-standings-bar::-webkit-scrollbar-track{background:#00000008;border-radius:3px}.sl-horizontal-standings-bar::-webkit-scrollbar-thumb{background:var(--border,#0000001a);border-radius:3px;transition:background-color .2s}.sl-horizontal-standings-bar::-webkit-scrollbar-thumb:hover{background:#0003}.sl-horizontal-standings-bar{-ms-overflow-style:auto!important;scrollbar-width:thin!important}.sl-h-bar-item{cursor:pointer;transition:background-color .2s}.sl-h-bar-item:hover{background-color:var(--bg-body,#f8f9fa)!important}[data-theme=dark] .sl-h-bar-item:hover{background-color:#202024!important}[data-theme=dark] .sl-horizontal-standings-bar::-webkit-scrollbar-track{background:#ffffff08}[data-theme=dark] .sl-horizontal-standings-bar::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] .sl-horizontal-standings-bar::-webkit-scrollbar-thumb:hover{background:#fff3}.mc-modal-banner-wrapper{flex-direction:column;width:100%;display:flex}.mc-scorers-row{color:var(--muted,#6b7280);grid-template-columns:1fr auto 1fr;gap:16px;width:100%;margin-top:12px;font-size:.85rem;display:grid}.mc-scorers-col.home{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mc-scorers-col.away{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.mc-scorers-spacer{width:108px}.mc-scorer-item{font-weight:500}
