/* 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; } }

/* Detail fallbacks reserve the same identity, insights and main content shapes. */
.college-loading-profile{display:grid;grid-template-columns:80px minmax(0,1fr) 280px;align-items:center;gap:24px;padding-block:64px 24px;min-height:212px}
.college-loading-portrait{width:80px;height:80px;border-radius:50%}
.college-loading-identity{display:grid;gap:12px}
.college-loading-identity .college-loading-title{width:min(360px,100%)}
.college-loading-insights{display:grid;gap:12px}
.college-loading-insights>div{display:flex;align-items:center;gap:16px;min-height:32px}
.college-loading-tabs{display:flex;justify-content:space-around;gap:32px;margin-bottom:32px;height:24px}
.college-loading-tabs>span{width:120px}
.college-loading-schedule{display:flex;gap:12px;overflow:hidden;margin-bottom:48px}
.college-loading-schedule>div{flex:0 0 230px;min-height:144px}
.college-loading-island{position:relative;min-height:420px;border-radius:8px;background:var(--loading-surface);overflow:hidden}
@media(max-width:767px){
 .college-loading-profile{display:flex;flex-direction:column;gap:20px;padding-block:24px}
 .college-loading-identity{width:100%;justify-items:center}
 .college-loading-identity .college-loading-title{width:65%;height:32px}
 .college-loading-identity>.college-loading-metrics{order:3;width:100%;margin-top:12px}
 .college-loading-insights{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .college-loading-insights>div{flex-direction:column;gap:8px;height:68px}
 .college-loading-insights .college-loading-meta{width:75%}
 .college-loading-tabs{gap:16px}
}

@media(max-width:767px){
 .college-loading-profile .college-loading-identity{display:contents}
 .college-loading-profile .college-loading-portrait{order:0}
 .college-loading-profile .college-loading-title{order:1}
 .college-loading-profile .college-loading-description{order:2}
 .college-loading-profile .college-loading-insights{order:3}
 .college-loading-profile .college-loading-metrics{order:4!important}
}

/* Mobile identity fallback follows the same slots as all NFL/NCAA profiles. */
@media(max-width:767px){
 .college-loading-profile{gap:0;padding:56px 16px 32px}
 .college-loading-profile .college-loading-portrait{width:48px;height:48px;border-radius:4px;margin-bottom:12px}
 .college-loading-profile .college-loading-title{height:32px;width:min(280px,90%);margin-block:8px}
 .college-loading-profile .college-loading-description{height:14px;width:136px;margin-block:4px}
 .college-loading-profile .college-loading-metrics{display:none}
 .college-loading-profile .college-loading-insights{margin-top:28px;gap:8px}
 .college-loading-profile .college-loading-insights>div{display:grid;grid-template-columns:20px auto;grid-template-rows:28px 15.4px;justify-content:center;align-items:center;gap:4px;min-height:0;height:auto}
 .college-loading-profile .college-loading-insights .college-loading-avatar{width:20px;height:20px}
 .college-loading-profile .college-loading-insights .college-loading-rank{width:36px;height:22px}
 .college-loading-profile .college-loading-insights .college-loading-meta{grid-column:1/-1;width:76px;height:10px;justify-self:center}
 :is([data-college-loading=team],[data-college-loading=player]) .college-loading-content{padding-top:0}
 .college-loading-tabs{height:52px;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--loading-line)}
 .college-loading-pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}