.sp-section{width:100%;background-color:transparent;padding:5rem 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sp-container{width:100%;max-width:1300px;margin:0 auto;padding:0 1.5rem}.sp-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:2.5rem}.sp-badge-top{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background-color:#1a1a1a;border:1px solid #333;margin-bottom:1.5rem}.sp-badge-top span{font-size:10px;font-weight:700;color:#facc15;text-transform:uppercase;letter-spacing:.1em}.sp-title{font-size:40px;font-weight:900;color:#000;letter-spacing:-.025em;margin-bottom:.5rem;margin-top:0}.sp-subtitle{color:#4b5563;font-weight:500;font-size:15px;margin:0}.sp-main-container{display:flex;flex-direction:column;gap:2.5rem}.sp-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sp-skeleton{height:220px;background-color:#1a1a1a;border-radius:20px;border:1px solid #262626;animation:sp-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:767px){.hidden-mobile{display:none}}@media(max-width:1023px){.hidden-tablet{display:none}}.sp-card{background-color:#161616;border-radius:16px;border:1px solid #262626;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;transition:all .3s ease;text-decoration:none}.sp-card:hover{border-color:#3f3f46;transform:translateY(-4px)}.sp-league-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sp-league-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:60%}.sp-league-icon{width:14px;height:14px;color:#facc15;flex-shrink:0}.sp-channel{font-size:9px;font-weight:700;color:#4ade80;border:1px solid rgba(74,222,128,.3);padding:2px 8px;border-radius:9999px;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.sp-teams-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sp-team{display:flex;flex-direction:column;align-items:center;text-align:center;width:6rem;gap:8px}.sp-team-logo{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.sp-team-placeholder{width:50px;height:50px;background-color:#222;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#777;border:1px solid #333}.sp-team-name{font-size:11px;font-weight:700;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sp-score{font-size:22px;font-weight:900;color:#facc15;line-height:1}.sp-vs{font-size:10px;font-weight:900;color:#71717a;margin-bottom:4px}.sp-time{font-size:18px;font-weight:900;color:#facc15;line-height:1}.sp-badge-container{display:flex;justify-content:center;margin-top:auto}.sp-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700;padding:4px 12px;border-radius:9999px}.sp-badge-live{background-color:#3a1c1c;border:1px solid rgba(153,27,27,.4);color:#ef4444}.sp-dot-live{width:6px;height:6px;background-color:#ef4444;border-radius:50%;animation:sp-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sp-badge-done{background-color:#222;border:1px solid #333;color:#71717a;text-transform:uppercase}.sp-badge-soon{background-color:#26210f;border:1px solid rgba(113,63,18,.4);color:#facc15}.sp-badge-later{background-color:#222;border:1px solid #333;color:#a1a1aa}@keyframes biy-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes biy-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}