/* Pixel football identity. Loaded after the compact interface styles. */
:root{--font-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;--pixel:4px;--radius:2px;--accent-soft:#1f3027;--row-alt:#141e2a}
.site-header{border-bottom-color:#35453c;box-shadow:inset 0 2px var(--accent)}
.brand{gap:10px;min-height:44px;flex-shrink:0}
.brand-mark{display:block;width:32px;height:32px;padding:0;border-radius:0;background:none;flex-shrink:0}
.brand-wordmark{display:block;width:224px;height:auto}
.main-nav{gap:24px}
.nav-item{font-family:var(--font-mono);font-size:12px;font-weight:500}
.nav-item.active{color:var(--accent)}
.nav-item.active:after{height:4px;right:auto;width:16px}
.nav-count{font-family:var(--font-mono);border-radius:var(--radius)}
.icon-button,.close-button{border-radius:var(--radius);font-family:var(--font-mono)}
.page-intro h1{letter-spacing:-1.1px}
.accent-period{display:inline-block;font-size:0;width:6px;height:6px;background:var(--accent);margin:0 2px 2px 1px}
.coverage-stats{font-family:var(--font-mono)}
.coverage-stats strong{font-size:20px;font-weight:500}
.coverage-stats span{font-size:11px}
.status-bar{font-family:var(--font-mono);font-size:11px}
.status-bar #data-status{display:flex;align-items:center;gap:7px}
.status-bar #data-status:before{content:'';width:4px;height:4px;background:var(--muted);flex-shrink:0}
.panel-heading h2,.section-topline h2,.match-date-heading,.detail-section h3{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase}
.panel-heading h2,.section-topline h2{display:flex;align-items:center;gap:8px}
.panel-heading h2:before,.section-topline h2:before{content:'';width:4px;height:12px;background:var(--accent);flex-shrink:0}
.search-field,.select-field,.sort-direction,.player-table,.compact-fixture,.next-match-detail,.profile-stats,.coverage-list span,.primary-button,.toast,.contribution span{border-radius:var(--radius)}
.search-field:focus-within{box-shadow:inset 3px 0 var(--accent)}
.sort-control,.sort-direction,.player-table th,.small-label{font-family:var(--font-mono)}
.sort-control select{font-family:var(--font-mono);font-weight:500}
.player-table th{font-size:10px;letter-spacing:.15px;background:#0f1823}
.player-table th[aria-sort]{background:var(--accent-soft)}
.player-table tbody tr:nth-child(even),.match-row:nth-child(odd){background:var(--row-alt)}
.player-table tbody tr:hover{background:var(--accent-soft)}
.player-table tbody tr:focus-within{background:var(--accent-soft)}
.player-table .stat-cell,.rank-value,.profile-stats strong,.result-score,.importance-number,.factor-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}
.rank-value{color:var(--accent)}
.follow-button{border-radius:var(--radius)}
.follow-button[aria-pressed=true]{background:var(--accent-soft)}
.compact-fixture{border-left:2px solid #435443}
.kickoff-badge,.fixture-topline,.next-time,.season-caption,.dialog-topbar,.profile-stats span,.gamelog th{font-family:var(--font-mono)}
.next-time{font-size:10px}
.match-date-heading{border-radius:var(--radius) var(--radius) 0 0;letter-spacing:.3px}
.match-row:last-child{border-radius:0 0 var(--radius) var(--radius)}
.player-dialog,.info-dialog{border-radius:4px;border-top:3px solid var(--accent)}
.dialog-topbar{background:var(--bg)}
.profile-stats{background:var(--bg)}
.profile-stats strong{color:var(--accent)}
.profile-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.6px}
.factor-track,.factor-track span{border-radius:0}
.primary-button{font-family:var(--font-mono);font-size:12px;box-shadow:3px 3px 0 #527338}
.primary-button:active{box-shadow:1px 1px 0 #527338;transform:translate(2px,2px)}
.loading-ring{border-radius:0;animation:pixel-wait 1.2s steps(4,end) infinite}
@keyframes pixel-wait{to{transform:rotate(360deg)}}
.footer-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:-.3px}
.footer-brand span{color:var(--muted)}
.footer-brand:hover span{color:var(--text)}
.site-footer{border-top-color:#35453c}
@media(max-width:820px){.header-inner{gap:20px}.brand-wordmark{width:196px}.main-nav{gap:18px}.coverage-stats strong{font-size:18px}}
@media(max-width:640px){
 .header-inner{gap:0}.brand{gap:8px}.brand-mark{width:32px;height:32px}.brand-wordmark{width:224px}
 .main-nav{gap:28px}.nav-item{font-size:12px}.nav-item.active:after{width:12px}
 .page-intro h1{font-size:22px;letter-spacing:-.8px}.accent-period{width:5px;height:5px;margin-bottom:1px}
 .coverage-stats strong{font-size:16px}.coverage-stats span{font-size:10px}.coverage-stats div{padding-left:8px}
 .status-bar{font-size:10px}.status-bar #data-status{gap:5px}
 .panel-heading h2,.section-topline h2{font-size:12px}.player-table th{font-size:10px}
 .player-table thead tr{background:#0f1823}.player-table th[aria-sort]{background:none}
 .player-table .column-sort{font-size:10px}.sort-control select{font-size:11px}
 .next-time{font-size:10px}.player-dialog,.info-dialog{border-radius:4px 4px 0 0}
 .dialog-topbar{background:var(--bg)}.site-footer{gap:10px}
}
@media(max-width:370px){.brand-wordmark{width:202px}.page-intro h1{font-size:21px}.coverage-stats div{padding-left:6px}}
@media(max-width:820px),(pointer:coarse){.icon-button,.close-button{min-width:44px;min-height:44px}}

/* Every assessed player has a visible momentum score, independent of the badge. */
.hotness-number { color: var(--muted); min-width: 90px; }
.hotness-section .ranking-explanation { gap: 18px; }
.hotness-section .importance-number { font-family: var(--font-mono, monospace); }
.hotness-number span { white-space: nowrap; font-size: 10px; }
.availability-badge { color: #ff9b9b; border-color: #985959; background: #3c20254d; }
.availability-detail { margin-top: 16px; padding: 12px 14px; border: 1px solid #713e48; background: #301b2438; font-size: 13px; line-height: 1.6; }
.availability-detail strong { color: #ffaaaa; font-family: var(--font-mono, monospace); font-weight: 500; }
.availability-detail p { color: var(--muted); margin-top: 3px; }
.availability-detail small { color: var(--subtle); font-size: 11px; }