:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{color:#fff;background:#000;margin:0}#root{min-height:100vh}h1,h2{margin:0;font-weight:600}p{margin:0}body{color:#fff;background:#000;margin:0;font-family:Arial,sans-serif}.app{color:#fff;background:#000;max-width:1100px;min-height:100vh;margin:0 auto;padding:32px;font-family:system-ui,sans-serif}.app-header{text-align:center;margin-bottom:32px}.eyebrow{color:#9acd32;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.85rem;font-weight:800}.app h1{color:#fff;text-align:center;margin:0 0 0 12px;font-size:clamp(2rem,5vw,4rem)}.subtitle{color:#f0f;max-width:650px;margin:0 auto}.controls{gap:18px;margin:0 auto 28px;display:grid}.league-tabs{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.league-tab{color:#fff;cursor:pointer;text-align:center;background:#000;border:1px solid #2d2d3a;border-radius:12px;padding:8px 10px;font-size:.78rem;transition:all .2s}.league-tab span{font-weight:700;display:block}.league-tab:hover,.league-tab.active{background:#2563eb;border-color:#60a5fa;transform:translateY(-1px)}.other-leagues-wrap{justify-content:center;display:flex;position:relative}.other-leagues-trigger{color:#fff;cursor:pointer;font:inherit;background:#000;border:1px solid #2d2d3a;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.other-leagues-trigger:hover{border-color:#2563eb}.other-leagues-trigger.active{background:#2563eb;border-color:#60a5fa}.other-leagues-trigger .caret{font-size:.75rem}.other-leagues-menu{z-index:20;background:#000;border:1px solid #2d2d3a;border-radius:12px;min-width:200px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.other-leagues-item{color:#fff;text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.other-leagues-item:hover,.other-leagues-item.active{background:#2563eb}.other-leagues-item small{color:#a1a1aa;font-size:.75rem}.other-leagues-item.active small{color:#e0e7ff}.view-toggle{background:#000;border:1px solid #2f4f4f;border-radius:999px;gap:6px;width:fit-content;margin:0;padding:6px;display:inline-flex}.view-toggle button{color:#a1a1aa;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:8px 16px}.view-toggle button:hover{color:#fff}.view-toggle button.active{color:#050505;background:#fff}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.section-heading h2{color:#fff;margin:0}.section-heading p{color:#fff;margin:6px 0 0}.match-count{color:#fff;white-space:nowrap;background:#000;border:1px solid #2d2d3a;border-radius:999px;padding:10px 14px}.matches{flex-direction:column;gap:8px;display:flex}.match-card-link{color:inherit;text-decoration:none;display:block}.match-card-link:hover .match-card{border-color:#2563eb;transition:all .15s;transform:translateY(-1px)}.match-card{background:#000;border:1px solid #2d2d3a;border-radius:12px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.match-card h2{display:none}.teams{display:contents}.team{align-items:center;gap:10px;min-width:0;display:flex}.team:last-of-type{text-align:right;justify-content:flex-end}.team img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.team p{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.score{color:#fff;text-align:center;background:#000;border:1px solid #2d2d3a;border-radius:8px;min-width:64px;padding:6px 12px;font-size:18px;font-weight:700}.match-meta{color:#fff;text-align:right;min-width:140px;font-size:.95rem}.match-meta p{margin:2px 0}.loading-state,.error-state,.empty-state{text-align:center;background:#000;border:1px solid #2d2d3a;border-radius:16px;padding:32px}.error-state{color:#fecaca;border-color:#f87171b3}.back-link{color:#9acd32;margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:#fff}.detail-header{text-align:center;background:#000;border:1px solid #2d2d3a;border-radius:14px;margin-bottom:24px;padding:20px}.detail-league{color:#a1a1aa;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:inline-flex}.detail-league img{object-fit:contain;width:22px;height:22px}.detail-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.detail-team{flex-direction:column;align-items:center;gap:8px;display:flex}.detail-team img{object-fit:contain;width:56px;height:56px}.detail-team h1{margin:0;font-size:1.3rem}.detail-score{flex-direction:column;align-items:center;gap:8px;display:flex}.detail-score strong{font-size:2.2rem;font-weight:800}.status-badge{letter-spacing:.05em;border:1px solid #2d2d3a;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-finished{color:#9acd32;background:#1f2937}.status-live{color:#fff;background:#7f1d1d}.status-scheduled{color:#a1a1aa;background:#15151d}.detail-date{color:#a1a1aa;margin:12px 0 0;font-size:.9rem}.detail-section{background:#000;border:1px solid #2d2d3a;border-radius:14px;margin-bottom:20px;padding:20px}.detail-section h2{margin:0 0 16px;font-size:1.1rem}.muted{color:#a1a1aa;margin:0}.error-inline{color:#fecaca;margin:0}.chart-wrap{width:100%}.stats-grid{border:1px solid #2d2d3a;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.stats-grid-header,.stats-grid-row{grid-template-columns:1fr 2fr 1fr;align-items:center;padding:10px 16px;display:grid}.stats-grid-header{background:#0a0a0a;border-bottom:1px solid #2d2d3a;font-weight:600}.stats-grid-row:nth-child(2n){background:#14141c}.stats-grid-team,.stats-grid-value{text-align:center}.stats-grid-team.home,.stats-grid-value.home{color:#2563eb}.stats-grid-team.away,.stats-grid-value.away{color:#9acd32}.stats-grid-label{text-align:center;color:#a1a1aa;text-transform:capitalize}.lineups-stack{flex-direction:column;gap:24px;display:flex}.pitch{background:linear-gradient(#0000 50%,#ffffff0f 50%),linear-gradient(#1f7a3a 0%,#2c8f4a 100%);border:1px solid #2d2d3a;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;min-height:420px;margin:12px 0;padding:24px 16px;display:flex}.pitch-row{flex:1;justify-content:space-around;align-items:center;display:flex}.pitch-player{flex-direction:column;align-items:center;max-width:90px;display:flex}.pitch-circle{color:#fff;background:#0a0a0a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.pitch-name{color:#fff;text-align:center;text-shadow:0 1px 2px #000000b3;white-space:nowrap;text-overflow:ellipsis;max-width:90px;margin-top:6px;font-size:11px;line-height:1.1;overflow:hidden}.subs-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.subs-list li{align-items:center;gap:8px;display:flex}.lineups-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.lineup-card{border:1px solid #2d2d3a;border-radius:10px;padding:14px}.lineup-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.lineup-header img{object-fit:contain;width:36px;height:36px}.lineup-header h3{margin:0;font-size:1rem}.lineup-header p{color:#a1a1aa;margin:2px 0;font-size:.85rem}.lineup-card h4{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px;font-size:.85rem}.lineup-card ul{margin:0;padding:0;list-style:none}.lineup-card li{border-bottom:1px solid #1a1a22;grid-template-columns:32px 1fr 40px;gap:8px;padding:4px 0;font-size:.9rem;display:grid}.lineup-num{color:#9acd32;font-weight:700}.lineup-pos{color:#a1a1aa;text-align:right}.timeline{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.timeline-row{border:1px solid #2d2d3a;border-radius:8px;grid-template-columns:56px 56px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.timeline-min{color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.timeline-icon{letter-spacing:.05em;text-align:center;background:#15151d;border-radius:6px;padding:4px 6px;font-size:.7rem;font-weight:800}.timeline-body{flex-direction:column;gap:2px;display:flex}.timeline-body strong{font-size:.95rem}.timeline-assist{color:#9acd32;font-size:.8rem}.timeline-detail{color:#a1a1aa;font-size:.8rem}.evt-goal{border-color:#9acd32}.evt-goal .timeline-icon{color:#d9f99d;background:#365314}.evt-yellow .timeline-icon{color:#000;background:#ca8a04}.evt-red{border-color:#b91c1c}.evt-red .timeline-icon{color:#fff;background:#b91c1c}.evt-sub .timeline-icon{color:#93c5fd;background:#1f2937}.side-away{background:#0a0a12}@media (width<=700px){.app{padding:20px}.section-heading{flex-direction:column;align-items:flex-start}.view-toggle{width:100%}.view-toggle button{flex:1}.match-card{grid-template-columns:1fr auto 1fr;gap:10px}.match-meta{text-align:left;grid-column:1/-1;min-width:0}.league-tabs{grid-template-columns:repeat(2,1fr)}.league-tab{padding:10px 12px}.lineups-grid,.detail-teams{grid-template-columns:1fr}.detail-team h1{font-size:1.1rem}}