/* Fan identity, prediction and rival experience */
.fan-dashboard{display:grid;gap:16px;margin-bottom:20px}.fan-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.fan-dashboard-head h2{margin:4px 0 0!important;font-size:24px!important;letter-spacing:-.03em}.fan-eyebrow{display:block;font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--clubLight)}.fan-predictor-badge{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750;white-space:nowrap}.fan-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fan-identity-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(135deg,var(--panel),var(--soft));min-width:0}.fan-identity-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-60px;background:rgba(var(--clubRGB),.12);pointer-events:none}.fan-identity-rival:after{background:#da465219}.fan-card-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--mute)}.fan-identity-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px;min-width:0}.fan-team-mark{display:inline-flex;align-items:center;gap:9px;min-width:0}.fan-team-mark .cr{flex:none}.fan-team-mark b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-identity-card p{font-size:12px!important;color:var(--mute);margin:0!important}.fan-stat-card,.fan-rival-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel)}.fan-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:800}.fan-card-title small{font-weight:400;color:var(--mute);font-size:12px}.fan-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.fan-stat-grid>div{display:grid;gap:5px;padding:16px;background:var(--field)}.fan-stat-grid span{font-size:12px;color:var(--mute)}.fan-stat-grid strong{font-size:25px;font-variant-numeric:tabular-nums}.fan-stat-grid small{font-size:11px;color:var(--mute)}.fan-stat-grid .fan-stat-accent{background:linear-gradient(135deg,var(--clubSoft),var(--field))}.fan-stat-grid .fan-stat-accent strong{color:var(--clubLight)}.fan-rival-name{min-width:0}.fan-rival-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fan-radar-block{display:grid;align-content:start;gap:8px;min-height:98px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--field);min-width:0}.fan-radar-block>span{font-size:11px;color:var(--mute);font-weight:700;letter-spacing:.04em}.fan-radar-block>small{font-size:11px;color:var(--mute);line-height:1.5}.fan-form{display:flex;gap:5px}.fan-form b{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-size:11px}.fan-form-w{background:#1d8a5240;color:#64d99a}.fan-form-d{background:#8b96a329;color:var(--mute)}.fan-form-l{background:#c8484b30;color:#ef8588}.fan-mood-score{font-size:18px}.fan-mini-match{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.fan-mini-match .fan-team-mark b{font-size:12px}.fan-mini-match .fan-team-mark .cr{width:23px;height:23px}.fan-mini-match>b{font-size:13px;white-space:nowrap}.fan-rival-copy{margin:15px 0 0!important;font-size:13px!important;color:var(--mute)}.fan-rival-empty{display:grid;place-items:center;text-align:center;gap:9px;padding:22px}.fan-rival-empty>span{font-size:27px}.fan-rival-empty p{margin:0!important;color:var(--mute);font-size:14px!important}.fan-loading,.fan-error{padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--mute);font-size:13px}.fan-error{color:var(--danger)}.fan-profile-rival{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px}.fan-profile-rival>span{font-size:14px;color:var(--mute)}.fan-profile-rival>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.fan-profile-rival small{font-size:12px;color:var(--mute);line-height:1.6}

/* Match pick */
.fan-match-card{margin:16px 0;border:1px solid var(--line);border-radius:16px;padding:20px;background:linear-gradient(145deg,var(--panel),var(--soft));display:grid;gap:16px}.fan-match-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.fan-match-card h3{margin:4px 0 0;font-size:21px}.fan-kickoff{font-size:12px;color:var(--mute);white-space:nowrap}.fan-pick-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fan-pick-option{position:relative;min-height:88px;border:1px solid var(--line);border-radius:13px;background:var(--field);color:var(--ink);display:grid;place-items:center;align-content:center;gap:6px;padding:12px;transition:.15s ease}.fan-pick-option:not(:disabled):hover{transform:translateY(-1px);border-color:var(--clubLight)}.fan-pick-option.selected{border-color:var(--clubLight);box-shadow:inset 0 0 0 1px var(--clubLight);background:var(--clubSoft)}.fan-pick-option .cr{width:32px;height:32px}.fan-pick-option>span{font-size:13px;font-weight:700;text-align:center}.fan-pick-option small{font-size:9px;letter-spacing:.08em;color:var(--clubLight);font-weight:800}.fan-pick-option:disabled{opacity:.82;cursor:default}.fan-draw-icon{font-size:24px!important}.fan-pick-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fan-pick-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px 8px;font-size:11px}.fan-pick-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mute)}.fan-pick-bars b{font-variant-numeric:tabular-nums}.fan-pick-bars i{grid-column:1/-1;display:block;height:4px;background:var(--line);border-radius:99px;overflow:hidden}.fan-pick-bars em{display:block;height:100%;background:var(--clubLight);border-radius:99px}.fan-pick-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;font-size:13px}.fan-pick-result.correct{background:#1d8a5222;border:1px solid #1d8a5255}.fan-pick-result.wrong{background:#c8484b18;border:1px solid #c8484b44}.fan-pick-result span{font-size:11px;color:var(--mute)}.fan-match-mood{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.fan-match-mood>div:first-child{display:grid;gap:4px}.fan-match-mood small{color:var(--mute);font-size:11px}.fan-mood-buttons{display:flex;gap:7px}.fan-mood-buttons button{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:var(--field);font-size:20px}.fan-mood-buttons button:hover,.fan-mood-buttons button.selected{border-color:var(--clubLight);background:var(--clubSoft);transform:translateY(-1px)}.fan-match-card>footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:11px;font-size:10px;color:var(--mute)}.fan-login-pick{justify-self:start}.fan-lock-note{font-size:12px;color:var(--mute);margin:0}

/* Identity picker */
.fan-picker-overlay .box{width:min(820px,calc(100vw - 28px));max-height:min(780px,88vh);overflow:auto}.fan-picker{display:grid;gap:18px}.fan-picker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.fan-picker-head h2{margin:5px 0 8px}.fan-picker-head p{margin:0;color:var(--mute);font-size:13px;line-height:1.7}.fan-picker-locked{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.fan-picker-locked span{font-size:13px;color:var(--mute)}.fan-team-search{display:grid;gap:7px;font-size:12px;color:var(--mute)}.fan-team-search input{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);padding:0 13px;font-size:15px}.fan-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding:2px}.fan-team-grid button{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);text-align:left}.fan-team-grid button:hover,.fan-team-grid button.selected{border-color:var(--clubLight);background:var(--clubSoft)}.fan-team-grid button .cr{width:28px;height:28px;flex:none}.fan-team-grid button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.fan-picker-actions{position:sticky;bottom:-18px;background:linear-gradient(180deg,transparent,var(--panel) 18%);padding:22px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:12px}.fan-picker-choice{min-width:0}.fan-picker-choice .fan-team-mark b{font-size:14px}.fan-picker-rule{font-size:11px;color:var(--mute);margin:0}.fan-picker-error:not(:empty){padding:10px;border-radius:8px;background:#c8484b18;color:var(--danger);font-size:12px}

@media(max-width:760px){.fan-dashboard-head{align-items:flex-start}.fan-dashboard-head h2{font-size:21px!important}.fan-identity-grid{grid-template-columns:1fr}.fan-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fan-rival-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fan-match-card{padding:16px}.fan-match-card>header{display:grid}.fan-kickoff{white-space:normal}.fan-pick-options{gap:7px}.fan-pick-option{min-height:82px;padding:9px 5px}.fan-pick-bars{gap:7px}.fan-match-mood{display:grid}.fan-mood-buttons{justify-content:space-between}.fan-mood-buttons button{flex:1}.fan-match-card>footer{display:grid}.fan-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fan-picker-actions{align-items:flex-end}.fan-picker-choice .fan-team-mark b{max-width:140px}}
/* Compact home discovery card */
.fan-home-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel),var(--soft));min-width:0}.fan-home-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.fan-home-top h3,.fan-home-card>h3{margin:3px 0 0;font-size:17px}.fan-home-badge{font-size:12px;font-weight:800;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--field)}.fan-home-identity{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.fan-home-identity>div{display:grid;gap:7px;min-width:0}.fan-home-identity>div:last-child{text-align:right}.fan-home-identity>div:last-child .fan-team-mark{justify-content:flex-end}.fan-home-identity small{font-size:9px;letter-spacing:.07em;color:var(--mute);font-weight:750}.fan-home-identity .fan-team-mark b{font-size:12px}.fan-home-identity .fan-team-mark .cr{width:25px;height:25px}.fan-home-vs{font-size:9px;font-weight:800;color:var(--mute)}.fan-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;overflow:hidden}.fan-home-stats>span{display:grid;gap:3px;padding:9px 6px;text-align:center;background:var(--field)}.fan-home-stats>span+span{border-left:1px solid var(--line)}.fan-home-stats b{font-size:13px;font-variant-numeric:tabular-nums}.fan-home-stats small{font-size:8px;color:var(--mute);letter-spacing:.04em}.fan-home-card>p{font-size:11px;line-height:1.55;color:var(--mute);margin:0}.fan-home-link{justify-self:end;font-size:12px}.fan-home-guest .btn{justify-self:start}.fan-home-guest p{font-size:12px}

.fan-faceoff{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.fan-faceoff>span{display:grid;gap:4px;justify-items:start;min-width:0}.fan-faceoff>span:last-child{justify-items:end;text-align:right}.fan-faceoff .fan-team-mark b{font-size:12px}.fan-faceoff .fan-team-mark .cr{width:24px;height:24px}.fan-faceoff>span>b{font-size:20px;color:var(--clubLight);font-variant-numeric:tabular-nums}.fan-faceoff small{font-size:9px;color:var(--mute)}.fan-faceoff>i{font-style:normal;font-size:9px;font-weight:800;color:var(--mute)}.fan-match-mood-summary{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:15px}.fan-match-mood-summary>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fan-match-mood-summary article{display:grid;gap:6px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.fan-match-mood-summary article>strong{font-size:18px}.fan-match-mood-summary article>small{font-size:9px;color:var(--mute)}.fan-match-mood-summary .fan-team-mark b{font-size:12px}.fan-match-mood-summary .fan-team-mark .cr{width:24px;height:24px}

/* Compact responsive cards; preserve the site's existing theme tokens. */
.fan-dashboard,.fan-home-card,.fan-match-card,.fan-rival-card,.fan-stat-card{min-width:0;max-width:100%;box-sizing:border-box}
.fan-card-title{flex-wrap:wrap}.fan-card-title small{line-height:1.5}.fan-identity-main>button{flex-shrink:0}
.fan-mini-match>span{min-width:0;overflow:hidden}.fan-team-mark{max-width:100%}.fan-team-mark b{min-width:0}
.fan-form{gap:4px}.fan-form b{flex:1;min-width:0;max-width:27px}
.fan-pick-option{min-width:0}.fan-pick-option>span{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.35}
.fan-pick-bars>div{min-width:0}.fan-pick-bars span{overflow-wrap:anywhere}
.fan-mood-buttons button{min-width:0;min-height:44px}.fan-picker{max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}
.fan-picker button:focus-visible,.fan-dashboard button:focus-visible,.fan-match-card button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:760px){.fan-dashboard{gap:12px}.fan-stat-card,.fan-rival-card{padding:14px}.fan-dashboard-head{gap:8px;flex-wrap:wrap}.fan-identity-card{padding:14px}.fan-radar-block{padding:10px}.fan-mood-buttons{gap:6px}.fan-mood-buttons button{padding:8px 0}.fan-home-card{margin-bottom:16px}.fan-match-mood-summary article{min-width:0}.fan-picker{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.fan-pick-option{transition:none}.fan-pick-option:not(:disabled):hover{transform:none}}

/* Small Android widths and enlarged text retain all controls. */
.fan-match-card>header,.fan-match-card>footer{flex-wrap:wrap}.fan-kickoff{white-space:normal}.fan-faceoff>span{min-width:0}.fan-faceoff small{overflow-wrap:anywhere}.fan-home-identity>div{min-width:0}.fan-team-mark .fan-emblem{flex-shrink:0}.fan-pick-bars>div{grid-template-columns:minmax(0,1fr) auto}.fan-mood-buttons{max-width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.fan-mood-buttons button{width:100%;min-width:36px}.fan-match-mood{flex-wrap:wrap}.fan-mood-buttons{width:238px}.fan-home-stats>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:380px){.fan-match-card{padding:12px}.fan-pick-options,.fan-pick-bars{gap:6px}.fan-pick-option{padding:8px 4px}.fan-identity-grid{grid-template-columns:minmax(0,1fr)}.fan-rival-grid{grid-template-columns:minmax(0,1fr)}.fan-stat-grid>div{padding:10px}.fan-match-card h3{font-size:18px}}
.fan-favorite-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:1rem}.fan-favorite-card strong{display:block;margin-top:.5rem;font-size:1rem}.fan-achievements,.fan-ranking{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:1rem 0}.fan-achievements>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.fan-achievements>div:last-child span{border:1px solid var(--line);padding:.5rem;border-radius:8px;font-size:.875rem}.fan-achievements .locked{color:var(--mute)}.fan-achievements .earned{background:var(--tint);font-weight:700}.fan-achievements progress{width:100%;height:8px;accent-color:var(--clubLight)}.fan-ranking-controls{display:flex;flex-wrap:wrap;gap:.5rem}.fan-ranking-controls button{padding:.55rem .75rem;border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:8px;font-size:.875rem;min-height:44px}.fan-ranking-controls button.selected{background:var(--tint);border-color:var(--clubLight);font-weight:700}.fan-ranking-controls>span{flex:1}.fan-ranking-scroll{overflow-x:auto}.fan-ranking table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.fan-ranking th,.fan-ranking td{padding:.75rem .5rem;border-bottom:1px solid var(--line)}.fan-ranking td small{display:block;color:var(--mute);font-size:.75rem}.fan-ranking .mine{background:var(--tint);font-weight:700}.fan-match-progress{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;padding:.75rem 0;font-size:.875rem}.fan-match-progress b{font-variant-numeric:tabular-nums}.fan-player-results{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.fan-picker form{display:flex;gap:.75rem;align-items:end}.fan-picker form label{flex:1;display:grid;gap:.5rem}.fan-picker form input{width:100%;min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink)}
.fan-play-note{font-size:.875rem;color:var(--mute);padding:.7rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);line-height:1.6}
.fantasy-page{min-width:0}.fantasy-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.fantasy-head h1{font-size:1.75rem;margin:.5rem 0}.fantasy-head p{font-size:1rem;color:var(--mute)}.fantasy-history h2{font-size:1.125rem}.fantasy-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.875rem}.fantasy-history article small{display:block;margin-top:.4rem;color:var(--mute)}.fantasy-history article.correct strong{background:#16a34a22;border:1px solid #22c55e}.fantasy-history article.wrong strong{background:#e11d481c;border:1px solid #f87171}.fantasy-history strong{padding:.4rem .6rem;border-radius:7px;white-space:nowrap}.fantasy-page .fan-dashboard-head{margin-top:1rem}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mobile-nav button span{font-size:.75rem}.fantasy-head{align-items:start;flex-direction:column}.fantasy-history article{gap:.5rem}.fantasy-history article b{font-size:.875rem}.fantasy-history article>span,.fantasy-history article>strong{font-size:.75rem}}
.badge-collection{padding:1.25rem}.badge-collection-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.badge-collection h2{font-size:1.25rem;margin:.4rem 0}.badge-count{padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px;font-weight:750;white-space:nowrap}.badge-growth{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:1.25rem;padding:1.25rem;margin:1rem 0;border:1px solid var(--line);border-radius:12px;background:var(--field)}.badge-level{display:grid;gap:.35rem}.badge-level>span{font-size:.875rem;color:var(--clubLight);font-weight:800}.badge-level strong{font-size:1.35rem}.badge-level small{color:var(--mute)}.badge-xp-label{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;margin-bottom:.65rem}.badge-xp-label>span{color:var(--mute)}.badge-growth p{font-size:.75rem;color:var(--mute);line-height:1.5;margin:.65rem 0 0}.badge-next{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin-bottom:1rem}.badge-next>span{font-size:2rem}.badge-next>div{flex:1}.badge-next small{display:block;color:var(--mute);font-size:.75rem;margin-bottom:.3rem}.badge-next p{margin:.35rem 0 0;font-size:.875rem;color:var(--mute)}.badge-next>strong{font-variant-numeric:tabular-nums;white-space:nowrap}.badge-filters{display:flex;gap:.5rem!important;margin:1rem 0!important}.badge-filters button{min-height:44px;padding:.5rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font-size:.875rem}.badge-filters .selected{background:var(--tint);border-color:var(--clubLight);font-weight:750}.fan-achievements .badge-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem!important}.badge-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;min-width:0;padding:1.2rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink)}.badge-tile .badge-symbol,.badge-detail>.badge-symbol{border:0!important;padding:0!important;font-size:2.5rem;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--soft)}.badge-tile.locked .badge-symbol{filter:grayscale(.8);opacity:.65}.badge-tile b{font-size:.875rem}.badge-tile small{font-size:.75rem;line-height:1.5;color:var(--mute);min-height:2.25rem}.badge-tile progress{margin-top:auto}.badge-tile .badge-status{border:0!important;padding:0!important;font-size:.75rem!important;background:none!important;color:var(--mute)}.badge-tile.earned{border-color:#22c55e;background:linear-gradient(145deg,#16a34a14,var(--field))}.badge-detail{text-align:center;display:grid;justify-items:center;gap:1rem}.badge-detail>.iconbutton{justify-self:end}.badge-detail progress{width:100%;accent-color:var(--clubLight)}
@media(max-width:1050px){.fan-achievements .badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.fan-achievements .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-growth{grid-template-columns:1fr;padding:1rem}.badge-level{grid-template-columns:auto 1fr auto;align-items:center}.badge-xp-label{flex-wrap:wrap}.badge-collection-head h2{font-size:1.125rem}.badge-next{gap:.75rem}.badge-next>strong{font-size:.875rem}.badge-tile{padding:1rem .5rem}}
.fan-play-note>strong{display:block;font-size:1rem;font-weight:800;color:var(--ink);line-height:1.5}.fan-play-note>span{display:block;margin-top:.35rem;font-size:.875rem;line-height:1.6;color:var(--mute)}

/* Keep the community identity and board navigation together while scrolling. */
#app[data-page="home"] .clubhero{position:sticky;top:var(--dmt-match-header-offset,80px);z-index:7;align-self:start;background:var(--panel);box-shadow:0 4px 12px #0001}
#app[data-page="home"] #view:has(.clubhero) .tabs{top:calc(var(--dmt-match-header-offset,80px) + var(--dmt-community-header-height,64px));z-index:6;background:var(--panel)}
.fan-insights{display:grid;gap:16px;margin:16px 0}.fan-insight-grid,.fan-upcoming-grid,.fan-round-grid,.fan-player-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fan-insight-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0;display:flex;flex-direction:column;gap:12px}.fan-insight-card h3,.fan-insight-card h4,.fan-insight-card p{margin:0}.fan-insight-card h3{font-size:16px}.fan-insight-card small,.fan-insight-card .meta{color:var(--mute);font-size:12px;line-height:1.6}.fan-insight-card>small{margin-top:auto}.fan-title-pills{display:flex;flex-wrap:wrap;gap:8px}.fan-title-pills b{padding:8px 12px;border-radius:20px;background:var(--soft);color:var(--ink);font-size:13px}.fan-insight-number{font-size:36px}.fan-personal-bests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fan-personal-bests>div{display:grid;gap:6px}.fan-personal-bests strong{font-size:24px}.fan-personal-bests span{font-size:12px;color:var(--mute)}.fan-loyalty-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fan-loyalty-compare article{display:grid;gap:8px}.fan-loyalty-compare strong{font-size:28px}.fan-upcoming-grid>article,.fan-round-grid>article,.fan-player-stat-grid>article{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);background:var(--soft);border-radius:10px;min-width:0}.fan-upcoming-grid>article>span,.fan-round-grid>article>span{font-size:12px;color:var(--mute)}.fan-upcoming-grid h4,.fan-round-grid h4{font-size:14px;overflow-wrap:anywhere}.fan-upcoming-grid .fan-quick-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto}.fan-upcoming-grid .fan-quick-picks button{width:100%;height:44px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px;padding:4px}.fan-upcoming-grid .fan-quick-picks button.selected{background:var(--club);color:var(--clubOn);border-color:var(--club)}.fan-upcoming-grid .fan-quick-picks small{grid-column:1/-1;min-height:18px}.fan-round-grid .btn{margin-top:auto;min-height:44px}.fan-deadline-alert{color:#be681c;font-size:12px}.fan-record-celebration{padding:10px;background:var(--soft);border-radius:8px;font-weight:700;animation:fan-record-pop .6s ease-out}@keyframes fan-record-pop{from{transform:scale(.96);opacity:.3}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.fan-record-celebration{animation:none}}@media(max-width:600px){.fan-insight-grid,.fan-upcoming-grid,.fan-round-grid,.fan-player-stat-grid{grid-template-columns:minmax(0,1fr)}.fan-insight-card{padding:16px}.fan-personal-bests strong{font-size:20px}}
/* Fantasy layout: play first, then rankings, records and fan identity. */
[data-fan-fantasy]{--fantasy-gap:16px;--fantasy-radius:12px;display:grid;gap:var(--fantasy-gap);min-width:0}
[data-fan-fantasy] *,[data-fan-fantasy] *:before,[data-fan-fantasy] *:after{box-sizing:border-box}
[data-fan-fantasy] .fantasy-head{margin:0;align-items:center;padding:4px 0 8px}[data-fan-fantasy] .fantasy-head h1{margin:6px 0;font-size:28px;letter-spacing:-.035em}[data-fan-fantasy] .fantasy-head p{margin:0;font-size:14px;line-height:1.6}
[data-fan-fantasy]>.fan-play-note{margin:0;padding:14px 18px;border:1px solid var(--line);border-left:4px solid var(--club);border-radius:var(--fantasy-radius);background:var(--soft)}[data-fan-fantasy]>.fan-play-note>strong{font-size:14px}[data-fan-fantasy]>.fan-play-note>span{font-size:12px;line-height:1.6}
.fantasy-section-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--fantasy-radius)}.fantasy-section-nav a{display:flex;align-items:center;justify-content:center;height:44px;padding:4px;border-radius:8px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;min-width:0;white-space:nowrap}.fantasy-section-nav a:hover{background:var(--clubSoft)}
[data-fan-fantasy] .fan-dashboard{gap:var(--fantasy-gap);margin:0}[data-fan-fantasy] .fan-dashboard-head{margin:0!important;align-items:center}[data-fan-fantasy] .fan-dashboard-head h2{font-size:18px!important;margin:4px 0!important}[data-fan-fantasy] .fan-dashboard-head .fan-eyebrow{font-size:10px}
[data-fan-fantasy] :is(.fan-stat-card,.fan-ranking,.fan-achievements,.fan-insight-card,.fan-rival-card,.fan-identity-card,.fan-favorite-card,.fantasy-history){padding:20px;margin:0;border:1px solid var(--line);border-radius:var(--fantasy-radius);background:var(--panel);min-width:0;width:100%}
[data-fan-fantasy] :is(h2,h3){line-height:1.4}[data-fan-fantasy] :is(.fan-insights,.fan-insight-grid,.fan-identity-grid){margin:0;gap:var(--fantasy-gap)}[data-fan-fantasy] .fan-insight-grid{grid-auto-rows:1fr}[data-fan-fantasy] .fan-insight-grid>.fan-insight-card{min-height:220px}
[data-fan-fantasy] .fan-stat-grid>div{min-height:110px;align-content:center;padding:16px}[data-fan-fantasy] .fan-stat-grid strong{font-size:30px;line-height:1.15}[data-fan-fantasy] .fan-stat-card>.meta{margin:12px 0 0;font-size:12px}
[data-fan-fantasy] .fan-ranking-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}[data-fan-fantasy] .fan-ranking-controls>span{display:none}[data-fan-fantasy] .fan-ranking-controls button{height:44px;padding:5px;min-width:0;font-size:13px}[data-fan-fantasy] .fan-ranking-controls button.selected{background:var(--club);color:var(--clubOn);border-color:var(--club)}[data-fan-fantasy] .fan-ranking th{color:var(--mute);font-size:12px;font-weight:600;background:var(--soft)}[data-fan-fantasy] .fan-ranking td{font-variant-numeric:tabular-nums}[data-fan-fantasy] .fan-ranking tr.mine td:first-child{box-shadow:inset 3px 0 var(--club)}
[data-fan-fantasy] :is(.fan-upcoming-grid,.fan-round-grid,.fan-player-stat-grid){gap:12px;grid-auto-rows:1fr}[data-fan-fantasy] :is(.fan-upcoming-grid,.fan-round-grid)>article{padding:16px;min-height:180px;background:var(--field)}[data-fan-fantasy] .fan-upcoming-grid h4{font-size:16px;line-height:1.5}[data-fan-fantasy] .fan-deadline-alert{color:var(--ink);background:var(--soft);padding:5px 8px;border-radius:6px;align-self:start;border:1px solid var(--line)}
[data-fan-fantasy] :is(.btn,.iconbutton,.badge-filters button){min-height:44px;line-height:1.3}[data-fan-fantasy] .badge-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}[data-fan-fantasy] .badge-filters button{height:44px;padding:5px;min-width:0}[data-fan-fantasy] .badge-tile{min-height:210px;padding:16px 10px;background:var(--field);font-weight:inherit}[data-fan-fantasy] .badge-tile .badge-symbol{width:56px;height:56px;font-size:30px}[data-fan-fantasy] .badge-tile b{min-height:38px;display:grid;place-items:center}[data-fan-fantasy] .badge-tile small{min-height:42px}
[data-fan-fantasy] .fan-favorite-card{align-items:center}[data-fan-fantasy] .fan-identity-card{min-height:160px}[data-fan-fantasy] .fantasy-history h2{margin:0 0 8px;font-size:18px}[data-fan-fantasy] .fantasy-history article:last-child{border-bottom:0}[data-fan-fantasy] .fantasy-history article>strong{min-width:82px;text-align:center}
[data-fan-fantasy] [id^=fantasy-]{scroll-margin-top:calc(var(--dmt-match-header-offset,80px) + 16px)}[data-fan-fantasy] :is(button,a):focus-visible{outline:3px solid var(--clubLight);outline-offset:3px}
@media(max-width:760px){[data-fan-fantasy]{--fantasy-gap:12px}[data-fan-fantasy] .fantasy-head{flex-direction:row;flex-wrap:wrap}[data-fan-fantasy] .fantasy-head h1{font-size:24px}[data-fan-fantasy] .fantasy-head .btn{width:100%;justify-content:center}[data-fan-fantasy] :is(.fan-stat-card,.fan-ranking,.fan-achievements,.fan-insight-card,.fan-rival-card,.fan-identity-card,.fan-favorite-card,.fantasy-history){padding:16px}[data-fan-fantasy] .fan-stat-grid>div{min-height:100px;padding:12px}[data-fan-fantasy] .fan-stat-grid strong{font-size:27px}.fantasy-section-nav a{font-size:12px}.fantasy-section-nav{gap:4px;padding:4px}[data-fan-fantasy] .fan-predictor-badge{font-size:11px;padding:7px 9px}[data-fan-fantasy] .fan-ranking th,[data-fan-fantasy] .fan-ranking td{padding:10px 5px;font-size:12px}[data-fan-fantasy] .fan-ranking td:nth-child(2){overflow-wrap:anywhere}[data-fan-fantasy] .badge-tile{min-height:200px}[data-fan-fantasy] .fan-insight-grid>.fan-insight-card{min-height:210px}[data-fan-fantasy] .fantasy-history article{grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding:12px 0}[data-fan-fantasy] .fantasy-history article>div{grid-row:span 2}[data-fan-fantasy] .fantasy-history article>span{text-align:center}[data-fan-fantasy] .fantasy-history article>strong{min-width:0;width:76px}[data-fan-fantasy] .fan-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-fan-fantasy] .fan-identity-main{flex-wrap:wrap}[data-fan-fantasy] .fan-team-mark b{font-size:14px}[data-fan-fantasy] .fan-identity-card{padding:12px;min-height:190px}[data-fan-fantasy] .fan-identity-main .btn{width:100%;justify-content:center}}
/* Home hero: introduction / upcoming matches / live fantasy standings. */
.hero-fantasy{display:flex;flex-direction:column;gap:18px;min-width:0;padding:20px;border:1px solid var(--line,#304251);border-radius:12px;background:var(--panel,#05121cf0);color:var(--ink,#ecf1f5);box-sizing:border-box}.hero-fantasy h2{font-size:20px;margin:8px 0;text-align:center;line-height:1.4}.hero-fantasy header>p{font-size:12px;color:var(--mute);text-align:center;line-height:1.6}.hero-fantasy .fan-eyebrow{text-align:center}.hero-ranking-table{min-width:0;flex:1}.hero-ranking-table table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;color:inherit}.hero-ranking-table th{font-size:11px;font-weight:600;color:var(--mute);padding:12px 3px;border-bottom:1px solid var(--line);text-align:center}.hero-ranking-table td{padding:18px 3px;border-bottom:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}.hero-ranking-table th:first-child{width:12%}.hero-ranking-table th:nth-child(2){width:31%}.hero-ranking-table th:last-child{width:23%}.hero-ranking-table td:nth-child(2){text-align:left}.hero-ranking-table td b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-ranking-table td small{display:block;font-size:10px;color:var(--mute);margin-top:4px}.hero-ranking-table .mine{background:var(--clubSoft,var(--soft));font-weight:700}.hero-ranking-table .hero-ranking-empty{height:260px;padding:24px;font-size:13px;line-height:1.7;color:var(--mute)}.hero-fantasy footer{display:grid;gap:12px;margin-top:auto;text-align:center}.hero-fantasy footer>span{font-size:11px;color:var(--mute)}.hero-fantasy footer>.btn{width:100%;min-height:44px;justify-content:center}
@media(min-width:1001px){.stadiumhero .hero-grid,.guest-home .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1512px;padding:48px 32px;align-items:stretch}.stadiumhero .hero-copy{align-self:center;min-width:0}.stadiumhero .hero-copy h1{font-size:clamp(32px,3.2vw,50px);line-height:1.25}.stadiumhero .hero-copy>p{font-size:14px;line-height:1.8}.stadiumhero .hero-grid>.upcoming,.stadiumhero .hero-grid>.hero-fantasy{align-self:stretch;width:100%;min-height:520px;height:100%;margin:0;padding:20px;border-radius:12px}.stadiumhero .hero-actions{flex-wrap:wrap}.stadiumhero .hero-actions .btn{font-size:13px;padding:12px}.stadiumhero .upcoming .football-club b{font-size:12px}.stadiumhero .upcoming .football-pair{gap:6px}}
@media(min-width:761px) and (max-width:1000px){.stadiumhero .hero-grid,.guest-home .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.stadiumhero .hero-copy{grid-column:1/-1}.stadiumhero .hero-grid>.upcoming,.stadiumhero .hero-grid>.hero-fantasy{width:100%;height:100%;margin:0;align-self:stretch;padding:20px}}
@media(max-width:760px){.stadiumhero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.stadiumhero .hero-grid>.upcoming,.stadiumhero .hero-grid>.hero-fantasy{display:flex!important;flex-direction:column;width:100%;padding:16px;margin:0;border-radius:12px}.stadiumhero .hero-grid>.mobile-match{display:none}.hero-fantasy h2{font-size:18px}.hero-ranking-table td{padding:14px 3px}.hero-ranking-table .hero-ranking-empty{height:160px}}
.fantasy-section-nav button{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:700;min-width:0;white-space:nowrap}.fantasy-section-nav button.selected{background:var(--club);color:var(--clubOn);border-color:var(--club)}[data-fan-fantasy] [hidden]{display:none!important}[data-fan-fantasy] .fan-ranking{margin:0}[data-fan-fantasy] .fan-ranking .fan-card-title{font-size:18px}@media(max-width:760px){.fantasy-section-nav button{font-size:11px}}
.account-football-identity h2{font-size:18px;margin:0 0 16px}.account-fan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-fan-grid :is(.fan-identity-card,.fan-favorite-card){min-width:0;min-height:154px;margin:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px}.account-fan-grid .fan-identity-main{min-width:0;gap:10px;flex-wrap:wrap}.account-fan-grid .fan-favorite-card>div{display:grid;gap:12px}.account-fan-grid .fan-favorite-card>button{align-self:flex-start}.account-fan-grid .fan-identity-card p{margin:0}.account-fan-admin{grid-column:span 2}.account-fan-admin .fan-identity-card{justify-content:center;flex-direction:row;align-items:center;min-height:154px}.account-fan-grid .fan-team-mark{min-width:0}.account-fan-grid .fan-team-mark b{overflow-wrap:anywhere}@media(max-width:700px){.account-fan-grid{grid-template-columns:1fr}.account-fan-admin{grid-column:auto}.account-fan-grid :is(.fan-identity-card,.fan-favorite-card){min-height:130px}}
.fantasy-section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.fan-prediction-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fan-prediction-mode button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-weight:700}.fan-prediction-mode button.selected{background:var(--club);color:var(--clubOn)}.fantasy-fixture-list{display:grid;gap:0}.fantasy-fixture{display:grid;grid-template-columns:180px minmax(0,1fr) 240px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.fantasy-fixture-time{display:grid;gap:6px;font-size:14px}.fantasy-fixture-time small{color:var(--mute);font-size:12px}.fantasy-fixture-pair{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px;align-items:center;text-align:center}.fantasy-fixture-pair .fan-team-mark{justify-content:center;min-width:0;font-size:14px}.fantasy-fixture-pair .fan-team-mark b{overflow-wrap:anywhere}.fantasy-fixture .fan-quick-picks{padding:0;background:none}.fantasy-mom-choice{display:grid;gap:6px}.fantasy-mom-choice button{min-height:44px;width:100%}.fantasy-mom-choice span{font-size:12px;color:var(--mute)}.fan-mom-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:50vh;overflow:auto}.fan-mom-players button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:64px;white-space:normal;text-align:left}.fan-mom-players small{color:var(--mute)}.fantasy-mom-history h2{font-size:18px}.fantasy-mom-history article{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.fantasy-mom-history small{display:block;color:var(--mute);margin-top:6px}.fantasy-mom-history span{font-size:12px;color:var(--mute)}@media(max-width:850px){.fantasy-fixture{grid-template-columns:1fr;gap:12px}.fantasy-fixture-time{display:flex;justify-content:space-between;flex-wrap:wrap}.fantasy-mom-history article{grid-template-columns:1fr 1fr}.fantasy-mom-history span{grid-column:1/-1}}
/* Show result and MOM picks together in each fixture row. */
.fantasy-fixture{grid-template-columns:180px minmax(0,1fr) 228px 180px;gap:16px}.fantasy-fixture :is(.fan-quick-picks button,.fantasy-mom-choice button){height:46px;min-height:46px;margin:0}.fantasy-mom-choice{position:relative}.fantasy-mom-choice [role=status]{position:absolute;top:100%;left:0;font-size:11px}.fantasy-mom-choice button{font-size:14px;overflow-wrap:anywhere;white-space:normal}.box.fan-mom-picker{width:min(1400px,calc(100vw - 64px));max-width:1400px}.fan-mom-picker .fan-mom-players{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;max-height:64vh}.fan-mom-picker .fan-mom-players button{min-height:76px}.fan-mom-picker .fan-mom-players button b{font-size:15px;overflow-wrap:anywhere}.fan-mom-picker .fan-mom-players button.selected{border-color:var(--clubLight);background:var(--tint)}@media(max-width:1100px){.fantasy-fixture{grid-template-columns:150px minmax(0,1fr) 200px 150px;gap:10px}}@media(max-width:850px){.fantasy-fixture{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.fantasy-fixture-time,.fantasy-fixture-pair{grid-column:1/-1}.fantasy-fixture .fan-quick-picks{grid-column:1}.fantasy-fixture .fantasy-mom-choice{grid-column:2}}@media(max-width:600px){.box.fan-mom-picker{width:100%;max-width:100%;padding:18px}.fan-mom-picker .fan-mom-players{grid-template-columns:repeat(2,minmax(0,1fr))}.fantasy-mom-choice button{font-size:12px}.fantasy-fixture .fan-quick-picks button{font-size:12px}}

.fan-league-filter{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:10px 0;font-size:.875rem;font-weight:700;white-space:nowrap}.fan-league-filter select{flex:0 1 200px;width:200px;min-width:0;max-width:100%;height:40px;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit}.fan-ranking>.fan-card-title{display:inline-flex;margin-right:20px;vertical-align:middle}.fan-ranking>.fan-league-filter{display:inline-flex;vertical-align:middle}.fan-ranking-controls{margin-top:8px}@media(max-width:420px){.fan-league-filter select{flex-basis:170px;width:170px}.fan-ranking>.fan-card-title{display:flex;margin-right:0}}

.fan-mom-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-height:65dvh;overflow:auto}.fan-mom-team{min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--field)}.fan-mom-team h3{margin:0 0 16px;font-size:18px}.fan-mom-team h3 small{font-size:14px;color:var(--mute);font-weight:500}.fan-mom-position h4{margin:14px 0 8px;font-size:14px;color:var(--mute)}.fan-mom-picker .fan-mom-team .fan-mom-players{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:none;overflow:visible}.fan-mom-picker .fan-mom-team .fan-mom-players button{height:58px;min-height:58px;justify-content:center;padding:10px}.fan-mom-picker .fan-mom-team .fan-mom-players button b{font-size:14px}@media(max-width:600px){.fan-mom-teams{gap:8px}.fan-mom-team{padding:8px}.fan-mom-team h3{font-size:16px}.fan-mom-team h3 small{display:block}.fan-mom-picker .fan-mom-team .fan-mom-players{grid-template-columns:1fr}.fan-mom-picker .fan-mom-team .fan-mom-players button{height:64px;min-height:64px}}

.fan-ranking-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.fan-ranking-modes button{height:42px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font:inherit;font-size:14px;white-space:nowrap}.fan-ranking-modes button.selected{border-color:var(--clubLight);background:var(--tint);font-weight:700}.fan-round-leaders{padding:12px;border:1px solid var(--clubLight);border-radius:10px;background:var(--tint)}.fan-round-leaders small{display:block;font-size:13px;margin-top:8px;color:var(--mute)}.mom-correct{color:#4ade80!important}.mom-wrong{color:#f87171!important}@media(max-width:600px){.fan-ranking-modes{gap:4px}.fan-ranking-modes button{font-size:12px}}

.fan-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fan-score-grid>div{border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;display:grid;gap:8px}.fan-score-grid span{font-size:14px}.fan-score-grid strong{font-size:24px;color:var(--clubLight)}

@media(min-width:901px){.fan-mom-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start}.fan-mom-team h3{grid-column:1/-1}.fan-mom-position{min-width:0}.fan-mom-picker .fan-mom-team .fan-mom-players{grid-template-columns:1fr}.fan-mom-position h4{text-align:center}.fan-ranking>.fan-league-filter{float:right}.fan-ranking-modes{clear:both}}.fan-mom-picker .fan-mom-players button{position:relative}.fan-mom-picker .fan-mom-players button.selected{background:var(--clubLight);color:var(--bg);padding-right:26px}.fan-mom-picker .fan-mom-players button.selected:after{content:'✓';position:absolute;right:8px;top:8px;font-size:14px}

.account-predictions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-predictions h2{font-size:18px;margin:0}.account-prediction-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.account-prediction-metrics>div,.account-prediction-ranks>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}.account-prediction-metrics dt,.account-prediction-ranks span{font-size:12px;color:var(--mute)}.account-prediction-metrics dd{font-size:24px;font-weight:750;margin:8px 0 0;font-variant-numeric:tabular-nums}.account-prediction-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-prediction-ranks strong{display:block;margin-top:8px;font-size:20px;font-variant-numeric:tabular-nums}.account-predictions>.meta{line-height:1.6}@media(max-width:600px){.account-prediction-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.account-prediction-metrics dd{font-size:22px}.account-prediction-ranks strong{font-size:18px}}

/* Give team selection its own responsive dialog instead of the default 440px box. */
.fan-picker-overlay .box.fan-picker{width:min(900px,calc(100vw - 40px));max-width:900px;max-height:calc(100dvh - 40px);box-sizing:border-box;padding:20px;overflow:auto}
.fan-picker-overlay .fan-picker:has(.fan-team-grid){height:min(720px,calc(100dvh - 48px));display:grid;grid-template-rows:auto auto minmax(100px,1fr) auto auto auto;gap:12px;overflow:hidden}
.fan-picker-head h2{font-size:22px;line-height:1.25}.fan-picker-head p{font-size:13px}.fan-team-search{font-size:12px}.fan-team-search input{min-height:42px;font-size:14px}
.fan-picker .fan-team-grid{max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:3px;align-content:start;scrollbar-gutter:stable}
.fan-picker .fan-team-grid button{min-height:54px;padding:10px;gap:8px}.fan-picker .fan-team-grid button .cr{width:28px;height:28px}.fan-picker .fan-team-grid button span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:13px;line-height:1.35;min-width:0}
.fan-picker .fan-picker-actions{position:static;padding:8px 0 0;background:var(--panel);min-height:44px}.fan-picker-choice .fan-team-mark b{font-size:15px}.fan-picker-rule{font-size:12px;line-height:1.5}.fan-picker-error:empty{display:none}
@media(max-width:760px){.fan-picker-overlay .box.fan-picker{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.fan-picker-overlay .fan-picker:has(.fan-team-grid){height:calc(100dvh - 24px);gap:12px}.fan-picker .fan-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fan-picker .fan-team-grid button{min-height:72px;padding:11px;gap:9px}.fan-picker .fan-team-grid button .cr{width:32px;height:32px}.fan-picker .fan-team-grid button span{font-size:14px}.fan-picker-head h2{font-size:23px}.fan-picker-head p{font-size:13px;line-height:1.5}}

.fan-prediction-clocks{display:grid;gap:4px;margin:6px 0}.fan-prediction-clocks>span{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fan-prediction-clocks small{min-width:60px}.fan-prediction-clocks time{font-size:12px;font-variant-numeric:tabular-nums}[data-fixtures-footer]{display:flex;justify-content:center;margin-top:12px}[data-fixtures-status]:empty{display:none}
