:root{--pxs-gold:#E4BB68;--pxs-text:#EDEAE3;--pxs-cond:"Barlow Condensed","Arial Narrow",sans-serif}


.pxs-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.pxs-card{--tint:#9A4524;padding-top:18px!important;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:3/4;border-radius:16px;
  display:flex;flex-direction:column;align-items:center;padding:0 10px 20px;text-decoration:none;color:var(--pxs-text);
  background:linear-gradient(180deg,#121317 0%,#121317 30%,color-mix(in srgb,var(--tint) 35%,#121317) 70%,color-mix(in srgb,var(--tint) 75%,#121317) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.pxs-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 38% at 50% 40%,color-mix(in srgb,var(--tint) 45%,transparent),transparent 70%)}
.pxs-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint) 70%,rgba(255,255,255,.1)),0 18px 36px -18px color-mix(in srgb,var(--tint) 80%,#000)}
.pxs-card:focus-visible{outline:2px solid var(--pxs-gold);outline-offset:2px}
.pxs-court{position:absolute;left:0;right:0;bottom:0;height:55%;z-index:-1}
.pxs-court svg{width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.08);stroke-width:1.2}
.pxs-icon{width:66px;height:66px;margin-top:auto;margin-bottom:auto;color:#F4F1EA;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.pxs-icon svg{width:100%;height:100%;display:block;overflow:visible}
.pxs-title{margin-top:0;text-align:center;font-family:var(--pxs-cond);text-transform:uppercase;line-height:.95}
.pxs-title small{display:block;white-space:nowrap;font-size:13px;font-weight:500;letter-spacing:.14em;color:rgba(255,255,255,.7);margin-bottom:3px}
.pxs-title b{display:block;font-size:27px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.pxs-title::after{content:"";display:block;width:24px;height:2px;border-radius:2px;background:var(--pxs-gold);margin:10px auto 0;transition:width .25s}
.pxs-card:hover .pxs-title::after{width:44px}
.pxs-card{padding-top:18px}
@media (max-width:600px){
  
  .pxs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pxs-icon{width:54px;height:54px}
  .pxs-title b{font-size:23px}
}
@media (prefers-reduced-motion:reduce){.pxs-card,.pxs-title::after{transition:none}}

#sportsGamesRail{display:flex!important;gap:14px!important;max-width:1400px;margin:0 auto;padding:6px 2px 20px;overflow-x:auto}
#sportsGamesRail .pxs-card{flex:0 0 184px;width:184px;box-sizing:border-box}
#sportsGamesRail.expanded{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));overflow:visible}
#sportsGamesRail.expanded .pxs-card{width:100%}
@media(max-width:600px){#sportsGamesRail .pxs-card{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2)}#sportsGamesRail.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}}