.sports-shelf{margin:32px 0}.sports-entry{display:flex;align-items:center;gap:32px;padding:32px;border:1px solid #daff7570;border-radius:20px;background:#172a27;text-decoration:none;color:var(--paper)}.sports-entry:hover{border-color:var(--acid)}.sports-entry:focus-visible,.sports-page a:focus-visible{outline:3px solid var(--acid);outline-offset:5px}.sports-entry h2{font-size:clamp(30px,4vw,52px);letter-spacing:-1.5px;margin:8px 0}.sports-entry p{color:#d4dcd7;margin:10px 0}.sports-enter{display:inline-block;margin-top:10px;color:var(--acid);font-weight:700}.sports-field{display:grid;place-items:center;flex:0 0 160px;align-self:stretch;min-height:145px;font-size:76px;border:2px solid #ffffff50;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent 30px,#ffffff25 30px,#ffffff25 32px),#25483b}.sports-page{padding-bottom:40px}.sports-page .back{display:inline-block;color:var(--acid);margin:20px 0}.sports-intro{color:var(--muted);max-width:650px;line-height:1.6}.sports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.sport-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #ffffff30;border-radius:18px;background:#1c2030}.sport-card.active{background:#172a27;border-color:#daff7590}.sport-icon{font-size:64px;line-height:1.5}.sport-name{font-size:16px;color:var(--muted);margin:14px 0 6px}.sport-card h2{font-size:32px;letter-spacing:-1px;margin:0 0 24px}.sport-card .primary{display:block;text-align:center;text-decoration:none;margin-top:auto}.sport-card .join-link{color:var(--acid);margin-top:16px;text-align:center}.sport-card.upcoming{background:#23252c;color:#bfc1c8}.upcoming .sport-icon{filter:grayscale(1);opacity:.65}.sport-card button:disabled{margin-top:auto;width:100%;min-height:48px;border:1px solid #ffffff25;border-radius:10px;background:#34363d;color:#c3c5cc;font:inherit;font-weight:700;cursor:not-allowed}.sports-login{max-width:540px}.sports-login label{display:block;margin:24px 0 10px}.sports-login input{width:100%;box-sizing:border-box}.sports-login button{margin-top:18px}.sports-login [role=status]{min-height:24px;color:var(--muted)}
@media(max-width:950px){.sports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sports-entry{padding:22px;gap:20px;align-items:flex-start;flex-direction:column}.sports-field{flex-basis:auto;min-height:105px;font-size:60px}.sports-entry h2{letter-spacing:-1px}.sports-grid{grid-template-columns:1fr}.sport-card{padding:24px}.sports-page h1{font-size:38px}}