/* Homepage hierarchy: stage, paired fixtures and teams, then real viewer scores. */
.home-page .home-overview-record{grid-template-columns:auto auto minmax(160px,1fr);gap:24px;min-width:400px}
.home-page .home-progress dd{font-size:20px;line-height:1.4;letter-spacing:0;white-space:nowrap}
.home-page .home-progress>small{display:block;margin-top:5px;color:#b5c7da;font-size:12px;font-variant-numeric:tabular-nums}
.home-page .home-stage{margin:26px 0;min-width:0}
.home-page .home-stage .section-heading{margin-bottom:12px}
.home-page .home-stage-entry{display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:230px;border:1px solid #91b0c264;border-radius:12px;color:#eef6ff;background:#122535;box-shadow:var(--elevation-1)}
.home-page .home-stage-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#112331b0,#11233120),var(--scenery-image);background-size:cover;background-position:center 48%}
.home-page .home-stage-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.85}
.home-page .home-stage-art img.is-portrait{width:65%;margin-left:auto;object-position:center 25%}
.home-page .has-broken-portrait .home-stage-art img{display:none}
.home-page .home-stage-entry:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b192af2 0%,#0b192acc 30%,#0b192a14 80%),linear-gradient(0deg,#0b192a55,transparent)}
.home-page .home-stage-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:28px 36px;min-width:0}
.home-page .home-stage-copy strong{font-size:clamp(24px,2.5vw,34px);font-weight:650;line-height:1.25;overflow-wrap:anywhere}
.home-page .home-stage-title{font-size:14px;line-height:1.5;color:#cedde9;max-width:44em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .home-stage-eyebrow{color:#b9cfdf;font-size:13px}
.home-page .home-stage-enter{display:flex;align-items:center;gap:22px;font-size:13px;margin-top:6px;color:#d8edff}
.home-page .home-stage-enter svg{width:19px;height:19px;stroke-width:1.7}
.home-page .home-stage-entry:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.home-page .home-matches-stack{display:flex;margin-bottom:0}
.home-page .home-matches-panel{padding:22px;min-width:0}
.home-page .home-matches-panel .section-heading{margin-bottom:16px}
.home-page .home-fixtures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-page .home-content-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.home-page .home-popular-panel{grid-column:1/-1;min-width:0;padding:22px}
.home-page .home-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.home-page .home-popular-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:94px;padding:12px 10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(150deg,var(--surface-2),var(--surface));transition:border-color var(--motion-fast),background var(--motion-fast)}
.home-page .home-popular-player:hover{border-color:var(--accent);background:var(--surface-2)}
.home-page .home-popular-player:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.home-page .home-popular-avatar{display:grid;place-items:center;overflow:hidden;width:44px;height:52px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:24px}
.home-page .home-popular-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.home-page .home-popular-identity{min-width:0}
.home-page .home-popular-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5;font-weight:600}
.home-page .home-popular-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;color:var(--muted);line-height:1.6}
.home-page .home-popular-identity small img{display:inline-block;vertical-align:-3px;width:14px;height:14px;margin-right:3px}
.home-page .home-popular-score{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--accent);font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}
.home-page .home-popular-score svg{height:15px;width:15px;stroke-width:1.5;fill:none}
@media(min-width:1800px){.home-page .home-stage-entry{min-height:280px}.home-page .home-stage-copy{padding:36px 42px}.home-page .home-popular-player{grid-template-columns:52px minmax(0,1fr) auto;gap:12px}.home-page .home-popular-avatar{width:52px;height:60px}.home-page .home-popular-identity strong{font-size:16px}.home-page .home-popular-identity small{font-size:12px}}
@media(max-width:1100px){.home-page .home-overview-record{min-width:340px;gap:17px;padding-left:20px;grid-template-columns:auto auto minmax(140px,1fr)}.home-page .home-progress dd{font-size:17px}.home-page .home-content-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-page .home-popular-grid{grid-template-columns:1fr}.home-page .home-popular-player{min-height:70px}.home-page .home-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.home-page .home-overview-record{min-width:0;grid-template-columns:1fr 1fr 1.6fr;border-left:0;padding-left:0}.home-page .home-content-grid{grid-template-columns:1fr}.home-page .home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .home-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-page .home-stage-copy{padding:24px}.home-page .home-stage-entry{min-height:215px}}
@media(max-width:600px){.home-page .home-stage{margin:20px 0}.home-page .home-stage-entry{min-height:200px}.home-page .home-stage-copy{padding:20px;gap:8px}.home-page .home-stage-copy strong{font-size:23px}.home-page .home-stage-title{font-size:12px}.home-page .home-stage-art img.is-portrait{width:78%}.home-page .home-matches-panel,.home-page .home-popular-panel{padding:16px}.home-page .home-fixtures{grid-template-columns:1fr}.home-page .home-progress dd{font-size:15px}.home-page .home-overview-record{gap:12px}.home-page .home-popular-grid{gap:7px}.home-page .home-popular-player{grid-template-columns:36px minmax(0,1fr);gap:8px;position:relative;min-height:89px;padding:10px 8px}.home-page .home-popular-avatar{width:36px;height:44px;grid-row:1/3}.home-page .home-popular-identity strong{font-size:12px}.home-page .home-popular-identity small{font-size:10px;max-width:100%}.home-page .home-popular-score{grid-column:2;flex-direction:row;font-size:15px;gap:4px}.home-page .home-popular-score svg{width:12px;height:12px}.home-page .home-stage .section-heading h2{font-size:20px}.home-page .home-stage .section-heading>a{font-size:12px}}
@media(min-width:851px){.home-page .home-overview-record{grid-template-columns:max-content max-content max-content;align-items:start;column-gap:clamp(16px,1.6vw,28px);min-width:0}.home-page .home-overview-record dd{font-size:clamp(22px,2vw,32px);line-height:1.2;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.home-page .home-popular-player{transition:none}}