/* SPORTS INTEL 888 / MATCH EXPERIENCE V1.2 */
:root{--sx-bg:#060b13;--sx-panel:#101b2b;--sx-line:#26364c;--sx-gold:#f3bd57;--sx-muted:#91a4bd;--sx-white:#f7f9ff}
body{background:radial-gradient(ellipse 70% 40% at 50% 0%,#172a42 0%,#080d16 65%,#060a11 100%) fixed!important;color:var(--sx-white)}
main, .container, .wrap{max-width:1320px!important}
.si4-detail,.si10-overview,.si10-chart-panel,.si4-metrics,.si4-vip,.si11-panel{box-sizing:border-box;max-width:1220px!important;margin:18px auto!important;border:1px solid rgba(127,153,185,.18)!important;border-radius:20px!important;background:linear-gradient(150deg,rgba(23,38,58,.96),rgba(10,20,34,.98))!important;box-shadow:0 14px 45px rgba(0,0,0,.16)!important;color:var(--sx-white)}
.si4-detail{position:relative;overflow:hidden;padding:34px 40px!important;background:radial-gradient(ellipse at 50% -30%,rgba(241,175,61,.18),transparent 65%),linear-gradient(145deg,#18273d,#0b1423)!important;border-color:rgba(242,187,86,.34)!important}
.si4-detail:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#f6ca74,#d18a2e,transparent)}
.si4-back{display:inline-flex;align-items:center;color:#aabbd1!important;text-decoration:none;font-size:13px;margin-bottom:22px}
.si4-detail-league{display:flex;justify-content:center;align-items:center;gap:10px;color:#e9c67c!important;font-weight:700;font-size:13px;letter-spacing:.02em}
.si4-detail-teams{display:grid!important;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:20px;margin:28px auto!important;max-width:960px}
.si4-detail-teams>div{display:flex!important;flex-direction:column;align-items:center;gap:12px;min-width:0;text-align:center}
.si4-detail-teams .si4-logo{width:76px!important;height:76px!important;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.25))}
.si4-detail-teams h2{font-size:clamp(19px,2.5vw,30px)!important;line-height:1.25!important;margin:0!important;overflow-wrap:anywhere}
.si4-detail-teams>span{display:grid;place-items:center;width:80px;height:80px;margin:auto;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(243,189,87,.27);color:#e9bc69;font-weight:900;font-size:24px;letter-spacing:2px}
.si4-detail-pick{display:flex!important;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:18px!important;border-radius:14px;background:rgba(246,188,77,.08)!important;border:1px solid rgba(245,189,83,.28)!important}
.si4-detail-pick strong{font-size:clamp(32px,4vw,46px)!important;color:#ffd27a!important;line-height:1.1}
.si4-detail-pick small{color:#d2b785!important;letter-spacing:.09em;font-weight:700}
.si4-detail-pick span{font-weight:700}
.si11-panel,.si10-overview,.si10-chart-panel,.si4-metrics{padding:27px 30px!important}
.si11-kicker,.si10-eyebrow,.si4-heading small{color:#f4bd60!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.8px!important;text-transform:uppercase}
.si11-panel h2,.si10-overview h2,.si10-chart-panel h2,.si4-metrics h2{font-size:clamp(20px,2.3vw,26px)!important;letter-spacing:-.03em;margin:7px 0 23px!important;color:#f6f9ff!important}
.si11-panel{position:relative;overflow:hidden}
.si11-panel:after{content:'';position:absolute;right:0;top:0;width:90px;height:90px;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(244,184,82,.08),transparent 70%)}
.si11-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.si11-tiles>div,.si11-team,.si4-metric,.si10-facts>div{background:#0c1726!important;border:1px solid #2a3b52!important;border-radius:14px!important;padding:20px!important;transition:border-color .2s,transform .2s}
.si11-tiles>div:hover,.si11-team:hover,.si4-metric:hover{border-color:#c3944e!important;transform:translateY(-2px)}
.si11-tiles small,.si4-metric small,.si10-facts small{font-size:12px!important;color:#90a5bd!important}
.si11-tiles b{font-size:clamp(15px,1.6vw,20px)!important;color:#fff!important}
.si11-two{gap:15px!important}.si11-team h3{font-size:18px!important;margin:0 0 16px!important}
.si11-form span{width:38px!important;height:38px!important;border-radius:11px!important;background:#1b3044!important;font-size:14px!important}
.si11-form .w{background:rgba(46,204,145,.14)!important;color:#57e8ac!important}.si11-form .l{background:rgba(242,94,116,.14)!important;color:#ff8197!important}.si11-form .d{background:rgba(239,187,80,.14)!important;color:#ffcb6b!important}
.si11-history>div,.si11-injuries>div{padding:16px 12px!important;border-bottom:1px solid #27384b!important}.si11-history>div:nth-child(odd){background:rgba(255,255,255,.02)}
.si11-history b{color:#ffcd74;font-size:17px}.si11-injuries b{color:#f8fbff}.si11-muted{color:#90a4bc!important;line-height:1.7}
.si11-chart{border:1px solid #263c52;border-radius:14px;background:linear-gradient(180deg,#0b1929,#091521);padding:20px 15px 8px;box-sizing:border-box}.si11-chart canvas{max-height:310px}
.si11-bars{gap:17px!important}.si11-bar{grid-template-columns:125px minmax(0,1fr) 75px!important;gap:16px!important;font-size:13px!important}.si11-bar>div{height:13px!important;background:#20344a!important}.si11-bar i{border-radius:10px;background:linear-gradient(90deg,#f1a73e,#f8d486)!important}.si11-bar b{color:#ffce77;text-align:right}
.si11-data-grid details{background:#0c1929!important;border-color:#2a3d55!important;padding:18px!important;border-radius:13px!important}.si11-data-grid summary{font-size:15px;font-weight:700;color:#f6c577!important}.si11-data-grid pre{font-size:12px;line-height:1.65}
.si10-track{overflow:hidden;border-radius:10px}.si10-fill{background:linear-gradient(90deg,#e69b39,#f5d58d)!important}
.si4-button,.si11-locked a{display:inline-flex!important;align-items:center;justify-content:center;border-radius:11px!important;padding:12px 21px!important;background:linear-gradient(120deg,#f8ce79,#d99a3d)!important;color:#16130c!important;font-weight:900!important;text-decoration:none!important}
.si11-locked{text-align:center;padding:35px!important;border-color:#ae8044!important}
.si11-locked h2{color:#ffce79!important}
@media(max-width:800px){.si4-detail,.si10-overview,.si10-chart-panel,.si4-metrics,.si4-vip,.si11-panel{margin:12px 10px!important;border-radius:16px!important}.si4-detail{padding:22px 15px!important}.si4-detail-teams{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:6px!important}.si4-detail-teams .si4-logo{width:55px!important;height:55px!important}.si4-detail-teams>span{width:50px;height:50px;font-size:15px}.si4-detail-teams h2{font-size:16px!important}.si11-panel,.si10-overview,.si10-chart-panel,.si4-metrics{padding:20px 15px!important}.si11-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.si11-tiles>div,.si11-team{padding:14px!important}.si11-bar{grid-template-columns:78px minmax(0,1fr) 53px!important;gap:8px!important;font-size:11px!important}.si11-chart{padding:12px 5px}.si11-data-grid{grid-template-columns:1fr!important}.si4-detail-pick{gap:10px!important}}
@media(max-width:380px){.si11-tiles{grid-template-columns:1fr!important}.si4-detail-teams h2{font-size:14px!important}}