/* Release 32: Advanced Personalization and Fan Home. */
.ss-fan-home{display:grid;gap:2rem}.ss-fan-home__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2rem;border:1px solid var(--color-border,#d8e0e5);border-radius:24px;background:linear-gradient(135deg,#eef7f5 0%,#f7f8fb 100%)}.ss-fan-home__intro h2{margin:.25rem 0 .5rem;font-size:clamp(2rem,4vw,3.4rem)}.ss-fan-home__intro p{max-width:68ch;margin:0;color:var(--color-muted,#617080)}
.ss-fan-onboarding{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:2rem;padding:2rem;border-radius:24px;background:#101923;color:#fff}.ss-fan-onboarding h3{margin:.25rem 0 .75rem;font-size:clamp(1.75rem,3vw,2.6rem);color:#fff}.ss-fan-onboarding p{color:#d4dde4}.ss-fan-onboarding .ss-fan-preference-form{background:#fff;color:#101923;border-radius:18px;padding:1.5rem}
.ss-fan-preference-form{display:grid;gap:1.35rem}.ss-fan-preference-form fieldset{border:0;padding:0;margin:0}.ss-fan-preference-form legend{font-weight:800;margin-bottom:.75rem}.ss-fan-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.ss-fan-choice-grid label,.ss-fan-team-grid label{position:relative;display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;border:1px solid #d8e0e5;border-radius:14px;background:#fff;cursor:pointer}.ss-fan-choice-grid input,.ss-fan-team-grid input{accent-color:#179f94}.ss-fan-choice-grid label:has(input:checked),.ss-fan-team-grid label:has(input:checked){border-color:#179f94;box-shadow:0 0 0 2px rgba(23,159,148,.12)}.ss-fan-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;max-height:360px;overflow:auto;padding:.15rem}.ss-fan-team-grid__logo{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}.ss-fan-team-grid__logo img{width:100%;height:100%;object-fit:contain}
.ss-fan-resume{display:grid;grid-template-columns:minmax(180px,32%) minmax(0,1fr);overflow:hidden;border:1px solid #d8e0e5;border-radius:20px;background:#fff;box-shadow:0 16px 38px rgba(15,31,47,.08)}.ss-fan-resume__image{min-height:210px;background:#e9edf2}.ss-fan-resume__image img{width:100%;height:100%;object-fit:cover}.ss-fan-resume>div:last-child{align-self:center;padding:1.5rem 1.75rem}.ss-fan-resume h3{font-size:clamp(1.4rem,2.5vw,2.1rem);margin:.35rem 0 .75rem}.ss-fan-resume p{margin:.4rem 0}
.ss-fan-section{display:grid;gap:1rem}.ss-fan-section__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.ss-fan-section__heading h3{font-size:clamp(1.5rem,2.4vw,2rem);margin:0}.ss-fan-section__heading p{margin:.3rem 0 0;color:#657381}.ss-fan-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ss-fan-games--compact{margin-bottom:1.5rem}.ss-fan-game{border:1px solid #d8e0e5;border-radius:16px;background:#fff;overflow:hidden}.ss-fan-game>a{display:grid;gap:.7rem;padding:1rem;color:inherit;text-decoration:none}.ss-fan-game__meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#657381}.ss-fan-game__team{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-weight:800}.ss-fan-game__team span{display:flex;align-items:center;gap:.55rem;min-width:0}.ss-fan-game__team img{width:30px;height:30px;object-fit:contain}.ss-fan-game__team strong{font-size:1.25rem}
.ss-fan-rail__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.ss-fan-card{overflow:hidden;border:1px solid #d8e0e5;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,31,47,.06)}.ss-fan-card__image{display:block;aspect-ratio:16/10;background:#e9edf2}.ss-fan-card__image img{width:100%;height:100%;object-fit:cover}.ss-fan-card__body{display:grid;gap:.55rem;padding:1rem}.ss-fan-card h4{font-size:1.15rem;line-height:1.12;margin:0}.ss-fan-card p{font-size:.92rem;color:#657381;margin:0}.ss-fan-card__reason{display:flex;align-items:center;gap:.35rem;padding-top:.45rem;border-top:1px solid #e5eaee;color:#317a75}.ss-fan-card__reason span{color:#179f94}
.ss-fan-homepage{background:#f3f6f8}.ss-fan-homepage .ss-fan-rail__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-hub-hero__follow{margin-top:1rem}.team-hub-hero__follow .ss-reader-action{background:#fff}
.ss-fan-preferences{grid-column:1/-1}.ss-reader-account-grid>.ss-fan-preferences{max-width:none}
@media(max-width:1000px){.ss-fan-onboarding{grid-template-columns:1fr}.ss-fan-rail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-fan-homepage .ss-fan-rail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-fan-games{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-fan-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ss-fan-home__intro{grid-template-columns:1fr;padding:1.35rem}.ss-fan-home__intro .button{justify-self:start}.ss-fan-resume{grid-template-columns:1fr}.ss-fan-resume__image{min-height:180px}.ss-fan-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-fan-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px}.ss-fan-games,.ss-fan-rail__grid,.ss-fan-homepage .ss-fan-rail__grid{grid-template-columns:1fr}.ss-fan-section__heading{align-items:start;flex-direction:column}.ss-fan-onboarding{padding:1.25rem}}
@media(max-width:430px){.ss-fan-choice-grid,.ss-fan-team-grid{grid-template-columns:1fr}}