:root{--page-bg:#f4f6fb;--panel-bg:#ffffffc7;--panel-border:#0f172a14;--primary:#161311;--primary-soft:#5f6470;--muted:#7d8795;--accent:#245d8e;--font-ui:"SF Pro Display", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--page-bg)}body{color:var(--primary);font-family:var(--font-ui);background:radial-gradient(circle at 0 0,#fffffffa,#f4f6fbe0 42%,#e8edf6eb),linear-gradient(#fbfcff,#eef2f8);margin:0}img{display:block}.reference-cards-page-shell{min-height:100vh;padding:40px 24px 56px}.reference-cards-page{gap:24px;width:min(1120px,100%);margin:0 auto;display:grid}.reference-cards-head{gap:8px;display:grid}.reference-cards-head span,.reference-cards-caption span,.reference-card-meta span,.reference-card-one-copy span,.reference-card-one-copy p,.reference-card-one-score span,.reference-card-status,.reference-card-stat small,.reference-card-four-center small{font-family:var(--font-ui)}.reference-cards-head span,.reference-cards-caption span{color:var(--primary-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:700}.reference-cards-head h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.6rem,4vw,4.2rem);line-height:.94}.reference-cards-head p{max-width:42rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.reference-cards-grid{gap:28px;display:grid}.reference-cards-panel{gap:12px;display:grid}.reference-cards-panel.is-hero{max-width:min(980px,100%)}.reference-cards-bank{grid-template-columns:minmax(0,1.08fr) minmax(320px,.74fr);align-items:start;gap:28px;display:grid}.reference-cards-side-stack{gap:24px;display:grid}.reference-card-three-rail{width:100%}.reference-card-three-track{display:grid}.reference-card-three-slide{min-width:0}.reference-card-three-slide.is-preview{display:none}.reference-cards-panel.is-card-4-panel,.reference-cards-panel.is-card-4-panel .reference-card-four{width:100%}.reference-cards-caption{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reference-cards-caption small{color:var(--muted);font-size:.78rem}.reference-card-one,.reference-card-two,.reference-card-three,.reference-card-four{position:relative;overflow:hidden}.reference-card-one{aspect-ratio:4/3;background-color:#172235;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #18130f24;border-radius:36px;box-shadow:0 24px 48px #1b120c2e}.reference-card-one-overlay{background:radial-gradient(circle at 20% 18%,#ffffff29,#0000 22%),radial-gradient(circle at 84% 16%,#c9421c1f,#0000 18%),linear-gradient(#faefd908,#0000 38%,#060a10b8);position:absolute;inset:0}.reference-card-one-body{z-index:1;justify-content:space-between;align-items:flex-end;gap:16px;min-height:100%;padding:22px 22px 24px;display:flex;position:relative}.reference-card-one-copy{gap:4px;max-width:72%;display:grid}.reference-card-one-copy span,.reference-card-one-copy p,.reference-card-one-score span{color:#fff7ecc7;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600}.reference-card-one-copy h2{color:#fffaf2;letter-spacing:-.04em;margin:0;font-size:clamp(1.9rem,1.5rem + 1.1vw,2.45rem);font-weight:700;line-height:.96}.reference-card-one-copy strong{color:#e6dac8;font-size:clamp(1.6rem,1.28rem + .9vw,2rem);font-weight:700;line-height:1}.reference-card-one-copy p{margin:6px 0 0}.reference-card-one-score{justify-items:end;gap:4px;display:grid}.reference-card-one-score strong{color:#fffaf2;letter-spacing:-.08em;font-size:clamp(3rem,2.2rem + 2vw,4.15rem);font-weight:500;line-height:.9}.reference-card-two,.reference-card-three,.reference-card-four{background:#fffffff0;border:1px solid #1219261a;width:100%;box-shadow:0 18px 38px #0f172a14}.reference-card-two{aspect-ratio:800/463;background:linear-gradient(#fffffff5,#f8fbfffa),linear-gradient(90deg,#2b6cb00f,#0000 26% 74%,#0f172a09);border-radius:40px}.reference-card-three{aspect-ratio:548/212;background:linear-gradient(#fffffff5,#f8fbfffc),linear-gradient(90deg,#2b6cb00d,#0000 26% 74%,#0f172a08);border-radius:32px}.reference-card-four{aspect-ratio:426/78;background:linear-gradient(#fffffffa,#f8fbfff7),linear-gradient(90deg,#2b6cb00a,#0000 22% 78%,#0f172a06);border-radius:30px}.reference-card-two-frame,.reference-card-three-frame,.reference-card-four-frame{transform-origin:0 0;position:absolute;top:0;left:0}.reference-card-two-frame{grid-template-rows:auto minmax(0,1fr) 92px 64px;gap:10px;width:800px;height:463px;padding:18px 22px 16px;display:grid}.reference-card-three-frame{gap:14px;width:548px;height:212px;padding:10px 20px 16px;display:grid}.reference-card-four-frame{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:10px;width:426px;height:78px;padding:14px 16px;display:grid}.reference-card-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:.68rem;font-weight:700;display:flex}.reference-card-meta-group,.reference-card-icon-group{align-items:center;gap:10px;display:flex}.reference-card-actions{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.reference-card-meta-group{flex-wrap:wrap;min-width:0}.reference-card-meta-group .has-icon{align-items:center;gap:6px;display:inline-flex}.reference-card-meta-group .has-icon svg,.reference-card-icon svg,.reference-card-event-row svg,.reference-card-four-save svg{width:15px;height:15px;display:block}.reference-card-two .reference-card-meta{align-items:flex-start;font-size:1rem;line-height:1.25}.reference-card-two .reference-card-meta-group,.reference-card-two .reference-card-icon-group{gap:13px}.reference-card-two .reference-card-meta-group .has-icon svg,.reference-card-two .reference-card-icon svg{width:22px;height:22px}.reference-card-icon{color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.reference-card-action-menu{display:none;position:relative}.reference-card-action-trigger,.reference-card-action-item{font:inherit;color:inherit;background:0 0;border:0;padding:0}.reference-card-action-menu>summary{list-style:none}.reference-card-action-menu>summary::-webkit-details-marker{display:none}.reference-card-action-trigger{color:#6a7280;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.reference-card-action-trigger-closed,.reference-card-action-trigger-open{justify-content:center;align-items:center;display:inline-flex}.reference-card-action-trigger svg{width:16px;height:16px;display:block}.reference-card-action-trigger-open{display:none}.reference-card-action-popover{opacity:0;pointer-events:none;background:#fffffffa;border:1px solid #1219261a;border-radius:16px;gap:8px;min-width:100px;padding:8px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 14px 28px #0f172a29}.reference-card-action-menu[open] .reference-card-action-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.reference-card-action-menu[open] .reference-card-action-trigger-closed{display:none}.reference-card-action-menu[open] .reference-card-action-trigger-open{display:inline-flex}.reference-card-action-item{min-height:36px;color:var(--primary);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.reference-card-action-item svg{width:18px;height:18px;display:block}.reference-card-action-item span{letter-spacing:.08em;font-size:.78rem;font-weight:700}.reference-card-two .reference-card-icon{width:34px;height:34px}.reference-card-two .reference-card-team strong{letter-spacing:.05em;font-size:1.04rem}.reference-league-mark{color:#fff;background:#19365d;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.44rem;font-weight:700;display:inline-grid}.reference-card-two .reference-league-mark{width:24px;height:24px;font-size:.58rem}.reference-dash{background:#5c67773d;width:1px;height:12px}.reference-card-two .reference-dash{height:14px}.reference-card-scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid;position:relative}.reference-card-scoreboard:before,.reference-card-scoreboard:after{content:none}.reference-card-scoreboard:before{clip-path:polygon(0 62%,42% 18%,100% 4%,64% 42%,100% 52%,36% 100%,0 100%);background:linear-gradient(135deg,#3b82f629,#3b82f600 72%),linear-gradient(#1e52a940,#1e52a900 70%);left:-12px}.reference-card-scoreboard:after{clip-path:polygon(0 6%,58% 16%,100% 62%,100% 100%,0 100%,28% 54%,0 48%);background:linear-gradient(225deg,#ef44442e,#ef444400 72%),linear-gradient(#db27273d,#db272700 70%);right:-12px}.reference-card-scoreboard.is-large{min-height:176px}.reference-card-scoreboard.is-compact{min-height:118px}.reference-card-team{z-index:1;justify-items:center;gap:12px;display:grid;position:relative}.reference-card-team strong,.reference-card-four-team span{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.92rem;font-weight:800;line-height:1}.reference-card-team-badge{background:radial-gradient(circle,#fffffff5,#ffffffdb 62%,#ffffff38 100%);border-radius:999px;place-items:center;width:106px;height:106px;display:grid;overflow:hidden;box-shadow:0 12px 24px #0f172a1a}.reference-card-team-badge.is-small{width:88px;height:88px}.reference-card-team-badge.is-tiny{width:44px;height:44px;box-shadow:0 6px 14px #1f181314}.reference-card-team-badge img{object-fit:cover;width:100%;height:100%}.reference-card-center{z-index:1;justify-items:center;gap:10px;display:grid;position:relative}.reference-card-status{min-height:22px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;background:#eef3f8;border-radius:999px;align-items:center;padding:0 12px;font-size:.52rem;font-weight:700;display:inline-flex}.reference-card-score-line{color:var(--primary);letter-spacing:-.08em;white-space:nowrap;font-size:4.1rem;font-weight:700;line-height:.9}.reference-card-score-line.is-compact{font-size:3rem}.reference-card-events{background:#f8fbffdb;border:1px solid #12192614;border-radius:24px;grid-template-columns:104px minmax(0,1fr) 1px minmax(0,1fr) 104px;align-items:center;padding:12px 14px;display:grid}.reference-card-events>i{background:#1219261f;width:1px;height:100%}.reference-card-events-column{scrollbar-width:none;gap:7px;max-height:68px;display:grid;overflow:auto}.reference-card-events-column::-webkit-scrollbar{display:none}.reference-card-events-column.is-home{padding-right:10px}.reference-card-events-column.is-away{padding-left:10px}.reference-card-event-row{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.reference-card-events-column.is-home .reference-card-event-row{justify-content:flex-end}.reference-card-event-row small{color:var(--muted);font-size:.68rem;font-weight:600}.reference-card-discipline-row{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;font-size:.76rem;font-weight:800;display:flex}.reference-card-discipline-row.is-away{justify-content:flex-end}.reference-card-booking-item{align-items:center;gap:8px;display:inline-flex}.reference-card-booking-card{border-radius:2px;width:10px;height:13px;display:inline-block;box-shadow:0 1px 3px #1f181324}.reference-card-booking-card.is-yellow{background:#f1c84e}.reference-card-booking-card.is-red{background:#d95145}.reference-card-stats{background:#f8fbffe0;border:1px solid #12192614;border-radius:22px;display:flex;overflow:hidden}.reference-card-stat{flex:1 1 0;align-content:center;justify-items:center;gap:8px;min-width:0;padding:10px 10px 9px;display:grid}.reference-card-stat+.reference-card-stat{border-left:1px solid #12192614}.reference-card-stat-values{align-items:center;gap:10px;display:inline-flex}.reference-card-stat-values strong,.reference-card-stat-values span{font-size:1.04rem;font-weight:700;line-height:1}.reference-card-stat-values strong{color:#2056a4}.reference-card-stat-values span{color:#51647d}.reference-card-stat-icon,.reference-card-four-save{justify-content:center;align-items:center;display:inline-flex}.reference-card-stat-icon{width:18px;height:18px;color:var(--muted)}.reference-card-stat-icon svg{width:18px;height:18px}.reference-card-stat small{color:var(--muted);letter-spacing:.14em;white-space:nowrap;font-size:.7rem;font-weight:700}.reference-card-four-team{align-items:center;gap:8px;min-width:0;display:inline-flex}.reference-card-four-team.is-away{justify-self:end}.reference-card-four-team span{text-overflow:ellipsis;letter-spacing:.035em;text-align:left;white-space:nowrap;max-width:12ch;font-size:.8rem;line-height:1;display:block;overflow:hidden}.reference-card-four-team.is-away span{text-align:right}.reference-card-four-center{justify-items:center;gap:2px;min-width:54px;display:grid}.reference-card-four-center strong{color:#161311;letter-spacing:.03em;font-size:.82rem;font-weight:800;line-height:1}.reference-card-four-center small{color:#7a7671;letter-spacing:.12em;text-transform:uppercase;background:#f1f2f4;border-radius:999px;align-items:center;min-height:16px;padding:0 6px;font-size:.38rem;font-weight:700;display:inline-flex}.reference-card-four-save{color:#403121bd;width:auto;height:auto;padding-left:2px}.reference-card-four-save svg{width:16px;height:16px;display:block}@media (max-width:1100px){.reference-cards-bank{grid-template-columns:1fr}}@media (max-width:760px){.reference-cards-page-shell{padding-inline:16px}.reference-card-one-body{padding:18px 18px 20px}.reference-card-one-copy span,.reference-card-one-copy p,.reference-card-one-score span{font-size:.68rem}.reference-card-one-copy h2{font-size:clamp(1.56rem,1.28rem + 1vw,1.9rem)}.reference-card-one-copy strong{font-size:clamp(1.28rem,1.08rem + .68vw,1.56rem)}.reference-card-one-score strong{font-size:clamp(2.2rem,1.84rem + 1.28vw,2.9rem)}.reference-cards-side-stack{justify-items:start}.reference-cards-panel.is-card-3-panel,.reference-cards-panel.is-card-4-panel{justify-self:stretch;width:100%}.reference-card-three-rail{overflow:hidden}.reference-card-three-track{gap:12px;width:max-content;display:flex}.reference-card-three-slide{flex:none;width:clamp(252px,80vw,312px)}.reference-card-three-slide.is-preview{pointer-events:none;display:block}.reference-card-meta-group .reference-league-mark,.reference-card-meta-group .has-icon svg{display:none}.reference-card-meta-group{gap:8px}.reference-card-actions .reference-card-icon-group.is-desktop{display:none}.reference-card-two .reference-card-action-menu,.reference-card-three .reference-card-action-menu{display:inline-flex}.reference-card-two .reference-card-action-trigger,.reference-card-three .reference-card-action-trigger{width:40px;height:40px}.reference-card-two .reference-card-action-trigger svg,.reference-card-three .reference-card-action-trigger svg{width:26px;height:26px}.reference-card-action-popover{min-width:156px;padding:12px;top:calc(100% + 6px);right:-10px}.reference-card-action-item{min-height:46px;padding:0 13px}.reference-card-action-item span{font-size:.84rem}.reference-card-two .reference-card-meta{padding-left:16px}.reference-card-two .reference-card-team strong{font-size:1.18rem}.reference-card-two .reference-card-stat{gap:6px;padding:9px 6px 8px}.reference-card-two .reference-card-stat small{display:none}.reference-card-two .reference-card-stat-values{gap:8px}.reference-card-two .reference-card-stat-values strong,.reference-card-two .reference-card-stat-values span{font-size:.94rem}.reference-card-two .reference-card-stat-icon,.reference-card-two .reference-card-stat-icon svg{width:30px;height:30px}.reference-card-four-team span{letter-spacing:.03em;max-width:14ch;font-size:.64rem;line-height:.98}.reference-card-four-center{min-width:40px}.reference-card-four-center strong{font-size:.68rem}.reference-card-four-center small{font-size:.32rem}.reference-card-four-save svg{width:14px;height:14px}.reference-card-four-team{gap:4px}.reference-card-four .reference-card-team-badge.is-tiny{width:38px;height:38px}}