/* CSS inherits the document theme before hydration; no alternate header paints. */
.college-loading {
  --loading-ground:#f6f8fa; --loading-surface:#fff; --loading-block:#dce6ed;
  --loading-line:#d4dfe7; --loading-ink:#223748; --loading-hero:#e8f3f8; --loading-dot:#8baebe;
  background:var(--loading-ground); color:var(--loading-ink); min-height:100vh;
}
html:is([data-fs-theme="dark"],[data-fs-page-theme="dark"]) .college-loading {
  --loading-ground:#101821; --loading-surface:#192430; --loading-block:#304354;
  --loading-line:#344455; --loading-ink:#e7edf4; --loading-hero:#0c1a29; --loading-dot:#264d5f;
}
.college-loading * { box-sizing:border-box; }
.college-loading-bar { display:block; height:12px; border-radius:3px; background:var(--loading-block); animation:college-loading-pulse 1.8s ease-in-out infinite; }
.college-loading-hero { background:radial-gradient(circle,var(--loading-dot) .6px,transparent .9px) 0 0/24px 24px,var(--loading-hero); border-block:1px solid var(--loading-line); }
.college-loading-hero-inner { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:185px; gap:18px; padding-block:40px; }
.college-loading-title-text { font:800 32px/1.2 var(--font-exo),sans-serif; text-align:center; }
.college-loading-crumbs { position:absolute; right:var(--college-page-gutter); top:24px; width:150px; height:8px; }
.college-loading-title { width:min(460px,75%); height:36px; }
.college-loading-description { width:min(520px,85%); }
.college-loading-metrics { display:flex; gap:18px; width:min(520px,90%); margin-top:12px; }
.college-loading-metrics>.college-loading-bar { flex:1; height:24px; }
.college-loading-content { padding-block:32px 64px; }
.college-loading-columns { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:24px; }
.college-loading-controls { display:flex; gap:8px; margin-bottom:24px; }
.college-loading-controls>.college-loading-bar { height:38px; flex:1; }
.college-loading-controls>.college-loading-bar+span { flex:0 0 112px; }
.college-loading-list,.college-loading-sidebar { display:grid; gap:12px; align-content:start; }
.college-loading-tile { display:flex; align-items:center; gap:12px; min-height:112px; padding:16px; border:1px solid var(--loading-line); border-radius:10px; background:var(--loading-surface); min-width:0; }
.college-loading-tile>div { flex:1; min-width:0; display:grid; gap:12px; }
.college-loading-avatar { width:32px; height:32px; flex:none; }
.college-loading-name { width:75%; height:16px; }
.college-loading-meta { width:55%; height:9px; }
.college-loading-rank { width:28px; height:14px; flex:none; }
.college-loading-panel { padding:24px; background:var(--loading-surface); border:1px solid var(--loading-line); border-radius:10px; min-height:160px; display:flex; flex-direction:column; gap:20px; }
.college-loading-team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.college-loading-team-grid .college-loading-tile { min-height:84px; }
.college-loading-section+.college-loading-section { margin-top:64px; }
.college-loading-section-title { width:220px; height:24px; margin-bottom:32px; }
.college-loading-features { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr); gap:16px; }
.college-loading-promo { border:1px solid var(--loading-line); background:var(--loading-hero); border-radius:8px; padding:24px; display:flex; flex-direction:column; gap:24px; }
.college-loading-mini-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.college-loading-pickers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.college-loading-pickers .college-loading-panel { min-height:200px; }
.college-loading-rows { display:grid; gap:12px; margin-top:32px; }
.college-loading-rows>.college-loading-bar { height:40px; }
[data-college-loading="hub"] .college-loading-hero-inner { align-items:flex-start; min-height:250px; }
[data-college-loading="hub"] .college-loading-title-text { font-size:40px; text-align:left; }
[data-college-loading="team"] .college-loading-hero-inner,[data-college-loading="player"] .college-loading-hero-inner { min-height:260px; }
@keyframes college-loading-pulse { 0%,100%{opacity:1}50%{opacity:.55} }
@media(max-width:1023px) { .college-loading-columns { grid-template-columns:1fr; }.college-loading-sidebar { display:none; }.college-loading-mini-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
  .college-loading-crumbs { top:14px; width:110px; }
  .college-loading-title-text { font-size:28px; }
  .college-loading-content { padding-block:24px 48px; }
  .college-loading-team-grid,.college-loading-pickers { grid-template-columns:1fr; }
  .college-loading-features { display:flex; overflow:hidden; }
  .college-loading-promo { flex:0 0 82%; min-height:210px; }
  .college-loading-mini-grid { flex:0 0 170%; }
  [data-college-loading="hub"] .college-loading-hero-inner { min-height:356px; align-items:center; }
  [data-college-loading="hub"] .college-loading-title-text { font-size:28px; text-align:center; max-width:310px; }
}
@media(prefers-reduced-motion:reduce) { .college-loading-bar { animation:none; } }
