@charset "UTF-8";
/* AL-KM Partners / Variant 2 preview: cool grey, vivid club green, white cards. */
:root{color-scheme:light;--paper:#f0f3f5;--surface:#ffffff;--surface-2:#f5f7f8;--surface-3:#e9eef0;--ink:#1c3026;--muted:#5a6962;--subtle:#7b8c84;--green:#128345;--green-bright:#087238;--green-deep:#e8f5ed;--gold:#ac8b48;--line:#d5dee1;--cyan:#3294ad;--purple:#9270ba;--danger:#a04c41;--radius:8px;--heading:Impact,"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);min-width:320px;min-height:100dvh;display:flex;flex-direction:column;line-height:1.6}
body.modal-open{overflow:hidden}
#app{flex:1}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{opacity:.45;cursor:not-allowed}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{width:20px;height:20px;flex:0 0 auto}
button svg{width:18px;height:18px}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{line-height:1.2}
h1,h2{letter-spacing:-.015em}
p{margin-bottom:1em}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}
::selection{color:#075d31;background:#f5f7f8}
[hidden],.hidden{display:none!important}
.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.muted{color:var(--muted)}
.text-green{color:var(--green-bright)}
.text-gold{color:#80622d}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}

/* Navigation and shared controls. */
.site-header{position:sticky;top:0;z-index:40;background:#0b713f;color:#ffffff;border-bottom:1px solid #15834b;backdrop-filter:blur(18px)}
.site-header .brand-copy small{color:#edf1f3}
.site-header .nav-link{color:#edf1f3}
.site-header .nav-link:hover,.site-header .nav-link.active{color:#ffffff}
.site-header .nav-link.active::after{background:#ddbf79}
.site-header .header-actions{border-left-color:#469e6b}
.site-header .icon-button{color:#edf1f3}
.site-header .icon-button:hover{color:#ffffff;background:#128345;border-color:#44a16a}
.site-header .user-chip{color:#f5f7f8}
.site-header .user-chip small{color:#edf1f3}
.site-header .count-badge{border-color:#106938}
.site-header .btn-primary{background:#ffffff;color:#087238;border-color:#ffffff}
.site-header .btn-primary:hover{background:#e4f7ec;color:#075d31;border-color:#e4f7ec}
.header-inner{max-width:1440px;min-height:96px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:25px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand-crest{width:78px;height:78px;flex:0 0 auto;object-fit:contain;background:transparent;border:0;padding:0}
.club-crest,.club-crest-fallback{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;object-fit:contain;background:transparent;border:0;padding:0}
.club-crest img{width:100%;height:100%;object-fit:contain;background:transparent;border:0;padding:0}
.club-crest-fallback{color:#5a6962}
.club-crest-fallback svg{width:100%;height:100%;stroke-width:1.4}
.brand-copy{display:grid;gap:5px}
.brand-copy strong{font-family:var(--heading);font-size:21px;font-weight:400;line-height:1;letter-spacing:.025em}
.brand-copy small{color:#5a6962;font-size:7px;font-weight:650;letter-spacing:.17em;line-height:1.5}
.main-nav{display:flex;align-items:stretch;gap:21px;align-self:stretch;margin-left:auto}
.nav-link{position:relative;display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#5a6962;font-size:12px;font-weight:650;white-space:nowrap}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green);transform:scaleX(0);transition:transform .18s}
.nav-link:hover{color:#075d31}
.nav-link.active{color:var(--green-bright)}
.nav-link.active::after{transform:scaleX(1)}
.nav-link svg{width:15px;height:15px}
.header-actions{display:flex;align-items:center;gap:11px;border-left:1px solid var(--line);padding-left:22px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 19px;border:1px solid transparent;border-radius:5px;font-size:12px;line-height:1.35;font-weight:750;white-space:nowrap;transition:background .16s,border-color .16s,transform .16s,color .16s}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}
.btn-primary:hover{background:#0b713f;border-color:#0b713f}
.btn-secondary{color:#106938;background:#ffffff;border-color:#d5dee1}
.btn-secondary:hover{background:#f5f7f8;border-color:#d5dee1}
.btn-ghost{color:#5a6962;background:none}
.btn-ghost:hover{color:#075d31;background:#f5f7f8}
.btn-danger{color:#984f46;background:#f9ebe7;border-color:#e5c3b9}
.btn-danger:hover{background:#f9ebe7;border-color:#e5c3b9}
.btn-gold{color:#292219;background:var(--gold)}
.btn-small,.btn.small{min-height:34px;font-size:11px;padding:8px 12px}
.btn-block{width:100%}
.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:5px;background:none;color:#5a6962;display:inline-flex;align-items:center;justify-content:center;position:relative;padding:0}
.icon-button:hover{color:var(--green-bright);background:#f5f7f8;border-color:#edf1f3}
.count-badge{position:absolute;top:-1px;right:-1px;min-width:17px;height:17px;padding:0 3px;border:2px solid var(--paper);border-radius:30px;background:var(--gold);color:#302615;font-size:9px;font-weight:850;line-height:13px;text-align:center}
.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;border:0;padding:0;color:var(--green-bright);background:none;font-size:12px;line-height:1.5;font-weight:650;text-align:left}
.text-link svg{width:15px;height:15px}
.text-link:hover{color:#075d31}

.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:0 0 auto;overflow:hidden;color:#26714a;background:#f5f7f8;border:1px solid #d5dee1;border-radius:50%;font-size:10px;font-weight:750;letter-spacing:-.02em}
.avatar img{width:100%;height:100%;object-fit:cover}
.user-chip{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;color:#106938;text-align:left}
.user-chip>span:not(.avatar),.user-chip strong{font-size:11px;font-weight:700;line-height:1.4}
.user-chip small{display:block;color:var(--muted);font-size:9px;font-weight:500;margin-top:2px}
.demo-bar{background:#edf1f3;border-bottom:1px solid #edf1f3;color:#5a6962;font-size:10px;padding:7px 0}
.demo-bar>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-bar>.container>span:first-child{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.live-dot,.dot{width:6px;height:6px;display:inline-block;flex:0 0 auto;border-radius:50%;background:var(--green)}

/* Club front page. */
.hero{position:relative;isolation:isolate;margin-block:22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-top:55px;padding-bottom:54px}
.hero::after{content:"";position:absolute;z-index:-1;inset:0 -28px;background:linear-gradient(105deg,#d7f2e3 0%,#e5f7ec 65%,#f0faf4 100%);border:1px solid #a9d9bc;border-radius:8px;pointer-events:none}
.hero-copy{position:relative;z-index:2;padding:9px 0}
.eyebrow,.hero-overline{display:flex;align-items:center;gap:8px;color:#80622d;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.16em;line-height:1.5;margin:0 0 17px}
.hero-title{font-family:var(--heading);font-size:clamp(58px,5.6vw,80px);line-height:1.03;font-weight:400;letter-spacing:.005em;text-transform:uppercase;color:#1c3026;margin:0 0 32px}
.hero-title em,.hero-title span{color:#128345;font-style:normal}
.hero-title .gold{color:var(--gold)}
.hero-description{max-width:430px;color:#5a6962;font-size:14px;line-height:1.85;margin-bottom:27px}
.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.hero-actions .btn{min-height:46px}
.hero-caption{display:flex;align-items:center;gap:12px;margin-top:29px;color:#5a6962;font-size:10px;line-height:1.65}
.hero-caption strong{color:#5a6962;font-weight:550}
.mini-crests{display:inline-flex;padding-left:6px}
.mini-crests>span{display:grid;place-items:center;width:31px;height:31px;margin-left:-6px;background:#f5f7f8;color:#106938;border:2px solid var(--paper);border-radius:50%;font-size:8px;font-weight:800}
.mini-crests>span:nth-child(2){background:#f5f7f8;color:#366b76}
.mini-crests>span:nth-child(3){background:#f5eedc;color:#80622d}
.hero-visual{position:relative;min-width:0;overflow:hidden;background:#0b713f;border-radius:7px;box-shadow:0 12px 28px #075d3118;isolation:isolate}
.hero-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;background:transparent}
.hero-badge{display:flex;align-items:center;gap:14px;min-height:76px;padding:17px 21px;color:#ffffff;background:#0b713f;border-top:2px solid #c7a253}
.hero-badge>svg{width:29px;height:29px;color:#e4c27c}
.hero-badge strong{display:block;font-size:14px;line-height:1.35}
.hero-badge small,.hero-badge>div>span{display:block;color:#e5f6ed;font-size:8px;font-weight:650;letter-spacing:.07em;line-height:1.5;margin-bottom:4px}
.hero-season-label{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;background:#ffffff;color:#087238;border:1px solid #a9d9bc;border-radius:3px;font-size:9px;letter-spacing:.11em;font-weight:700;text-transform:uppercase;margin-bottom:19px}

.pitch-lines{position:absolute;inset:30px;border:1px solid #a5b7ad2c;pointer-events:none;transform:perspective(650px) rotateX(10deg) rotate(-12deg) scale(1.2)}
.pitch-lines::before{content:"";position:absolute;top:calc(50% - 70px);left:calc(50% - 70px);width:140px;height:140px;border:1px solid #a5b7ad38;border-radius:50%}
.pitch-lines::after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #a5b7ad38}

.season-recap{padding-top:16px;padding-bottom:8px}
.season-recap-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}
.season-recap-heading .eyebrow{font-size:9px;margin-bottom:7px}
.season-recap-heading h2{font-family:var(--heading);font-size:33px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:#106938;margin:0}
.season-recap-heading>.text-link{font-size:11px;padding-bottom:4px;flex:0 0 auto}
.season-recap-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:13px}
.season-title-card,.season-number-card{min-width:0;min-height:112px;border:1px solid #c9bc93;border-radius:6px;padding:22px 24px}
.season-title-card{display:flex;align-items:center;gap:17px;background:#0b713f;border-color:#15834b;box-shadow:inset 3px 0 #d6b573}
.season-title-card>svg{width:39px;height:39px;color:#e2c486;stroke-width:1.5}
.season-title-card>div{display:grid;gap:7px}
.season-title-card strong{font-family:var(--heading);font-size:32px;line-height:1;font-weight:400;color:#f4e7c6;text-transform:uppercase;white-space:nowrap}
.season-title-card span{font-size:11px;line-height:1.4;color:#e5f6ed}
.season-number-card{display:flex;flex-direction:column;justify-content:center;gap:8px;background:#ffffff;border-color:#d5dee1}
.season-number-card strong{font-family:var(--heading);font-size:43px;font-weight:400;line-height:1;color:#106938;letter-spacing:.02em}
.season-number-card span{font-size:11px;font-weight:600;line-height:1.4;color:#5a6962}
.season-number-card:has(>small)>strong{font-size:38px;letter-spacing:0;white-space:nowrap}
.season-number-card small{font-size:10px;line-height:1.5;font-weight:500;color:#26714a;margin-top:-2px}

.content-section{padding-top:49px;padding-bottom:48px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}
.section-heading .eyebrow{font-size:9px;margin-bottom:8px}
.section-heading h2{font-family:var(--heading);text-transform:uppercase;color:#106938;font-size:35px;font-weight:400;letter-spacing:.018em;margin:0}
.section-heading p{color:var(--muted);font-size:12px;line-height:1.7;margin:8px 0 0}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:29px}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.news-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px;padding-bottom:35px}
.news-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
.news-image-button{display:block;border:0;padding:0;background:none;width:100%;border-radius:5px;overflow:hidden}
.news-image{width:100%;aspect-ratio:1.65;object-fit:cover;background:var(--surface);transition:transform .25s,filter .25s}
.news-image-button:hover .news-image{transform:scale(1.025);filter:brightness(1.07)}
.news-body{padding:18px}
.news-body h3{color:#106938;font-size:21px;font-weight:750;line-height:1.3;letter-spacing:-.03em;margin:13px 0 10px}
.news-body h3>button,.event-main h3>button{display:block;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;letter-spacing:inherit;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.news-body h3>button:hover,.event-main h3>button:hover{color:var(--green-bright)}
.news-body>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:15px}
.news-meta{display:flex;align-items:center;gap:10px;color:#5a6962;font-size:10px}
.news-body .news-meta{justify-content:space-between}
.tag{display:inline-flex;align-items:center;gap:5px;color:#26714a;background:#f5f7f8;border:1px solid #d5dee1;border-radius:3px;padding:4px 7px;font-size:8px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;line-height:1.35}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}

.next-match{padding:22px;min-width:0;background:#ffffff;border-color:#d5dee1;border-top:2px solid #b08e47}
.card-kicker{display:flex;align-items:center;gap:7px;color:#80622d;font-size:9px;font-weight:750;letter-spacing:.06em;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.card-kicker svg{width:14px;height:14px}
.next-match>h3{font-size:16px;line-height:1.45;margin:11px 0 0}
.match-teams{display:flex;align-items:center;justify-content:center;gap:17px;margin:26px 0}
.match-teams>div{flex:1;min-width:0;display:grid;justify-items:center;text-align:center}
.match-teams>div>img{width:38px;height:55px;object-fit:contain;background:transparent;padding:0;margin-bottom:11px}
.match-teams>div>.club-crest,.match-teams>div>.club-crest-fallback{width:38px;height:55px;margin-bottom:11px}
.match-teams>div>strong{color:#106938;font-size:11px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.match-teams>span{color:#5a6962;font-family:var(--heading);font-size:20px;margin-bottom:20px;text-transform:uppercase}
.opponent-mark>svg{width:40px;height:55px;color:#5a6962;stroke-width:1.15;margin-bottom:11px}
.next-match .event-meta{align-items:flex-start;flex-wrap:nowrap;margin:9px 0;font-size:10px}
.next-match .event-meta>svg{width:13px;height:13px;margin-top:2px}
.next-match .btn-block{margin-top:15px}
.meeting-empty{padding:4px 0 3px;background:transparent}
.meeting-empty>svg{width:36px;height:36px;color:#9c7b36;stroke-width:1.5;margin-bottom:18px}
.meeting-empty h3{font-size:20px;line-height:1.35;font-weight:750;color:#106938;margin-bottom:12px;letter-spacing:-.02em}
.meeting-empty p{font-size:12px;line-height:1.8;color:#5a6962;margin:0}
.next-training{display:grid;justify-items:center;gap:8px;position:relative;overflow:hidden;margin:23px 0;padding:22px 14px;background:#f5f7f8;border:1px solid #d5dee1;border-radius:5px;text-align:center}
.next-training::before{content:"";position:absolute;left:-66px;top:calc(50% - 58px);width:116px;height:116px;border:1px solid #7b968740;border-radius:50%;pointer-events:none}
.next-training>svg{width:34px;height:34px;color:#26714a;stroke-width:1.4}
.next-training>strong{font-family:var(--heading);font-size:25px;line-height:1.15;letter-spacing:.03em;text-transform:uppercase;color:#106938;font-weight:400}
.next-training>span{font-size:10px;line-height:1.6;color:#26714a}
.player-zone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:25px;min-height:150px;margin-top:27px;padding:25px 30px;background:#0b713f;border:1px solid #26714a;border-top:3px solid #d0ae63;border-radius:7px;color:#f5f7f8}
.player-zone>svg{width:50px;height:50px;color:#e3c27f;stroke-width:1.5}
.player-zone-copy{min-width:0}
.player-zone-copy>.eyebrow{color:#e3c88e;font-size:9px;letter-spacing:.13em;margin-bottom:9px}
.player-zone h3{font-family:var(--heading);font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:1.1;color:#f5f7f8;margin-bottom:8px}
.player-zone-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#edf1f3;margin:0}
.player-zone>.btn{width:auto;min-width:220px;min-height:48px;justify-self:end;padding:13px 19px;font-size:12px;white-space:normal;color:#087238;background:#ffffff;border-color:#ffffff}
.player-zone>.btn:hover{color:#075d31;background:#e4f7ec;border-color:#e4f7ec}
.player-zone>.btn>svg{width:16px;height:16px}

.sponsor-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0;border-top:1px solid var(--line)}
.sponsor-strip .eyebrow{font-size:9px;margin-bottom:5px}
.sponsor-strip p:last-child{color:#5a6962;font-size:12px;margin-bottom:0}
.sponsor-logo{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:460px;min-height:104px;flex:0 1 auto;background:transparent;border:0;padding:0;transition:transform .16s}
.sponsor-logo>img{width:auto;height:auto;max-width:100%;object-fit:contain;background:transparent}
.sponsor-logo:hover{transform:translateY(-2px)}
.sponsor-km-logo{width:440px}
.sponsor-km-logo>img{width:440px;max-height:122px}
.sponsor-vibe-logo{width:140px;margin-right:5%}
.sponsor-vibe-logo>img{width:140px}
.site-footer{margin-top:30px;border-top:1px solid #d5dee1;color:#5a6962;font-size:12px;background:var(--surface-2)}
.site-footer>.footer-layout{min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:26px}
.footer-identity{display:inline-flex;align-items:center;gap:14px;min-width:0}
.footer-crest{width:65px;height:65px;flex:0 0 auto;object-fit:contain;background:transparent;border:0;padding:0}
.footer-wordmark{display:flex;flex-direction:column;gap:7px;min-width:0}
.footer-wordmark strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:20px;font-weight:750;line-height:1.25;letter-spacing:-.025em;color:#106938}
.footer-wordmark small{font-size:10px;line-height:1.6;font-weight:500;color:#5a6962}
.footer-nav{display:flex;align-items:center;justify-content:flex-end;gap:26px;flex-wrap:wrap}
.footer-nav a{font-size:11px;font-weight:600;color:#26714a;padding-block:7px}
.footer-nav a:hover{color:#106938;text-decoration:underline;text-underline-offset:4px}

/* Home with a compact club panel. */
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;grid-template-areas:"hero sidebar" "news sidebar";grid-template-rows:auto 1fr;column-gap:28px;align-items:start}
.home-primary{display:contents}
.home-layout .hero{grid-area:hero;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:27px;margin:22px 0 24px;padding:30px;min-width:0}
.home-layout .hero::after{inset:0}
.home-layout .hero-copy{min-width:0;padding:0}
.home-layout .hero-title{font-size:clamp(42px,4.1vw,58px);line-height:1.04;margin-bottom:25px}
.home-layout .hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:16px}
.home-layout .hero-actions{gap:9px}
.home-layout .hero-actions .btn{min-height:42px;padding:11px 13px;font-size:10px;gap:7px}
.home-layout .hero-actions .btn svg{width:15px;height:15px}
.home-layout .hero-visual{margin:0}
.home-layout .hero-badge{min-height:66px;padding:13px 15px;gap:10px}
.home-layout .hero-badge>svg{width:25px;height:25px}
.home-layout .hero-badge strong{font-size:12px}
.home-layout .hero-badge>div>span{font-size:7px}
.home-layout .home-news{grid-area:news;min-width:0;padding-top:7px;padding-bottom:40px}
.home-layout .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.club-sidebar{grid-area:sidebar;min-width:0;margin-top:22px;align-self:start}
.club-sidebar-inner{display:grid;gap:16px;align-items:start}
.sidebar-account,.sidebar-schedule{min-width:0;padding:20px;border:1px solid #d5dee1;border-radius:7px;background:var(--surface)}
.sidebar-account{background:var(--surface)}
.sidebar-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#106938}
.sidebar-heading>svg{width:19px;height:19px;color:#5a6962;stroke-width:1.8}
.sidebar-heading h2{font-family:inherit;font-size:16px;font-weight:750;line-height:1.35;letter-spacing:-.02em;margin:0}
.sidebar-account .sidebar-heading{margin:-20px -20px 17px;padding:15px 20px;border-radius:6px 6px 0 0;background:#0b713f;color:#ffffff}
.sidebar-account .sidebar-heading>svg{color:#e1c383}
.sidebar-account>p{font-size:12px;line-height:1.75;color:#5a6962;margin-bottom:17px}
.sidebar-account>.btn,.sidebar-schedule>.btn{min-height:41px;font-size:11px;padding:11px 12px;white-space:normal}
.sidebar-schedule>.btn-secondary{background:#f5f7f8;border-color:#d5dee1}
.sidebar-schedule>.btn-secondary:hover{background:#edf1f3;border-color:#d5dee1}
.sidebar-user{display:grid;grid-template-columns:35px minmax(0,1fr);gap:2px 10px;align-items:center;margin:0 0 17px}
.sidebar-user>.avatar{grid-column:1;grid-row:1}
.sidebar-user>div{display:grid;gap:3px;min-width:0}
.sidebar-user strong{font-size:12px;font-weight:750;color:#106938;line-height:1.4;overflow-wrap:anywhere}
.sidebar-user small{font-size:10px;line-height:1.5;color:#5a6962}
.sidebar-account-links{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:13px}
.sidebar-account-links>.text-link{font-size:10px}
.sidebar-game-invite{border-top:1px solid #d5dee1;margin-top:17px;padding-top:15px}
.sidebar-game-invite>.eyebrow{font-size:9px;letter-spacing:.09em;color:#7d693a;margin-bottom:11px}
.sidebar-schedule>.sidebar-game-invite{border-top:0;margin-top:0;padding-top:0;margin-bottom:18px}
.sidebar-match-list{display:grid;gap:11px;margin-bottom:16px}
.sidebar-match{min-width:0;padding:12px;border:1px solid #d5dee1;border-radius:5px;background:#ffffff}
.sidebar-match.upcoming{border-color:#d5dee1;background:#f8fafb}
.sidebar-match>.eyebrow{font-size:9px;letter-spacing:.1em;color:#5a6962;margin-bottom:7px}
.sidebar-match.upcoming>.eyebrow{color:#856d35}
.sidebar-match-meta{font-size:11px;line-height:1.5;color:#5a6962;margin-bottom:11px}
.sidebar-match-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:#106938}
.sidebar-match-open:hover .sidebar-match-detail{color:#26714a}
.sidebar-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 61px minmax(0,1fr);align-items:center;gap:7px}
.sidebar-match-team{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.sidebar-match-team>.club-crest,.sidebar-match-team>.club-crest-fallback{width:28px;height:28px}
.sidebar-match-team>strong{font-size:11px;line-height:1.35;font-weight:650;overflow-wrap:anywhere;max-width:100%}
.sidebar-match-score{display:flex;align-items:center;justify-content:center;min-width:0}
.sidebar-match-score>strong{display:inline-flex;align-items:center;gap:3px;font-family:var(--heading);font-size:28px;font-weight:400;line-height:1;color:#106938;white-space:nowrap}
.sidebar-match-score>strong>span{font-family:Arial,sans-serif;font-size:18px;font-weight:400;color:#5a6962}
.sidebar-match-score>small{font-family:var(--heading);font-size:20px;line-height:1;color:#5a6962}
.sidebar-match-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:9px;border-top:1px solid #edf1f3;color:#5a6962;font-size:10px;line-height:1.5}
.sidebar-match-detail>span{min-width:0;overflow-wrap:anywhere}
.sidebar-match-detail>svg{width:13px;height:13px}
.sidebar-match-empty{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:6px 9px;padding:4px 0}
.sidebar-match-empty>svg{grid-row:1/3;width:22px;height:22px;color:#a08a52;margin-top:2px;stroke-width:1.5}
.sidebar-match-empty>strong{font-size:11px;line-height:1.5;font-weight:650;color:#26714a}
.sidebar-match-empty>p{grid-column:2;font-size:10px;line-height:1.6;color:#5a6962;margin:0}
.sidebar-season{min-width:0;padding:0;overflow:hidden;background:var(--surface);border:1px solid #bdcfc4;border-top:3px solid #b99a58;border-radius:8px;box-shadow:0 3px 14px #17442b0d}
.season-summary-head{padding:19px 20px 17px;color:#106938;background:#eff7f2}
.season-summary-kicker{display:flex;align-items:center;gap:8px;color:#5a6962;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.09em;margin-bottom:14px}
.season-summary-year{border-left:1px solid #d5dee1;padding-left:8px;letter-spacing:.04em}
.season-summary-head h2{font-family:inherit;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.035em;color:#106938;margin:0}
.season-champion{display:flex;align-items:center;gap:12px}
.season-champion-emblem{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#e9d6a6;color:#71551d}
.season-champion-emblem>svg{width:24px;height:24px;stroke-width:1.6}
.season-champion-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.season-champion-copy>p{font-size:11px;line-height:1.5;font-weight:550;color:#5a6962;margin:0}
.season-summary-body{display:grid;gap:18px;padding:18px 20px 20px}
.season-achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border-radius:6px;background:#0b713f}
.season-points,.season-place{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:14px 8px;text-align:center}
.season-place{background:#e9d6a6}
.season-points>strong,.season-place>strong{font-family:inherit;font-size:34px;font-weight:750;line-height:1.1;letter-spacing:-.04em;color:#ffffff;font-variant-numeric:tabular-nums}
.season-place>strong{color:#60491d}
.season-points>span,.season-place>span{font-size:10px;line-height:1.4;font-weight:600;color:#ffffff}
.season-place>span{color:#60491d}
.season-balance h3,.season-goals h3{font-family:inherit;font-size:10px;font-weight:650;line-height:1.4;letter-spacing:.02em;color:#5a6962;margin:0 0 11px}
.season-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:320px;margin-inline:auto;text-align:center}
.season-results>div,.season-goal-values>div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}
.season-results>div+div{border-left:1px solid #e3eae6}
.season-results strong,.season-goal-values strong{font-family:inherit;font-size:26px;font-weight:700;line-height:1.1;color:#1c4531;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.season-results span,.season-goal-values div>span{font-size:10px;line-height:1.4;color:#5a6962}
.season-goals{padding-top:16px;border-top:1px solid #e3eae6}
.season-goal-values{display:grid;grid-template-columns:72px 16px 72px;justify-content:center;align-items:start;gap:8px}
.season-goal-colon{display:grid;place-items:center;height:29px;font-size:22px;font-weight:500;line-height:1;color:#86968c;text-align:center}
.season-summary-footer{padding:0 20px;background:#f5f7f8;border-top:1px solid #e3eae6}
.season-summary-footer>.text-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;font-size:11px;color:#26714a}
.season-summary-footer>.text-link:hover{color:#106938}
.season-summary-footer>.text-link>svg{width:14px;height:14px}
@media(min-width:651px) and (max-width:980px){
.sidebar-season{display:grid;grid-template-columns:220px minmax(0,1fr)}
.season-summary-head{padding:22px;border-right:1px solid #d5e4db}
.season-champion{align-items:flex-start;flex-direction:column;gap:14px}
.season-summary-body{padding:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.season-achievements{grid-column:1/-1}
.season-goals{padding-top:0;padding-left:16px;border-top:0;border-left:1px solid #e3eae6}
.season-goal-values{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:4px}
.season-results{gap:4px}
.season-results strong,.season-goal-values strong{font-size:23px}
.season-results span,.season-goal-values div>span{font-size:9px}
.season-summary-footer{grid-column:1/-1}
}
.sidebar-upcoming{border-top:1px solid #d5dee1;margin-top:17px;padding-top:16px;margin-bottom:18px}
.sidebar-upcoming>.eyebrow{font-size:7px;letter-spacing:.09em;color:#7c693a;margin-bottom:11px}
.sidebar-event{display:grid;grid-template-columns:36px minmax(0,1fr) 15px;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;color:#106938;text-align:left}
.sidebar-event+.sidebar-event{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f3}
.sidebar-event:hover .sidebar-event-copy>strong{color:#26714a}
.sidebar-event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;border:1px solid #d9c99e;border-radius:4px;background:#fbf8ef}
.sidebar-event-date>strong{font-family:var(--heading);font-size:21px;font-weight:400;line-height:1;color:#765f2e}
.sidebar-event-date>small{font-size:7px;font-weight:700;line-height:1;letter-spacing:.05em;color:#867043}
.sidebar-event-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.sidebar-event-copy>strong{font-size:11px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}
.sidebar-event-copy>small{font-size:10px;line-height:1.4;color:#5a6962}
.sidebar-event>svg{width:15px;height:15px;color:#5a6962}
.sidebar-empty p{font-size:11px;line-height:1.7;color:#5a6962;margin:0}

/* Interior pages, squad and statistics. */
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:43px 0 30px}
.page-header .eyebrow{margin-bottom:12px}
.page-header h1{font-family:var(--heading);text-transform:uppercase;color:#106938;font-size:52px;font-weight:400;letter-spacing:.015em;margin:0 0 12px}
.page-header p{color:#5a6962;font-size:13px;line-height:1.75;max-width:650px;margin-bottom:0}
.page-header p.eyebrow{color:#80622d;font-size:10px;line-height:1.5}
.section-heading p.eyebrow{color:#80622d}
.page-header .actions,.page-actions{display:flex;align-items:center;gap:10px;padding-bottom:5px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0 24px}
.tabs{display:inline-flex;align-items:center;max-width:100%;gap:4px;padding:5px;border:1px solid #edf1f3;background:#ffffff;border-radius:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5dee1 transparent}
.tab{padding:8px 15px;border:1px solid transparent;border-radius:4px;background:none;color:#5a6962;font-size:12px;font-weight:650;white-space:nowrap}
.tab:hover{color:#106938;background:#ffffff}
.tab.active{background:#f5f7f8;color:#26714a;border-color:#d5dee1}
.search-box{position:relative;display:flex;align-items:center;min-width:0}
.search-box>svg{position:absolute;left:12px;width:15px;height:15px;color:#5a6962;pointer-events:none}
.search-input,.select-input{min-height:40px;border:1px solid #edf1f3;border-radius:5px;background:#ffffff;color:#106938;padding:10px 12px;font-size:12px;max-width:100%}
.search-box>.search-input{width:242px;padding-left:35px}
.search-input::placeholder{color:#5a6962}
.filters{display:flex;align-items:center;gap:10px;min-width:0}

.players-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;padding-bottom:24px}
.player-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid #edf1f3;border-radius:6px;transition:border-color .2s,transform .2s}
.player-card:hover{border-color:#d5dee1;transform:translateY(-3px)}
.player-open{display:block;width:100%;border:0;padding:0;text-align:left;background:none}
.player-portrait{position:relative;height:190px;display:flex;align-items:center;justify-content:center;background:#edf1f3;overflow:hidden;isolation:isolate}
.player-portrait::before{content:"";position:absolute;width:200px;height:200px;top:30px;left:-80px;border:1px solid #a5b7ad28;transform:rotate(25deg)}
.player-portrait::after{content:"";position:absolute;top:-30px;bottom:-30px;width:75px;right:20px;background:#a5b7ad08;border-inline:1px solid #a5b7ad20;transform:rotate(26deg)}
.player-initials{z-index:1;color:#26714a;font-family:var(--heading);font-size:82px;letter-spacing:.025em;line-height:1}
.shirt-number{position:absolute;left:16px;top:14px;z-index:2;color:#26714a;font-family:var(--heading);font-size:22px;letter-spacing:.04em}
.position-badge{position:absolute;bottom:14px;left:14px;z-index:3;color:#26714a;background:#ffffffee;border:1px solid #d5dee1;border-radius:2px;padding:4px 7px;font-size:8px;font-weight:650;letter-spacing:.09em}
.player-portrait>.player-watermark{position:absolute;z-index:-1;bottom:-24px;right:-8px;width:94px;height:139px;object-fit:contain;opacity:.055}
.player-info{padding:20px 17px 17px}
.player-info h3{min-height:41px;font-size:17px;font-weight:750;line-height:1.25;color:#106938;margin-bottom:5px;letter-spacing:-.025em}
.player-info p{color:#5a6962;font-size:11px;margin:0}
.player-card-stats{display:grid;grid-template-columns:1fr 1fr 30px;align-items:center;border-top:1px solid #edf1f3;padding-top:15px;margin-top:16px}
.player-card-stats>div{display:grid;gap:4px;border-right:1px solid #edf1f3}
.player-card-stats>div:nth-child(2){padding-left:13px;border:0}
.player-card-stats strong{font-size:21px;font-family:var(--heading);font-weight:400;color:#26714a;line-height:1.1;letter-spacing:.04em}
.player-card-stats span{color:#5a6962;font-size:8px;letter-spacing:.07em}
.player-arrow{color:var(--gold)!important;display:flex;justify-content:flex-end}
.player-arrow svg{width:17px;height:17px}
.data-note{color:#5a6962;font-size:11px;line-height:1.8;margin:16px 0 34px;max-width:850px}

.stats-leaders,.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-bottom:27px}
.leader-card{display:flex;gap:20px;padding:25px;border:1px solid #d5dee1;border-radius:6px;background:var(--surface)}
.leader-card>svg{color:var(--gold);width:25px;height:25px;margin-top:1px}
.leader-card .eyebrow{font-size:9px;margin-bottom:10px}
.leader-card strong{display:block;font-family:var(--heading);font-weight:400;font-size:58px;letter-spacing:.02em;color:#106938;line-height:1}
.leader-card p{color:#5a6962;font-size:12px;margin:10px 0 0}
.stats-filters{display:flex;align-items:flex-end;gap:12px;min-width:0;max-width:100%}
.stats-filters>.form-field{margin:0;min-width:0;width:230px}
.stats-filters>.form-field:first-child{width:125px}
.stats-filters select{min-height:40px;min-width:0;max-width:100%;text-overflow:ellipsis}
.filter-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#106938}

.table-wrap{background:var(--surface);border:1px solid #edf1f3;border-radius:7px;overflow-x:auto;margin-bottom:28px;scrollbar-color:#d5dee1 #f5f7f8}
.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}
.data-table th{padding:16px 18px;color:#5a6962;background:var(--surface-2);border-bottom:1px solid #edf1f3;text-transform:uppercase;font-size:9px;letter-spacing:.09em;font-weight:750}
.data-table td{padding:16px 18px;border-bottom:1px solid #edf1f3;color:#5a6962}
.data-table tr:last-child td{border-bottom:0}
.data-table tbody tr:hover{background:#f5f7f8}
.data-table td.numeric,.data-table th.numeric,.stats-table th:nth-child(n+3),.stats-table td:nth-child(n+3){text-align:center}
.player-cell{display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;color:#106938;text-align:left;font-size:12px;font-weight:650}
.player-cell strong{font-size:12px;font-weight:650}
.player-cell small{display:block;font-size:9px;color:#5a6962;font-weight:400;margin-top:3px}
button.player-cell:hover{color:var(--green-bright)}
.rank{color:#5a6962!important;font-family:var(--heading);font-size:20px;font-weight:400}
.stat-highlight{color:#26714a!important;background:#f5f7f8;font-weight:800}
.sort-button{border:0;background:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}
.sort-button.active,.sort-button:hover{color:var(--green-bright)}

.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.video-card{overflow:hidden}
.video-card>.news-body{padding:22px}
.video-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;aspect-ratio:16/10;background:#f5f7f8;color:#26714a;border-bottom:1px solid #d5dee1}
.video-cover>svg{width:49px;height:49px;stroke-width:1.3}
.video-cover>span{color:#5a6962;font-size:11px}
.video-cover:hover{background:#f5f7f8}
.empty-state{padding:53px 25px;text-align:center;background:var(--surface);border:1px dashed #edf1f3;border-radius:7px}
.empty-state>svg{width:38px;height:38px;color:#5a6962;margin:0 auto 18px}
.empty-state h3{color:#106938;font-size:22px;letter-spacing:-.025em;margin-bottom:11px}
.empty-state p{color:#5a6962;font-size:13px;line-height:1.85;max-width:460px;margin-inline:auto}
.empty-state .btn{margin-top:10px}
.video-grid>.empty-state,.news-grid>.empty-state,.players-grid>.empty-state,.series-list>.empty-state{grid-column:1/-1}

/* Matches and attendance. */
.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:27px;padding-bottom:30px}
.calendar-layout>div>.toolbar{padding-top:0}
.event-list,.agenda-list{display:grid;gap:12px}
.event-card{display:flex;align-items:center;gap:19px;padding:19px 20px;border:1px solid #edf1f3;border-left:3px solid #d5dee1;border-radius:6px;background:var(--surface);min-width:0}
.event-card:hover,.event-card.selected{border-color:#d5dee1;background:var(--surface-2)}
.event-date{display:grid;place-items:center;min-width:52px;padding-right:18px;border-right:1px solid #edf1f3;text-align:center}
.event-date strong{font-family:var(--heading);font-size:34px;font-weight:400;line-height:1;color:#106938;letter-spacing:.02em}
.event-date small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#5a6962;margin-top:6px}
.event-main{min-width:0;flex:1}
.event-main h3{font-size:16px;font-weight:750;line-height:1.35;color:#106938;margin:8px 0 9px;letter-spacing:-.015em}
.event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;color:#5a6962;font-size:11px;line-height:1.65;margin-bottom:0;overflow-wrap:anywhere;white-space:normal}
.event-meta>svg{width:13px;height:13px;color:#5a6962}
.event-meta>span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.event-action{flex:0 0 auto}
.event-attendance{display:flex;align-items:center;gap:6px;color:#5a6962;font-size:10px;margin:8px 0 0}
.event-attendance svg{width:12px;height:12px}
.chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.tag.match,.badge.match{color:#366b76;background:#f5f7f8;border-color:#edf1f3}
.tag.friendly,.badge.friendly{color:#6e558b;background:#f1ebf7;border-color:#d8cbe6}
.tag.game,.badge.game{color:#087238;background:#e2f5e9;border-color:#acd8b9}
.status-badge,.badge,.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #edf1f3;border-radius:3px;color:#5a6962;background:#f5f7f8;font-size:9px;line-height:1.35;font-weight:650;white-space:nowrap}
.status-badge.pending,.status-badge.draft{color:#80622d;background:#f5eedc;border-color:#ddcba2}
.status-badge.accepted,.status-badge.published{color:#087238;background:#e2f5e9;border-color:#acd8b9}
.status-badge.declined,.status-badge.cancelled{color:#984f46;background:#f9ebe7;border-color:#e5c3b9}
.status-badge.reserve,.status-badge.completed{color:#5a6962;background:#f5f7f8;border-color:#edf1f3}
.score-inline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#5a6962;font-size:11px;margin-top:11px}
.score-inline strong{color:#106938;background:#f5f7f8;padding:4px 10px;border-radius:3px;font-size:15px}
.active-filter{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;margin-bottom:15px;color:#5a6962;background:#f5f7f8;border:1px solid #d5dee1;border-radius:5px;font-size:12px}
.active-filter .text-link{font-size:11px}

.side-card{padding:23px;margin-bottom:20px}
.side-card h3{color:#106938;font-size:21px;font-weight:700;letter-spacing:-.025em;margin-bottom:13px}
.side-card h4{font-size:13px;color:#5a6962;margin:22px 0 12px}
.side-card p{color:#5a6962;font-size:12px;line-height:1.8}
.side-card .eyebrow{font-size:9px;margin-bottom:12px}
.side-card>.btn{margin-top:8px}
.notice{display:flex;align-items:flex-start;gap:11px;padding:16px 18px;margin:19px 0;border:1px solid #d5dee1;border-radius:5px;color:#5a6962;background:#f5f7f8;font-size:12px;line-height:1.8}
.notice>svg{width:17px;height:17px;margin-top:2px}
.notice p{margin:0;font-size:inherit;color:inherit}
.broadcast-invitation p{margin:4px 0 0}
.notice-gold{color:#80622d;border-color:#ddcba2;background:#ffffff}
.notice-green{color:#26714a;border-color:#d5dee1;background:#f5f7f8}
.event-detail{min-width:0}
.event-detail>h2{color:#106938;font-family:var(--heading);font-size:35px;font-weight:400;letter-spacing:.015em;text-transform:uppercase;margin:16px 0 22px}
.detail-meta{display:grid;gap:10px;min-width:0;margin-bottom:21px}
.detail-meta>p{display:flex;align-items:flex-start;gap:9px;min-width:0;color:#5a6962;font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.detail-meta>p>svg{width:16px;height:16px;color:#5a6962;margin-top:2px}
.detail-notes{color:#5a6962;border-left:2px solid var(--gold);padding-left:16px;margin:22px 0;font-size:13px;line-height:1.85;white-space:pre-wrap}
.rsvp-box{padding:22px;margin:24px 0;color:#106938;border:1px solid #d5dee1;background:#f5f7f8;border-radius:6px}
.rsvp-box .eyebrow{font-size:9px;color:#26714a;margin-bottom:10px}
.rsvp-box>p{font-size:13px;line-height:1.8;margin-bottom:17px}
.rsvp-box>p:last-child{margin-bottom:0}
.rsvp-actions,.admin-event-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-event-actions{padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}
.roster-heading,.roster-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 14px}
.roster-heading h3,.roster-editor-heading h3{font-size:20px;color:#106938;margin:0}
.roster-heading>span{color:#5a6962;font-size:11px}
.progress-track{height:5px;border-radius:9px;overflow:hidden;background:#f5f7f8;margin-bottom:19px}
.progress-fill{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .3s}
.roster-list{display:grid;gap:0}
.roster-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f3}
.roster-row:last-child{border:0}
.roster-row .avatar{width:32px;height:32px;font-size:9px}
.roster-person{flex:1;min-width:0}
.roster-person strong{display:block;color:#106938;font-size:12px;font-weight:650;line-height:1.4}
.roster-person small{display:block;color:#5a6962;font-size:10px;line-height:1.5;margin-top:3px}
.subheading{font-size:16px;color:#106938;margin:24px 0 10px}
.declined-list{border-top:1px solid var(--line);padding-top:14px;margin-top:19px}
.declined-list summary{cursor:pointer;color:#5a6962;font-size:12px;padding:6px 0}
.event-detail .notice{flex-wrap:wrap}
.event-detail .notice>p{flex:1;min-width:150px}

/* Full-size monthly calendar. */
.calendar-page .page-header{padding-top:25px;padding-bottom:21px}
.calendar-page .page-header .eyebrow{font-size:9px;line-height:1.5;margin-bottom:9px}
.calendar-page .calendar-toolbar{margin-bottom:18px}
.calendar-workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start;padding-bottom:30px;min-width:0}
.month-board{overflow:hidden;min-width:0;padding:23px;background:#ffffff;border-color:#d5dee1}
.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.month-toolbar h2{font-family:var(--heading);font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:.025em;color:#106938;margin:0}
.calendar-nav{display:flex;align-items:center;gap:5px}
.calendar-nav .icon-button{border:1px solid #edf1f3;width:31px;height:31px;font-size:22px}
.calendar-nav .btn-small{min-height:31px;padding:7px 10px;font-size:11px}
.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.month-weekdays{padding-bottom:13px}
.month-weekdays>*{color:#5a6962;text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:650}
.month-grid{border-top:1px solid #edf1f3;border-left:1px solid #edf1f3}
.month-day{min-width:0;min-height:85px;padding:8px 6px;border-right:1px solid #e0e6e9;border-bottom:1px solid #e0e6e9;background:#ffffff;transition:background .15s}
.month-day:hover{background:#ffffff}
.month-day.outside{background:#f5f7f8;color:#8a9b90}
.month-day.today{background:#edf1f3}
.month-day.selected{background:#f5f7f8;box-shadow:inset 0 0 0 1px #41805d}
.month-day:nth-child(7n),.month-day:nth-child(7n - 1){background:#f7faf8}
.month-day.outside:nth-child(7n),.month-day.outside:nth-child(7n - 1){background:#edf2ef}
.month-day.today,.month-day.selected{background:#e7f0e9}
.month-day-head{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:0;border:0;background:none;color:#5a6962;margin-bottom:7px}
.month-day-head button{display:grid;place-items:center;width:25px;height:25px;border:0;padding:0;border-radius:50%;background:transparent;color:#5a6962;font-size:11px}
.month-day.today .month-day-head button{background:var(--green);color:#fff;font-weight:800}
.month-day.outside .month-day-head button{color:#5a6962}
.month-day-head small{font-size:8px;color:#5a6962}
.month-event{display:flex;flex-direction:column;gap:1px;width:100%;min-width:0;margin-top:4px;padding:5px 6px;border:1px solid #edf1f3;border-left:3px solid var(--cyan);border-radius:3px;background:#f5f7f8;color:#366b76;text-align:left;line-height:1.45}
.month-event.friendly{background:#f1ebf7;color:#6e558b;border-color:#d8cbe6;border-left-color:var(--purple)}
.month-event.game{background:#e2f5e9;color:#087238;border-color:#acd8b9;border-left-color:var(--green)}
.month-event:hover{filter:brightness(1.2)}
.month-event-time{font-size:9px;font-weight:800;letter-spacing:.025em}
.month-event-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;min-width:0;overflow-wrap:anywhere}
.month-event-more{display:block;width:100%;padding:4px 0 0;border:0;background:none;text-align:left;font-size:9px;font-weight:650;color:#5a6962}
.calendar-agenda{min-width:0}
.agenda-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;margin-bottom:17px}
.agenda-heading h2,.agenda-heading h3{font-family:var(--heading);font-size:25px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:#106938;margin:0}
.agenda-heading .eyebrow{font-size:8px;margin-bottom:0}
.agenda-heading p{font-size:11px;color:#5a6962;margin:6px 0 0}
.calendar-agenda .event-card{padding:16px 13px;gap:11px}
.calendar-agenda .event-date{min-width:35px;padding-right:11px}
.calendar-agenda .event-date strong{font-size:29px}
.calendar-agenda .event-main h3{font-size:13px}
.calendar-agenda .event-meta{font-size:10px}
.calendar-agenda .event-action{width:25px;height:30px}
.calendar-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}
.calendar-legend{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding-top:17px;font-size:10px;color:#5a6962}
.calendar-legend>span{display:flex;align-items:center;gap:7px}
.calendar-legend i,.day-event{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.calendar-legend .friendly,.day-event.friendly{background:var(--purple)}
.calendar-legend .game,.day-event.game{background:var(--green)}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px}
.team-switch{margin-bottom:20px}
.calendar-toolbar .team-switch{margin-bottom:0}
.calendar-type-tabs{min-width:0}
.team-tag{color:#106938;background:#f5f7f8;border-color:#edf1f3}
.month-toolbar .eyebrow{font-size:8px;margin-bottom:8px}
.month-day-events{display:grid;align-content:start;gap:0;min-width:0}
.month-event.cancelled{opacity:.6}
.month-event.cancelled .month-event-title{text-decoration:line-through}
.month-event-state{color:#984f46;font-size:8px;line-height:1.5}
.cycle-info{margin-top:22px;border-top:2px solid var(--gold)}

/* Legacy compact calendar, used by small embedded views. */
.calendar-panel{padding:21px 17px;margin-bottom:23px}
.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:21px}
.calendar-top h2,.calendar-top h3{font-family:var(--heading);font-size:23px;font-weight:400;text-transform:uppercase;letter-spacing:.025em;margin:0}
.calendar-weekday-grid,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-weekday-grid{padding-bottom:12px}
.calendar-weekday-grid>*{font-size:9px;text-align:center;color:#5a6962}
.calendar-grid{border-top:1px solid #edf1f3;border-left:1px solid #edf1f3}
.calendar-day{display:flex;align-items:center;flex-direction:column;gap:3px;min-width:0;min-height:46px;border:0;border-right:1px solid #edf1f3;border-bottom:1px solid #edf1f3;background:#ffffff;color:#5a6962;padding:6px 3px}
.calendar-day.today{background:#f5f7f8}
.calendar-day.outside{color:#5a6962;background:#ffffff}
.calendar-day.selected{box-shadow:inset 0 0 0 1px #7b9687;background:#f5f7f8}
.day-number{display:grid;place-items:center;width:23px;height:23px;font-size:11px;border-radius:50%}
.today .day-number{background:var(--green);color:#fff;font-weight:800}
.day-markers{display:flex;align-items:center;justify-content:center;gap:3px}

/* Administration, recurring sessions and league. */
.metric-card{padding:25px;background:var(--surface);border:1px solid #edf1f3;border-radius:6px}
.metric-card>svg{color:var(--gold);width:23px;height:23px;margin-bottom:16px}
.metric-card strong{display:block;color:#106938;font-family:var(--heading);font-size:49px;font-weight:400;line-height:1.1;letter-spacing:.025em}
.metric-card span,.metric-card p{display:block;color:#5a6962;font-size:12px;margin:7px 0 0}
.admin-nav.tabs{display:flex;width:fit-content;margin-bottom:28px}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:29px}
.action-group{display:flex;align-items:center;gap:7px}
.action-group .icon-button{width:31px;height:31px}
.action-group .icon-button svg{width:16px;height:16px}
.admin-news-list{display:grid;gap:14px}
.admin-news-row{display:flex;align-items:center;gap:21px;padding:16px}
.admin-news-row>img{width:128px;aspect-ratio:1.5;object-fit:cover;border-radius:3px}
.admin-news-row>div:nth-child(2){flex:1;min-width:0}
.admin-news-row h3{color:#106938;font-size:18px;line-height:1.35;margin:9px 0 7px}
.admin-news-row small{color:#5a6962;font-size:11px}
.admin-news-row .action-group{margin-left:auto}
.series-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:22px 0 29px}
.series-card{position:relative;min-width:0;padding:23px;background:var(--surface);border:1px solid #edf1f3;border-left:3px solid #d5dee1;border-radius:6px}
.series-card>header,.series-card>.section-heading,.series-card>.series-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}
.series-card>header>div,.series-card>.section-heading>div{min-width:0;flex:1}
.series-card .eyebrow{font-size:8px;color:#26714a;margin-bottom:8px}
.series-card h3,.series-card h4{color:#106938;font-size:19px;line-height:1.35;margin:0;overflow-wrap:anywhere}
.series-card p{color:#5a6962;font-size:12px;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}
.series-card p>svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px;color:#26714a}
.series-card p strong{color:#106938;font-weight:650}
.series-card .action-group{border-top:1px solid #edf1f3;padding-top:16px;margin-top:17px;flex-wrap:wrap}

.league-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;align-items:start}
.league-standing{min-width:0}
.league-standing table{width:100%;border-collapse:collapse}
.league-standing .our-team,.league-standing .our-team td{background:#f5f7f8!important;color:#106938!important;font-weight:750}
.league-standing .our-team td:first-child{box-shadow:inset 3px 0 var(--green)}
.league-match-card{padding:21px;background:var(--surface);border:1px solid #edf1f3;border-radius:6px;margin-bottom:13px;min-width:0}
.league-match-card h3{color:#106938;font-size:17px;line-height:1.4;margin-bottom:14px;overflow-wrap:anywhere}
.league-match-card p{font-size:12px;color:#5a6962;line-height:1.8;overflow-wrap:anywhere}
.league-match-card strong{color:#106938}
.league-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#5a6962;font-size:11px;padding:14px 17px;background:var(--surface);border:1px solid #d5dee1;border-radius:5px;margin-bottom:23px}
.league-status svg{color:#26714a;width:16px;height:16px}
.league-source{font-size:11px;color:#5a6962;line-height:1.8;margin:16px 0 28px}
.league-source a{color:var(--green-bright);text-decoration:underline;text-underline-offset:3px}
.league-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}
.league-status>small{margin-left:auto;color:#5a6962;font-size:10px}
.league-standing .section-heading>.league-source{margin:0;font-size:11px}
.league-standing .data-table th:nth-child(n+3),.league-standing .data-table td:nth-child(n+3){text-align:center}
.league-group td{background:#ffffff!important;color:var(--gold)!important;padding-block:12px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}
.league-team-name{display:flex;align-items:center;gap:9px;font-weight:650;color:inherit}
.league-team-name>img{width:24px;height:28px;object-fit:contain;background:transparent;padding:0;flex:0 0 auto}
.league-team-name .club-crest,.league-team-name .club-crest-fallback{width:24px;height:28px}
.league-points{color:#80622d!important;font-weight:800;font-size:15px}
.league-results{min-width:0}
.league-results .section-heading{margin-bottom:18px}
.league-results .section-heading:not(:first-child){margin-top:28px}
.league-results .section-heading h2{font-size:28px}
.league-match-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5a6962;font-size:9px;line-height:1.6}
.league-match-score{display:grid;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);align-items:center;gap:9px;margin:21px 0}
.league-match-score>strong{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;font-size:12px;font-weight:650;color:#106938;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.league-match-score>strong .club-crest,.league-match-score>strong .club-crest-fallback,.league-match-score>strong>img{width:38px;height:38px;object-fit:contain;background:transparent;border:0;padding:0}
.month-event .club-crest,.month-event .club-crest-fallback{width:13px;height:15px;vertical-align:middle;margin-right:3px}
.league-match-score>span{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--heading);font-size:32px;line-height:1.1;color:#26714a}
.league-match-score>span>small{font-family:Arial,sans-serif;font-size:18px;font-weight:400;color:#5a6962}
.league-match-card>.text-link{font-size:10px}

/* Dialogs, forms and accounts. */
.modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;background:#075d317a;backdrop-filter:blur(8px);animation:fade-in .15s ease-out}
.modal{width:100%;max-width:650px;max-height:calc(100dvh - 60px);display:flex;flex-direction:column;overflow:hidden;background:#ffffff;border:1px solid #edf1f3;border-radius:9px;box-shadow:0 25px 100px #075d3120;animation:rise-in .2s ease-out}
.modal-wide{max-width:980px}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 21px;border-bottom:1px solid #edf1f3}
.modal-header h2{color:#106938;font-family:var(--heading);font-size:29px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;margin:0}
.modal-header p{color:#5a6962;font-size:12px;margin:8px 0 0}
.modal-header>.icon-button{margin:-3px -8px 0 0;flex:0 0 auto}
.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:25px 28px;scrollbar-color:#d5dee1 #f5f7f8}
.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:11px;padding:19px 28px;background:#ffffff;border-top:1px solid #edf1f3}
.modal-body .modal-footer{margin:25px -28px -25px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.modal form>.form-grid{margin-bottom:19px}
.form-field{display:block;min-width:0;color:#5a6962;font-size:11px;font-weight:650;line-height:1.5;margin-bottom:19px}
.form-grid .form-field{margin:0}
.form-field.full,.form-field.full-width{grid-column:1/-1}
.form-label{display:block;color:#5a6962;font-size:11px;font-weight:650;margin-bottom:8px}
.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field select,.form-field textarea,.form-input{width:100%;min-width:0;max-width:100%;min-height:44px;display:block;padding:11px 12px;margin-top:8px;color:#106938;background:#ffffff;border:1px solid #edf1f3;border-radius:5px;font-size:13px;font-weight:400;transition:border-color .15s,box-shadow .15s}
.form-field textarea{min-height:102px;resize:vertical;line-height:1.8}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#d5dee1;box-shadow:0 0 0 3px #7b968714}
.form-field input::placeholder,.form-field textarea::placeholder{color:#5a6962}
input[type="checkbox"],input[type="radio"]{accent-color:var(--green);width:16px;height:16px;flex:0 0 auto}
.form-hint{display:block;color:#5a6962;font-size:10px;font-weight:400;line-height:1.75;margin:8px 0 0}
.form-error{color:#984f46;background:#f9ebe7;border:1px solid #e5c3b9;border-radius:4px;padding:11px 14px;font-size:12px;margin:12px 0}
.form-error:empty{display:none}
.checkbox-field{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#5a6962;font-size:11px;font-weight:500;line-height:1.7;margin:20px 0;cursor:pointer}
.checkbox-field>input{margin:0 3px 0 0}
.checkbox-field>small{color:#5a6962;font-size:10px}
.recurrence-options{padding:18px;margin:21px 0;background:#f5f7f8;border:1px solid #d5dee1;border-left:3px solid var(--gold);border-radius:5px}
.recurrence-options>.checkbox-field{margin:0;color:#26714a;font-weight:650}
#recurrence-end{margin-top:17px}
#recurrence-end .form-field{max-width:295px;margin-bottom:10px}

.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:19px 0}
.selection-column{min-width:0}
.selection-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#26714a;font-size:12px;font-weight:650;margin-bottom:11px}
.selection-title>span{color:#5a6962;font-size:11px;font-weight:500}
.selection-list{border:1px solid #edf1f3;border-radius:5px;background:#ffffff;max-height:290px;overflow-y:auto;padding:3px 11px;scrollbar-color:#d5dee1 #f5f7f8}
.player-select{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 0;border-bottom:1px solid #edf1f3;color:#5a6962;font-size:12px;cursor:pointer}
.player-select:last-child{border-bottom:0}
.player-select .avatar{width:28px;height:28px;font-size:8px}
.player-select>span:not(.avatar){min-width:0}
.player-select small{margin-left:auto;color:var(--gold);font-size:10px}
.player-select:has(input:checked){color:#106938}
.player-select:has(input:disabled){opacity:.45;cursor:not-allowed}
.reserve-order{margin:23px 0 21px;padding:19px;background:#ffffff;border:1px solid #edf1f3;border-radius:5px}
.reserve-order h4{color:#106938;font-size:13px;margin:0 0 13px}
.reserve-order-row{display:flex;align-items:center;gap:11px;color:#5a6962;font-size:12px;padding:8px 0;border-top:1px solid #edf1f3}
.reserve-order-row>span:nth-child(2){flex:1;min-width:0}
.order-number{width:21px;color:var(--gold);font-size:11px;font-weight:750}
.reserve-order-row .icon-button{width:29px;height:29px;border-color:#edf1f3;font-size:15px}

.modal:has(#login-form),.login-modal{max-width:460px}
.modal:has(#login-form) .modal-header{border-bottom:0;padding-bottom:5px}
.modal:has(#login-form) .modal-header h2{color:#5a6962;font-family:Arial,sans-serif;font-size:12px;text-transform:none;letter-spacing:0}
.login-brand{text-align:center;margin-bottom:27px}
.login-brand img{display:block;width:88px;height:128px;object-fit:contain;padding:0;background:transparent;margin:0 auto 18px}
.login-brand>.eyebrow{display:block;width:100%;text-align:center;margin-bottom:12px}
.login-brand h2,.login-brand h3{color:#106938;font-family:var(--heading);font-size:34px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin-bottom:10px}
.login-brand p{color:#5a6962;font-size:12px}
.demo-logins{display:grid;gap:9px;border-top:1px solid #edf1f3;margin-top:25px;padding-top:21px}
.demo-logins>.eyebrow{justify-content:center;font-size:9px;margin-bottom:2px}
.demo-logins>p{text-align:center;color:#5a6962;font-size:10px;line-height:1.7;margin-bottom:3px}
.demo-login-buttons{display:flex;align-items:center;gap:10px}
.demo-login-buttons .btn{flex:1;font-size:11px;padding:10px}
.demo-login-buttons .btn svg{width:15px;height:15px}
.demo-logins>.form-hint{margin-top:7px;font-size:9px}
.detail-hero{width:100%;max-height:440px;object-fit:contain;background:#f5f7f8;border-radius:5px;margin-bottom:25px}
.modal-body>.news-meta{margin-bottom:20px}
.article-content{color:#5a6962;font-size:14px;line-height:1.95}
.article-content h2,.article-content h3{color:#106938;line-height:1.3;margin-top:27px}
.article-content h2{font-size:25px}
.article-content h3{font-size:20px}
.article-content p:last-child{margin-bottom:0}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px}
.profile-identity{display:flex;align-items:center;gap:24px;margin-bottom:29px}
.profile-identity.card{padding:25px}
.profile-avatar{display:grid;place-items:center;width:102px;height:120px;flex:0 0 auto;color:#26714a;background:#f5f7f8;border:1px solid #d5dee1;border-radius:5px;font-family:var(--heading);font-size:48px;letter-spacing:.02em;overflow:hidden}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-identity h2{color:#106938;font-size:27px;letter-spacing:-.03em;margin:0 0 12px}
.profile-identity h3{color:#106938;font-size:24px;margin:12px 0 10px}
.profile-identity p{color:#5a6962;font-size:12px;line-height:1.75;margin-bottom:12px}
.profile-layout .section-heading h2{font-size:29px}
.profile-layout .side-card form{margin-top:22px}
.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:25px;padding-top:24px;text-align:center}
.profile-stats>div{border-right:1px solid var(--line)}
.profile-stats>div:last-child{border:0}
.profile-stats strong{display:block;color:#26714a;font-family:var(--heading);font-size:43px;font-weight:400;line-height:1.1;letter-spacing:.03em}
.profile-stats span,.profile-stats small{display:block;color:#5a6962;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-top:7px}

/* Notification center and feedback. */
.notification-panel{position:fixed;z-index:70;top:81px;right:max(24px,calc((100vw - 1350px)/2));width:375px;max-height:min(610px,calc(100dvh - 110px));overflow-y:auto;background:#ffffff;border:1px solid #edf1f3;border-radius:7px;box-shadow:0 18px 65px #075d3120}
.notification-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 21px;border-bottom:1px solid #edf1f3}
.notification-header h3{margin:0;color:#106938;font-size:19px;letter-spacing:-.025em}
.notification-header h3>span{padding-left:5px;color:var(--green-bright);font-size:12px}
.mark-read{margin:14px 21px;font-size:10px}
.notification-item{display:flex;align-items:flex-start;gap:11px;width:100%;padding:19px 21px;border:0;border-bottom:1px solid #edf1f3;color:#5a6962;background:#ffffff;text-align:left;position:relative}
.notification-item:last-child{border-bottom:0}
.notification-item:hover{background:#ffffff}
.notification-item.unread{background:#f5f7f8;padding-right:31px}
.notification-item.unread::after{content:"";position:absolute;top:25px;right:19px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.notification-icon{color:#26714a;padding-top:3px}
.notification-icon svg{width:16px;height:16px}
.notification-item strong{display:block;color:#106938;font-size:12px;font-weight:700;margin-bottom:6px}
.notification-item>span:last-child>span{display:block;color:#5a6962;font-size:11px;line-height:1.8;margin-bottom:9px}
.notification-time{display:block;color:#5a6962;font-size:9px}
.toast-stack,#toast{display:grid;gap:9px;position:fixed;bottom:25px;right:28px;z-index:150;max-width:415px}
.toast{display:flex;align-items:center;gap:11px;padding:16px 19px;color:#106938;background:#f5f7f8;border:1px solid #d5dee1;border-radius:5px;box-shadow:0 10px 35px #075d3120;font-size:12px;line-height:1.7;animation:rise-in .2s ease-out}
.toast.error{color:#984f46;background:#f9ebe7;border-color:#e5c3b9}
.toast svg{width:18px;height:18px}
@keyframes fade-in{from{opacity:0}
to{opacity:1}
}
@keyframes rise-in{from{opacity:0;transform:translateY(9px)}
to{opacity:1;transform:translateY(0)}
}

/* Match reports and player history. */
.history-coverage{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;margin:0 0 18px;border:1px solid #d5dee1;border-left:3px solid #b39147;border-radius:6px;background:#f5f7f8;color:#26714a;font-size:12px;line-height:1.65}
.history-coverage>svg{width:18px;height:18px;color:#26714a;margin-top:1px}
.history-coverage>span{min-width:0;overflow-wrap:anywhere}
.history-coverage strong{color:#106938;font-weight:700}
.match-report{min-width:0;padding-top:7px}
.report-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 19px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.report-title h3{margin:0;color:#106938;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.02em}
.report-title .tag{flex:0 0 auto}
.report-section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 15px;margin:25px 0 12px}
.report-section-heading h3,.report-section-heading h4{margin:0;color:#106938;font-size:14px;font-weight:750;line-height:1.5}
.report-section-heading>span{color:#5a6962;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.report-notes{padding:12px 15px;border-left:2px solid #d5dee1;background:#f5f7f8;border-radius:0 5px 5px 0}
.report-notes p{margin:0 0 5px;color:#5a6962;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.report-notes p:last-child{margin-bottom:0}
.match-report>.table-wrap,.modal-body>.table-wrap:has(.player-history-totals){min-width:0;max-width:100%;margin-bottom:17px;overscroll-behavior-x:contain}
.report-lineup{min-width:340px;font-size:12px}
.report-lineup th,.report-lineup td,.player-history-totals th,.player-history-totals td{padding:12px 11px}
.report-lineup th,.player-history-totals th{background:#f5f7f8;color:#26714a;font-size:10px;letter-spacing:.04em}
.report-lineup td,.player-history-totals td{color:#106938;font-size:12px;font-variant-numeric:tabular-nums}
.report-lineup th:first-child,.report-lineup td:first-child{min-width:165px;white-space:normal;line-height:1.5}
.report-lineup th:not(:first-child),.report-lineup td:not(:first-child),.player-history-totals th:not(:first-child),.player-history-totals td:not(:first-child){width:42px;text-align:center;white-space:nowrap}
.report-lineup tbody tr:hover,.player-history-totals tbody tr:hover{background:#ffffff}
.report-player{display:inline;border:0;background:transparent;padding:3px 0;color:#106938;font-size:inherit;font-weight:650;text-align:left;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#d5dee1;text-underline-offset:3px}
.report-player:hover{color:#075d31;text-decoration-color:currentColor}
.report-player:focus-visible{outline-offset:2px}
.keeper-label{display:inline-block;vertical-align:middle;padding:1px 4px;margin-left:6px;border:1px solid #d5dee1;border-radius:3px;background:#f5f7f8;color:#26714a;font-size:8px;font-weight:800;letter-spacing:.03em;line-height:1.5}
.report-unavailable{margin:0 0 16px;padding:14px 15px;background:#f5f7f8;border:1px dashed #d5dee1;border-radius:5px;color:#5a6962;font-size:12px;line-height:1.7}
.match-report>.data-note{margin:17px 0 14px;font-size:10px}
.match-report>.text-link{font-size:11px;min-height:35px}
.match-timeline{list-style:none;margin:0;padding:0}
.match-timeline>li{position:relative;display:grid;grid-template-columns:38px 28px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:12px 0}
.match-timeline>li::before{position:absolute;content:"";width:1px;background:#edf1f3;left:64px;top:0;bottom:0}
.match-timeline>li:first-child::before{top:24px}
.match-timeline>li:last-child::before{bottom:calc(100% - 24px)}
.timeline-minute{padding-top:4px;color:#5a6962;font-size:11px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;line-height:1.7;white-space:nowrap}
.timeline-marker{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f5f7f8;color:#8d6e2f}
.timeline-marker>svg{width:17px;height:17px}
.timeline-marker.goal{background:#f5f7f8;color:#106938}
.timeline-marker.own_goal{background:#f3e9d4;color:#876338}
.timeline-marker>i{display:block;width:11px;height:15px;border:1px solid #a17a12;border-radius:2px;background:#f2ce50;transform:rotate(-8deg)}
.timeline-marker.yellow{background:#fbf3dc}
.timeline-marker.red,.timeline-marker.second_yellow{background:#f7e6df}
.timeline-marker.red>i,.timeline-marker.second_yellow>i{background:#b74339;border-color:#94372e}
.timeline-marker.second_yellow>i{box-shadow:-3px -2px 0 #edc957}
.match-timeline>li>div{min-width:0;padding-top:2px}
.match-timeline strong{display:block;color:#106938;font-size:12px;font-weight:650;line-height:1.55;overflow-wrap:anywhere}
.match-timeline small{display:block;margin-top:2px;color:#5a6962;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.league-match-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding-top:13px;border-top:1px solid #edf1f3}
.league-match-actions>.text-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:11px;line-height:1.5;white-space:normal;text-align:left}
.league-match-actions>.text-link>svg{width:15px;height:15px}
.league-match-actions>a{margin-left:auto;color:#5a6962}
.league-match-actions>a:hover{color:#106938}
.player-history-totals{min-width:405px}
.player-history-totals th:first-child,.player-history-totals td:first-child{min-width:180px;white-space:normal}
.player-history-totals td:first-child strong{display:block;font-size:12px;line-height:1.5;color:#106938}
.player-history-totals td:first-child small{display:block;margin-top:3px;font-size:10px;line-height:1.5;color:#5a6962}
.player-match-history{max-height:370px;min-width:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid #edf1f3;border-radius:6px;scrollbar-width:thin;scrollbar-color:#d5dee1 #f5f7f8}
.player-match-history>button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:72px;padding:13px 15px;border:0;border-bottom:1px solid #edf1f3;border-radius:0;background:#ffffff;color:#106938;text-align:left;transition:background .15s ease}
.player-match-history>button:last-child{border-bottom:0}
.player-match-history>button:hover{background:#f5f7f8}
.player-match-history>button:focus-visible{outline-offset:-3px;background:#f5f7f8}
.player-match-history>button>span{min-width:0}
.player-match-history>button>svg{width:17px;height:17px;color:#5a6962;flex:0 0 auto}
.player-match-history small{display:block;margin-bottom:5px;color:#5a6962;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.player-match-history strong{display:block;font-size:12px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.player-match-history b{display:inline-block;margin-inline:5px;padding:0 6px;border-radius:3px;background:#edf1f3;color:#106938;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:650px){
.history-coverage{gap:9px;padding:12px;font-size:11px}
.report-title{gap:10px;margin-bottom:16px;padding-bottom:13px}
.report-title h3{font-size:18px}
.report-section-heading{margin-top:22px;gap:4px 12px}
.report-section-heading h3,.report-section-heading h4{font-size:13px}
.report-section-heading>span{font-size:10px}
.report-notes{padding:10px 12px}
.report-lineup th,.report-lineup td,.player-history-totals th,.player-history-totals td{padding:11px 9px}
.report-lineup td,.player-history-totals td{font-size:12px}
.match-timeline>li{grid-template-columns:32px 28px minmax(0,1fr);gap:9px;padding-block:11px}
.match-timeline>li::before{left:55px}
.timeline-minute{font-size:10px}
.match-timeline strong{font-size:12px}
.league-match-actions{column-gap:12px;padding-top:10px}
.league-match-actions>.text-link{font-size:10px}
.player-match-history>button{gap:9px;padding:12px;min-height:76px}
.player-match-history b{margin-inline:3px;padding-inline:5px}
}

/* Compact match dialog: roster and events remain visible together. */
.modal:has(.report-compact) .modal-header{padding:17px 22px 14px}
.modal:has(.report-compact) .modal-header h2{font-size:25px}
.modal-body:has(.report-compact){padding:17px 22px}
.modal .report-score-card{padding:12px 15px;margin-bottom:17px;background:#f5f7f8}
.report-score-card .league-match-meta{font-size:9px;gap:8px}
.report-score-card .league-match-meta .tag{padding:4px 7px;font-size:8px}
.report-score-card .league-match-score{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:10px;margin:10px 0 2px}
.report-score-card .league-match-score>strong{flex-direction:row;justify-content:center;gap:8px;font-size:12px;line-height:1.4}
.report-score-card .league-match-score>strong .club-crest,.report-score-card .league-match-score>strong .club-crest-fallback,.report-score-card .league-match-score>strong>img{width:48px;height:48px;flex:0 0 48px}
.report-score-card .league-match-score>span{font-size:29px}
.report-compact{padding-top:0}
.report-content-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:24px;min-width:0}
.report-roster-section,.report-events-section{min-width:0}
.report-events-section{padding-left:22px;border-left:1px solid #edf1f3}
.report-compact .report-section-heading{min-height:23px;margin:0 0 10px;gap:6px 10px}
.report-compact .report-section-heading h3{font-size:14px;line-height:1.4}
.report-compact .report-section-heading>span{font-size:10px}
.report-compact .report-section-heading .tag{font-size:8px;padding:3px 6px}
.report-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px;list-style:none;padding:0;margin:0}
.report-roster-grid>li{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:45px;padding:8px 0;border-bottom:1px solid #edf1f3}
.report-roster-person{min-width:0;color:#106938;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.report-compact .report-player{padding:0;font-size:12px;line-height:1.5;text-decoration-color:#d5dee1}
.report-compact .keeper-label{margin-left:4px;padding-inline:3px;font-size:7px}
.report-player-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
.report-player-metrics:empty{display:none}
.report-metric{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:19px;padding:2px 5px;border-radius:3px;background:#f5f7f8;color:#26714a;line-height:1;font-size:10px}
.report-metric>svg{width:11px;height:11px;flex:0 0 auto}
.report-metric>b{font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}
.report-metric>small{font-size:8px}
.report-metric.own_goals,.report-metric.mvp{background:#f1ead7;color:#806331}
.report-metric.assists{background:#f5f7f8;color:#26714a}
.report-metric.yellow{background:#f8efd4;color:#74591d}
.report-metric.red{background:#f5e5df;color:#923d32}
.report-metric>i,.report-legend .legend-card{display:inline-block;width:7px;height:10px;border:1px solid #a68025;border-radius:1px;background:#edca53;flex:0 0 auto}
.report-metric.red>i,.report-legend .legend-card.red{background:#bc4b40;border-color:#92392f}
.report-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#5a6962;font-size:9px;line-height:1.5;margin:10px 0 0}
.report-legend>svg{width:12px;height:12px;color:#26714a}
.report-legend .legend-card{margin-left:6px}
.report-compact .match-timeline>li{grid-template-columns:26px 22px minmax(0,1fr);gap:8px;padding:6px 0}
.report-compact .match-timeline>li::before{left:45px}
.report-compact .match-timeline>li:first-child::before{top:17px}
.report-compact .match-timeline>li:last-child::before{bottom:calc(100% - 17px)}
.report-compact .timeline-minute{font-size:10px;line-height:1.5;padding-top:3px}
.report-compact .timeline-marker{width:22px;height:22px}
.report-compact .timeline-marker>svg{width:14px;height:14px}
.report-compact .timeline-marker>i{width:9px;height:12px}
.report-compact .match-timeline>li>div{padding-top:0}
.report-compact .match-timeline strong{font-size:12px;line-height:1.4}
.report-compact .match-timeline small{font-size:9px;line-height:1.4;margin-top:1px}
.report-compact .report-unavailable{padding:11px 12px;font-size:11px;margin-bottom:10px}
@media(max-width:760px){
.report-content-grid{grid-template-columns:minmax(0,1fr);gap:19px}
.report-events-section{padding:17px 0 0;border-left:0;border-top:1px solid #edf1f3}
.report-roster-grid{column-gap:20px}
}
@media(max-width:650px){
.modal:has(.report-compact) .modal-header{padding:15px 17px 12px}
.modal:has(.report-compact) .modal-header h2{font-size:22px}
.modal-body:has(.report-compact){padding:14px 17px}
.modal .report-score-card{padding:10px 11px;margin-bottom:16px}
.report-score-card .league-match-meta{align-items:flex-start;font-size:8px}
.report-score-card .league-match-meta .tag{font-size:7px;max-width:55%;white-space:normal}
.report-score-card .league-match-score{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:7px;margin-top:9px}
.report-score-card .league-match-score>strong{flex-direction:column;gap:5px;font-size:10px}
.report-score-card .league-match-score>strong .club-crest,.report-score-card .league-match-score>strong .club-crest-fallback,.report-score-card .league-match-score>strong>img{width:40px;height:40px;flex-basis:40px}
.report-score-card .league-match-score>span{font-size:26px;gap:4px}
.report-roster-grid{column-gap:13px}
.report-roster-grid>li{min-height:44px;padding-block:7px}
.report-roster-person,.report-compact .report-player{font-size:11px;line-height:1.45}
.report-compact .report-section-heading h3{font-size:13px}
}

/* Club newsroom: a featured story and an editorial feed. */
.newsroom{padding-top:42px;padding-bottom:60px}
.newsroom-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.newsroom-heading>div{min-width:0}
.newsroom-heading .eyebrow{margin-bottom:11px}
.newsroom-heading h1{font-family:var(--heading);font-size:clamp(49px,5.2vw,72px);font-weight:400;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:#106938;margin:0 0 14px}
.newsroom-heading .lead{color:#5a6962;font-size:14px;line-height:1.7;margin:0;max-width:580px}
.newsroom-heading>.btn{flex:0 0 auto;margin-bottom:4px}
.newsroom-lead{min-width:0}
.newsroom-feature{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid #a5b7ad;border-radius:8px;background:var(--surface);box-shadow:0 10px 25px #1069380b}
.newsroom-feature-image,.newsroom-row-image{display:block;position:relative;width:100%;min-width:0;border:0;padding:0;overflow:hidden;background:#edf1f3;line-height:0;text-align:left}
.newsroom-feature-image{align-self:center}
.newsroom-feature-image>img,.newsroom-row-image>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:filter .2s ease}
.newsroom-feature-image:hover>img,.newsroom-row-image:hover>img{filter:brightness(1.045)}
.newsroom-feature-image:focus-visible,.newsroom-row-image:focus-visible{outline-offset:-4px}
.newsroom-feature-label{position:absolute;left:15px;top:15px;display:inline-flex;align-items:center;min-height:25px;padding:6px 9px;border:1px solid #ddc68e;border-radius:3px;background:#eee2bd;color:#106938;font-size:8px;line-height:1.3;font-weight:750;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 2px 10px #075d3112}
.newsroom-feature-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:34px 35px;border-left:2px solid #bc9e5d;color:var(--ink);background:var(--surface)}
.newsroom-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;color:#5a6962;font-size:10px;font-weight:500;line-height:1.5}
.newsroom-meta>:first-child{color:#806936;font-size:9px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}
.newsroom-feature-copy .newsroom-meta{color:#5a6962}
.newsroom-feature-copy .newsroom-meta>:first-child{color:#806936}
.newsroom-feature-copy h2{font-family:var(--heading);font-size:clamp(29px,3vw,44px);font-weight:400;line-height:1.08;letter-spacing:.01em;text-transform:uppercase;color:#106938;margin:20px 0 17px}
.newsroom-feature-copy h2>button,.newsroom-row-copy h3>button{display:block;border:0;padding:0;background:transparent;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;overflow-wrap:anywhere}
.newsroom-feature-copy h2>button:hover{color:#106938}
.newsroom-feature-copy>p{margin:0;color:#5a6962;font-size:13px;line-height:1.8;max-width:37ch}
.newsroom-read{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:fit-content;min-height:34px;padding:0;border:0;background:transparent;color:#26714a;font-size:11px;font-weight:750;line-height:1.5;text-align:left}
.newsroom-read>svg{width:17px;height:17px;transition:transform .15s ease}
.newsroom-read:hover>svg{transform:translate(2px,-2px)}
.newsroom-feature-copy .newsroom-read{margin-top:25px;color:#26714a}
.newsroom-feature-copy .newsroom-read:hover{color:#106938}
.newsroom-feed{margin-top:30px;padding:26px 30px 6px;background:var(--surface);border:1px solid #d5dee1;border-top:3px solid #b89e61;border-radius:5px}
.newsroom-feed-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:4px}
.newsroom-feed-heading h2{margin:0;color:#106938;font-size:23px;font-weight:750;line-height:1.3;letter-spacing:-.025em}
.newsroom-feed-heading>span{color:#5a6962;font-size:11px;line-height:1.5;white-space:nowrap}
.newsroom-row{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:27px;padding:23px 0;min-width:0;border-bottom:1px solid #d5dee1}
.newsroom-row:last-child{border-bottom:0}
.newsroom-row-image{border-radius:5px}
.newsroom-row-copy{min-width:0;max-width:780px}
.newsroom-row-copy h3{color:#106938;font-size:23px;font-weight:750;line-height:1.25;letter-spacing:-.025em;margin:10px 0}
.newsroom-row-copy h3>button:hover{color:#26714a}
.newsroom-row-copy>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#5a6962;font-size:12px;line-height:1.75;margin:0 0 9px;max-width:75ch}
.newsroom-row-copy .newsroom-read{min-height:27px;font-size:10px}
.newsroom-empty{padding-block:20px}
.newsroom-empty .empty-state{background:#f5f7f8;border-color:#d5dee1}

/* Article view keeps the original graphic and a comfortable reading column. */
.modal:has(.club-story){max-width:850px;background:#ffffff;border-color:#d5dee1}
.modal:has(.club-story) .modal-header{padding:23px 28px 20px;background:#f5f7f8;border-bottom-color:#d5dee1}
.modal:has(.club-story) .modal-header h2{font-family:inherit;font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.035em;text-transform:none;color:#106938;max-width:670px}
.modal-body:has(.club-story){padding:23px 28px 25px;background:#ffffff}
.club-story{min-width:0}
.club-story-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 17px;margin:0 auto 19px;color:#5a6962;font-size:11px;line-height:1.5}
.club-story-meta>span:first-child{padding:4px 8px;background:#edf1f3;border:1px solid #d5dee1;border-radius:3px;color:#26714a;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.club-story-image{display:block;width:min(100%,510px);height:auto;aspect-ratio:3/2;object-fit:contain;margin:0 auto;border:0;border-radius:5px;background:transparent}
.club-story-body{max-width:62ch;margin:24px auto 0;color:#26714a;font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.club-story-body>p{margin:0 0 17px}
.club-story-body>.club-story-intro{color:#106938;font-size:17px;font-weight:650;line-height:1.65;margin-bottom:22px}
.club-story-body>p:last-child{margin-bottom:0}
.club-story-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:62ch;margin:27px auto 0;padding-top:17px;border-top:1px solid #d5dee1;color:#26714a;font-size:12px;font-weight:650}
.club-story-footer>span{display:inline-flex;align-items:center;gap:8px}
.club-story-footer>span>img{width:30px;height:35px;object-fit:contain;background:transparent}
.club-story-footer>.text-link{margin-left:auto;font-size:10px;min-height:34px;color:#26714a}
@media(max-width:980px){
.newsroom{padding-top:32px}
.newsroom-feature-copy{padding:25px}
.newsroom-feature-copy h2{font-size:32px;margin:15px 0}
.newsroom-feature-copy>p{font-size:12px;line-height:1.7}
.newsroom-feature-copy .newsroom-read{margin-top:18px}
.newsroom-feature-label{left:11px;top:11px;font-size:7px;padding:5px 7px;min-height:23px}
.newsroom-feed{padding:24px 24px 4px}
.newsroom-row{grid-template-columns:190px minmax(0,1fr);gap:23px}
.newsroom-row-copy h3{font-size:21px}
}
@media(max-width:900px){
.newsroom-feature{grid-template-columns:minmax(0,1fr)}
.newsroom-feature-copy{padding:27px 29px;border-left:0;border-top:2px solid #bc9e5d}
.newsroom-feature-copy h2{font-size:37px;max-width:22ch}
.newsroom-feature-copy>p{font-size:13px;max-width:62ch}
.newsroom-feature-copy .newsroom-read{margin-top:17px}
.newsroom-feature-label{left:15px;top:15px;font-size:8px}
}
@media(max-width:650px){
.newsroom{padding-top:26px;padding-bottom:34px}
.newsroom-heading{align-items:flex-start;flex-wrap:wrap;gap:17px;margin-bottom:20px}
.newsroom-heading .eyebrow{font-size:8px;margin-bottom:9px}
.newsroom-heading h1{font-size:48px;margin-bottom:12px}
.newsroom-heading .lead{font-size:12px;line-height:1.7}
.newsroom-heading>.btn{min-height:37px;font-size:10px;margin-bottom:0}
.newsroom-feature{border-radius:6px}
.newsroom-feature-copy{padding:23px 21px}
.newsroom-feature-copy h2{font-size:32px;margin:13px 0 14px}
.newsroom-feature-copy>p{font-size:12px;line-height:1.75}
.newsroom-feature-copy .newsroom-read{margin-top:17px;min-height:32px}
.newsroom-feature-label{left:11px;top:11px;font-size:7px}
.newsroom-meta{font-size:9px;gap:4px 9px}
.newsroom-meta>:first-child{font-size:8px}
.newsroom-feed{margin-top:22px;padding:19px 16px 2px}
.newsroom-feed-heading{align-items:flex-start;gap:10px}
.newsroom-feed-heading h2{font-size:18px;line-height:1.35}
.newsroom-feed-heading>span{font-size:9px;padding-top:3px}
.newsroom-row{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:15px;padding:19px 0}
.newsroom-row-image{margin-top:3px;border-radius:4px}
.newsroom-row-copy h3{font-size:17px;line-height:1.3;letter-spacing:-.02em;margin:8px 0}
.newsroom-row-copy>p{font-size:11px;line-height:1.6;margin-bottom:7px}
.newsroom-row-copy .newsroom-read{font-size:9px;gap:6px}
.newsroom-row-copy .newsroom-read>svg{width:14px;height:14px}
.modal:has(.club-story) .modal-header{padding:19px 18px 16px}
.modal:has(.club-story) .modal-header h2{font-size:23px;line-height:1.2}
.modal-body:has(.club-story){padding:18px}
.club-story-meta{font-size:10px;margin-bottom:15px;gap:7px 12px}
.club-story-meta>span:first-child{font-size:8px}
.club-story-body{font-size:13px;line-height:1.85;margin-top:20px}
.club-story-body>.club-story-intro{font-size:15px;line-height:1.65;margin-bottom:18px}
.club-story-footer{gap:8px;margin-top:22px;padding-top:14px;font-size:11px}
.club-story-footer>span>img{width:25px;height:30px}
.club-story-footer>.text-link{font-size:9px}
}
@media(max-width:420px){
.newsroom-row{grid-template-columns:90px minmax(0,1fr);gap:12px}
.newsroom-row-copy h3{font-size:16px}
.newsroom-row-copy .newsroom-meta{gap:3px 7px;font-size:8px}
.newsroom-row-copy .newsroom-meta>:first-child{font-size:7px}
}

/* Tablet and laptop widths. */
@media(max-width:1190px){.container{width:calc(100% - 64px)}
.header-inner{padding-inline:32px;gap:18px;min-height:90px}
.brand-copy strong{font-size:19px}
.brand-copy small{font-size:6px}
.brand-crest{width:68px;height:68px}
.main-nav{gap:16px}
.nav-link{font-size:11px}
.header-actions{padding-left:15px;gap:8px}
.hero{gap:40px}
.hero-title{font-size:clamp(58px,5.6vw,67px)}
.season-recap-grid{gap:11px}
.season-title-card,.season-number-card{padding:20px 18px}
.season-title-card{gap:13px}
.season-title-card>svg{width:34px;height:34px}
.season-title-card strong{font-size:28px}
.home-grid{grid-template-columns:minmax(0,1fr) 275px;gap:23px}
.next-match{padding:21px 18px}
.news-grid{gap:23px}
.news-body h3{font-size:19px}
.players-grid{gap:18px}
.leader-card{padding:23px 20px;gap:15px}
.leader-card .eyebrow{font-size:8px}
.calendar-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:20px}
.month-board{padding:18px}
.month-day{min-height:85px;padding:7px 5px}
.calendar-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}
.league-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}
}

@media(max-width:980px){.header-inner{min-height:77px;flex-wrap:wrap;gap:0;padding-top:12px}
.header-actions{border-left:0;margin-left:auto}
.main-nav{order:3;width:100%;margin:8px 0 0;min-height:44px;gap:28px;overflow-x:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.nav-link{font-size:12px}
.hero{padding-block:39px;gap:28px}
.hero-title{font-size:clamp(42px,6.4vw,61px)}
.season-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.player-zone{padding:24px;gap:20px}
.player-zone>svg{width:42px;height:42px}
.player-zone h3{font-size:27px}
.player-zone>.btn{min-width:190px;max-width:220px;font-size:11px}
.sponsor-strip{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:22px 30px}
.sponsor-strip>div{grid-column:1/-1}
.sponsor-logo{justify-self:center}
.sponsor-km-logo,.sponsor-km-logo>img{width:400px}
.sponsor-vibe-logo,.sponsor-vibe-logo>img{width:125px}
.footer-nav{gap:18px}
.hero-description{font-size:13px}
.hero-actions .btn{padding-inline:14px;font-size:11px}
.hero-badge{padding:14px 17px;min-height:65px;gap:11px}
.hero-badge strong{font-size:12px}
.hero-badge>div>span{font-size:7px}
.home-grid{grid-template-columns:minmax(0,1fr) 255px}
.home-grid .news-grid{grid-template-columns:minmax(0,1fr);gap:28px}
.news-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.players-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.player-portrait{height:175px}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.calendar-workspace,.calendar-layout,.league-layout{grid-template-columns:minmax(0,1fr)}
.calendar-agenda .event-card{padding:18px}
.calendar-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}
.month-day{min-height:85px}
.series-list{grid-template-columns:minmax(0,1fr)}
.profile-layout{grid-template-columns:minmax(0,1fr)}
.profile-layout>.side-card{max-width:520px}
.stats-filters{gap:10px}
.stats-filters>.form-field{width:190px}
.stats-filters>.form-field:first-child{width:105px}
.sponsor-vibe-logo{margin-right:0}
.notification-panel{top:77px}
}

/* Phone layouts. */
@media(max-width:650px){
.container{width:calc(100% - 40px)}
.header-inner{padding:10px 20px 0;min-height:68px}
.brand{gap:8px}
.brand-crest{width:56px;height:56px}
.brand-copy strong{font-size:16px}
.brand-copy small{font-size:5.5px;letter-spacing:.1em}
.header-actions{padding-left:7px;gap:4px}
.header-actions .btn{min-height:35px;padding:8px 11px;font-size:10px;gap:6px}
.header-actions .btn svg{width:13px;height:13px}
.header-actions .icon-button{width:30px;height:32px}
.main-nav{margin-top:8px;min-height:44px;gap:0;justify-content:space-between;overflow-x:visible}
.nav-link{font-size:12px;padding-inline:5px;min-width:0;flex:0 1 auto}
.user-chip{gap:6px}
.user-chip .avatar{width:29px;height:29px;font-size:9px}
.user-chip>span:not(.avatar),.user-chip strong{font-size:9px}
.user-chip small{font-size:8px}
.demo-bar{padding-block:6px;font-size:8px}
.demo-bar>.container{gap:12px}
.demo-bar>.container>span:last-child{font-size:7px;text-align:right}
.live-dot{width:4px;height:4px}

.hero{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-top:31px;padding-bottom:33px;margin-block:16px}
.hero::after{inset:0 -12px;border-radius:6px}
.hero-copy{padding:0}
.eyebrow,.hero-overline{font-size:9px;letter-spacing:.13em;margin-bottom:16px}
.hero-title{font-size:clamp(52px,15vw,80px);line-height:1.03;margin-bottom:25px}
.season-recap{padding-top:10px}
.season-recap-heading{gap:12px;margin-bottom:16px}
.season-recap-heading .eyebrow{font-size:8px}
.season-recap-heading h2{font-size:28px}
.season-recap-heading>.text-link{font-size:10px;max-width:104px;padding-bottom:3px}
.season-recap-grid{gap:11px}
.season-title-card,.season-number-card{min-height:139px;padding:18px}
.season-title-card{flex-direction:column;align-items:flex-start;justify-content:center;gap:11px}
.season-title-card>svg{width:27px;height:27px}
.season-title-card>div{gap:5px}
.season-title-card strong{font-size:26px}
.season-title-card span{font-size:9px}
.season-number-card strong{font-size:43px}
.season-number-card span{font-size:10px}
.season-number-card:has(>small)>strong{font-size:31px}
.hero-description{max-width:360px;font-size:13px;line-height:1.85;margin-bottom:24px}
.hero-actions{gap:10px}
.hero-actions .btn{padding:11px 14px;min-height:44px;font-size:11px}
.hero-caption{margin-top:24px;font-size:9px}
.mini-crests>span{width:28px;height:28px;font-size:7px}
.hero-visual{margin-top:4px}
.hero-badge{padding:15px 17px;gap:12px;min-height:70px}
.hero-badge>svg{width:26px;height:26px}
.hero-badge strong{font-size:12px}
.hero-badge>div>span{font-size:7px}
.hero-season-label{font-size:8px}
.content-section{padding-block:35px}
.section-heading{gap:14px;margin-bottom:23px}
.section-heading h2{font-size:30px}
.section-heading .eyebrow{font-size:8px;margin-bottom:8px}
.section-heading>.text-link{max-width:124px;font-size:10px;flex:0 0 auto}
.section-heading>.text-link svg{width:14px;height:14px}
.section-heading>.btn{font-size:10px;padding:10px 12px;min-height:37px;white-space:normal}
.home-grid,.news-grid,.news-page-grid{grid-template-columns:minmax(0,1fr);gap:31px}
.news-image{aspect-ratio:1.6}
.news-body{padding-top:17px}
.news-body h3{font-size:21px}
.news-body>p{font-size:12px}
.news-meta{font-size:9px}
.tag{font-size:7px}
.next-match{padding:24px}
.next-match .match-teams{max-width:260px;margin-inline:auto}
.next-match>h3{font-size:17px}
.next-match .event-meta{font-size:11px}
.card-kicker{font-size:9px}
.player-zone{grid-template-columns:minmax(0,1fr);gap:17px;padding:26px 24px;margin-top:23px}
.player-zone>svg{width:36px;height:36px}
.player-zone h3{font-size:31px}
.player-zone-copy>.eyebrow{font-size:9px}
.player-zone>.btn{width:100%;min-width:0;max-width:none;justify-self:stretch;font-size:12px;margin-top:3px}
.sponsor-strip{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:21px 15px;padding-block:28px}
.sponsor-strip>div{grid-column:1/-1;text-align:center}
.sponsor-strip .eyebrow{justify-content:center;font-size:8px}
.sponsor-strip p:last-child{font-size:11px}
.sponsor-logo{justify-self:center;max-width:100%;min-height:90px}
.sponsor-logo>img{height:auto;max-width:100%}
.sponsor-km-logo,.sponsor-km-logo>img{width:240px}
.sponsor-km-logo>img{max-height:88px}
.sponsor-vibe-logo,.sponsor-vibe-logo>img{width:100px}
.month-event .club-crest,.month-event .club-crest-fallback{width:11px;height:13px;margin-right:2px}
.site-footer{margin-top:23px}
.site-footer>.footer-layout{flex-direction:column;align-items:center;gap:20px;padding-block:25px;min-height:0}
.footer-identity{gap:10px}
.footer-crest{width:58px;height:58px}
.footer-wordmark strong{font-size:18px}
.footer-wordmark small{font-size:9px}
.footer-nav{justify-content:center;gap:23px;width:100%;border-top:1px solid #d5dee1;padding-top:13px}
.footer-nav a{font-size:10px}

.page-header{display:block;padding-top:31px;padding-bottom:23px}
.page-header h1{font-size:41px;margin-bottom:12px}
.page-header p{font-size:12px}
.page-header .eyebrow{font-size:8px;margin-bottom:12px}
.page-header>.btn,.page-header>.actions,.page-actions{margin-top:20px}
.toolbar{flex-direction:column;align-items:stretch;gap:15px;padding-top:8px;padding-bottom:23px}
.tabs{align-self:flex-start;max-width:100%;gap:3px;padding:4px}
.tab{padding:8px 11px;font-size:11px}
.search-box>.search-input{width:100%;min-height:42px}
.filters{flex-wrap:wrap}
.players-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.player-portrait{height:155px}
.player-initials{font-size:66px}
.shirt-number{font-size:19px;left:12px;top:11px}
.position-badge{left:10px;bottom:11px;font-size:6px;padding:4px 5px}
.player-portrait>.player-watermark{width:69px;height:104px;bottom:-19px}
.player-info{padding:15px 12px 14px}
.player-info h3{font-size:15px;min-height:38px;line-height:1.25;margin-bottom:5px}
.player-info p{font-size:10px}
.player-card-stats{grid-template-columns:1fr 1fr 20px;margin-top:14px;padding-top:13px}
.player-card-stats>div:nth-child(2){padding-left:9px}
.player-card-stats strong{font-size:22px}
.player-card-stats span{font-size:6px}
.player-arrow svg{width:14px;height:14px}
.data-note{font-size:10px;line-height:1.8}
.stats-leaders,.dashboard-grid,.calendar-summary,.league-summary{gap:10px;margin-bottom:24px}
.leader-card{display:block;padding:17px 12px}
.leader-card>svg{width:20px;height:20px;margin:0 0 13px}
.leader-card .eyebrow{font-size:6px;letter-spacing:.045em;min-height:18px;margin-bottom:10px;line-height:1.5}
.leader-card strong{font-size:42px}
.leader-card p{font-size:9px;line-height:1.6;margin-top:8px}
.stats-filters{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);width:100%;gap:10px}
.stats-filters>.form-field,.stats-filters>.form-field:first-child{width:auto;min-width:0;margin:0;font-size:10px}
.stats-filters select{width:100%;padding-left:10px;font-size:12px}
.data-table th{padding:14px 12px;font-size:8px}
.data-table td{padding:14px 12px;font-size:11px}
.player-cell{gap:8px;font-size:11px}
.player-cell strong{font-size:11px}
.player-cell small{font-size:8px}
.player-cell .avatar{width:29px;height:29px;font-size:8px}
.rank{font-size:18px}
.video-grid{grid-template-columns:minmax(0,1fr);gap:27px}
.empty-state{padding:41px 20px}
.empty-state h3{font-size:20px}
.empty-state p{font-size:12px}

.calendar-workspace,.calendar-layout{gap:22px}
.calendar-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px}
.calendar-toolbar>.tabs{max-width:100%;width:fit-content}
.calendar-toolbar>.team-switch,.team-switch.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;max-width:100%;overflow:visible}
.team-switch>.tab{white-space:normal;line-height:1.45;padding:9px 6px;min-width:0}
.team-switch>.tab:first-child:nth-last-child(3){grid-column:1/-1}
.month-toolbar .eyebrow{font-size:7px;margin-bottom:7px}
.league-status>small{width:100%;margin-left:0}
.league-match-score{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}
.calendar-layout>aside{display:block}
.month-board{padding:17px 10px}
.month-toolbar{gap:8px;margin-bottom:20px}
.month-toolbar h2{font-size:25px}
.calendar-nav{gap:3px}
.calendar-nav .icon-button{width:27px;height:29px}
.calendar-nav .btn-small{font-size:10px;padding:7px}
.month-weekdays{padding-bottom:10px}
.month-weekdays>*{font-size:8px}
.month-day{min-height:64px;padding:4px 3px}
.month-day-head{justify-content:center;margin-bottom:3px}
.month-day-head button{width:22px;height:22px;font-size:10px}
.month-day-head small{display:none}
.month-event{padding:2px;border-left-width:2px;gap:1px;margin-top:3px}
.month-event-time{font-size:11px;line-height:1.2;letter-spacing:0}
.month-event-title{font-size:10px;line-height:1.2;-webkit-line-clamp:2;word-break:normal;overflow-wrap:anywhere}
.month-event-more{font-size:7px;text-align:center;padding-top:3px}
.calendar-legend{font-size:9px;gap:13px;padding-top:15px}
.agenda-heading h2,.agenda-heading h3{font-size:26px}
.calendar-agenda .event-card{padding:16px 13px}
.calendar-agenda .event-main h3{font-size:14px}
.calendar-panel{padding:19px 13px}
.calendar-top h2,.calendar-top h3{font-size:23px}
.calendar-day{min-height:46px;padding:6px 2px}
.calendar-weekday-grid>*{font-size:8px}
.event-card{padding:16px 13px;gap:11px;border-left-width:2px}
.event-date{min-width:39px;padding-right:12px}
.event-date strong{font-size:30px}
.event-date small{font-size:8px}
.event-main h3{font-size:14px;margin-top:8px}
.event-meta{font-size:10px;gap:5px;row-gap:5px}
.event-meta>svg{width:12px;height:12px}
.event-card>.event-action{width:26px;height:30px;flex:0 0 26px;padding:0}
.event-card>.event-action svg{width:15px;height:15px}
.event-attendance{font-size:9px}
.chips{gap:4px}
.status-badge,.badge,.status-pill{font-size:8px;padding:4px 6px}
.side-card{padding:22px}
.side-card h3{font-size:21px}
.notice{padding:15px;gap:9px;font-size:11px}
.event-detail>h2{font-size:29px}
.detail-meta>p{font-size:11px}
.detail-notes{font-size:12px}
.rsvp-box{padding:18px}
.rsvp-box>p{font-size:12px}
.rsvp-actions .btn{font-size:11px;padding-inline:13px}
.roster-heading h3,.roster-editor-heading h3{font-size:18px}
.roster-heading>span{font-size:10px}
.roster-editor-heading{flex-wrap:wrap;gap:9px}
.roster-person strong{font-size:11px}
.roster-person small{font-size:9px}

.metric-card{padding:18px 12px}
.metric-card>svg{width:19px;height:19px;margin-bottom:13px}
.metric-card strong{font-size:39px}
.metric-card span,.metric-card p{font-size:9px;line-height:1.65}
.admin-nav.tabs{margin-bottom:24px}
.admin-grid{grid-template-columns:minmax(0,1fr);gap:2px}
.admin-news-row{flex-wrap:wrap;padding:13px;gap:13px}
.admin-news-row>img{width:83px}
.admin-news-row h3{font-size:14px;margin:8px 0 6px}
.admin-news-row small{font-size:9px}
.admin-news-row .action-group{width:100%;justify-content:flex-end}
.series-list{gap:13px;margin:19px 0 24px}
.series-card{padding:19px}
.series-card>.section-heading,.series-card>header{gap:10px}
.series-card h3{font-size:16px}
.series-card .eyebrow{font-size:7px}
.series-card p{font-size:11px}
.series-card .action-group{padding-top:14px;margin-top:15px}
.series-card .action-group .btn{white-space:normal}
.league-status{font-size:10px;padding:13px 14px}
.league-match-card{padding:18px}
.league-match-card h3{font-size:15px}
.league-match-card p,.league-source{font-size:11px}

.modal-backdrop{padding:13px}
.modal{max-height:calc(100dvh - 26px);border-radius:7px}
.modal-header{padding:22px 20px 18px;gap:11px}
.modal-header h2{font-size:25px}
.modal-body{padding:21px 20px}
.modal-footer{padding:17px 20px;gap:9px;flex-wrap:wrap}
.modal-body .modal-footer{margin:23px -20px -21px}
.modal-footer .btn{min-height:40px;font-size:11px;padding:10px 13px}
.form-grid{gap:16px 12px}
.form-field,.form-label{font-size:11px}
.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field select,.form-field textarea{padding:11px 10px;font-size:13px}
.form-hint{font-size:10px}
.checkbox-field{font-size:11px;gap:7px}
.checkbox-field>small{font-size:9px}
.recurrence-options{padding:16px;margin-block:19px}
#recurrence-end .form-field{max-width:none}
.selection-grid{grid-template-columns:minmax(0,1fr);gap:20px}
.selection-list{max-height:240px}
.selection-title{font-size:12px}
.player-select{font-size:12px}
.reserve-order{padding:16px}
.reserve-order h4{font-size:12px}
.reserve-order-row{font-size:11px;gap:9px}
.login-brand h2,.login-brand h3{font-size:31px}
.demo-login-buttons{gap:8px}
.demo-login-buttons .btn{font-size:10px;padding:10px}
.detail-hero{max-height:270px;margin-bottom:22px}
.article-content{font-size:13px}
.profile-layout{grid-template-columns:minmax(0,1fr)}
.profile-identity{gap:17px}
.profile-identity.card{padding:20px}
.profile-avatar{width:73px;height:90px;font-size:35px}
.profile-identity h2{font-size:23px}
.profile-identity h3{font-size:21px;margin-top:10px}
.profile-identity p{font-size:11px}
.profile-layout .section-heading h2{font-size:27px}
.profile-stats{padding-top:22px;margin-top:24px}
.profile-stats strong{font-size:37px}
.profile-stats span{font-size:9px}
.notification-panel{left:14px;right:14px;top:69px;width:auto;max-height:calc(100dvh - 88px)}
.toast-stack,#toast{left:16px;right:16px;bottom:17px;max-width:none}
.toast{padding:15px 16px;font-size:11px}

}

@media(max-width:480px){
.header-actions .user-chip>span:not(.avatar){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

@media(max-width:380px){.container{width:calc(100% - 32px)}
.header-inner{padding-inline:16px}
.brand-copy strong{font-size:15px}
.brand-copy small{font-size:5px}
.header-actions .login-button svg{display:none}
.hero-title{font-size:54px}
.hero-actions .btn{padding-inline:12px;font-size:10px}
.hero-actions .btn svg{width:15px;height:15px}
.player-portrait{height:141px}
.player-info h3{font-size:13px;min-height:34px}
.leader-card{padding-inline:10px}
.leader-card .eyebrow{font-size:5.5px}
.form-grid{grid-template-columns:minmax(0,1fr)}
.modal-body{padding-inline:18px}
.modal-body .modal-footer{margin-inline:-18px}
.month-toolbar h2{font-size:23px}
.month-day{min-height:64px}
.nav-link{font-size:11px;padding-inline:4px}
}

/* Only the home page changes its reading order at these widths. */
@media(min-width:981px){
body:has(.home-layout) .site-header .header-account-control{display:none}
body:has(.home-layout) .site-header .header-actions:not(:has(.notification-toggle)){display:none}
}
@media(max-width:1190px){
.home-layout{grid-template-columns:minmax(0,1fr) 310px;column-gap:24px}
.home-layout .hero{padding:26px;gap:22px}
.home-layout .hero-actions .btn{padding-inline:11px}
}
@media(max-width:980px){
.home-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "news" "sidebar";grid-template-rows:auto auto auto}
.home-layout .hero-title{font-size:clamp(48px,6.5vw,62px)}
.club-sidebar{margin-top:0;margin-bottom:32px}
.club-sidebar-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home-layout .home-news{padding-top:7px;padding-bottom:31px}
.sidebar-season{grid-column:1/-1}
}
@media(max-width:650px){
.home-layout .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:16px 0 20px;padding:25px 20px}
.home-layout .hero-title{font-size:clamp(44px,12.3vw,64px);margin-bottom:23px}
.home-layout .hero .eyebrow{font-size:8px;margin-bottom:16px}
.home-layout .hero-actions{gap:9px}
.home-layout .hero-actions .btn{min-height:42px;font-size:10px;padding-inline:11px}
.home-layout .hero-badge{padding:13px 14px;min-height:66px}
.home-layout .hero-badge strong{font-size:12px}
.club-sidebar{margin-bottom:27px}
.club-sidebar-inner{grid-template-columns:minmax(0,1fr);gap:14px}
.sidebar-account,.sidebar-schedule{padding:20px}
.sidebar-heading h2{font-size:16px}
.sidebar-account>p{font-size:12px}
.sidebar-account>.btn,.sidebar-schedule>.btn{min-height:43px;font-size:12px}
.home-layout .home-news{padding-top:7px;padding-bottom:31px}
.home-layout .news-grid{grid-template-columns:minmax(0,1fr);gap:29px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

@media print{:root{color-scheme:light}
body,#app,.card,.event-card,.table-wrap{background:white!important;color:#075d31!important}
.site-header,.demo-bar,.site-footer,.btn,.icon-button,.toolbar,.modal-backdrop,.notification-panel,#toast{display:none!important}
.container{width:100%}
.page-header{padding-top:0}
.table-wrap{overflow:visible}
.data-table{font-size:10px}
.data-table td,.data-table th{color:#075d31;background:white}
.player-card,.event-card{break-inside:avoid}
}


.event-main h3 button.event-with-crest{display:flex;align-items:center;gap:8px;text-align:left}
.event-with-crest .club-crest,.event-with-crest .club-crest-fallback{width:24px;height:28px}

/* Completed match cards open their report from the entire card. */
.league-match-card,.external-event,.sidebar-match{position:relative}
.league-match-card .report-open::after,.external-event .event-with-crest::after,.sidebar-match-open::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer;border-radius:inherit}
.league-match-actions>a,.external-event>.event-action{position:relative;z-index:2}
.league-match-card:has(.report-open):hover,.external-event:hover,.sidebar-match:has(.sidebar-match-open):hover{border-color:#a5b7ad}
.report-open:focus-visible::after,.event-with-crest:focus-visible::after,.sidebar-match-open:focus-visible::after{outline:2px solid #26714a;outline-offset:3px}

@media(max-width:650px){
 .report-lineup{min-width:0;table-layout:fixed}
 .report-lineup th,.report-lineup td{padding:11px 6px}
 .report-lineup th:first-child,.report-lineup td:first-child{width:52%;min-width:0;overflow-wrap:anywhere}
 .report-lineup th:not(:first-child),.report-lineup td:not(:first-child){width:12%}
}

/* Squad: a readable team sheet, with separate keeper and outfield groups. */
.squad-page{padding-bottom:22px}
.squad-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:40px 0 25px}
.squad-page-heading .eyebrow{color:#80672e;font-size:10px;margin-bottom:9px}
.squad-page-heading h1{font-family:var(--heading);font-size:58px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.015em;color:#1c3026;margin:0}
.squad-page-heading>p{font-size:13px;color:#5a6962;margin:0 0 4px}
.squad-team-choice{margin-bottom:19px}
.squad-team-choice .team-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.squad-team-choice .tab{position:relative;padding:16px 20px;background:#f5f7f8;border:0;border-bottom:3px solid #d5dee1;border-radius:0;color:#5a6962;font-size:14px;font-weight:750;white-space:normal}
.squad-team-choice .tab:first-child{border-radius:7px 0 0 7px}
.squad-team-choice .tab:last-child{border-radius:0 7px 7px 0}
.squad-team-choice .tab.active{background:#128345;border-color:#ac8b48;color:#ffffff}
.squad-team-choice .tab:hover:not(.active){background:#e2f5e9;color:#087238}
.squad-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;padding:26px 34px;border:1px solid #a7d7b8;border-radius:8px;background:linear-gradient(110deg,#d5f2e1,#eaf8ef)}
.squad-banner::after{content:"";position:absolute;z-index:-1;width:310px;height:310px;right:100px;top:-175px;border:1px solid #a5b7ad44;border-radius:50%;box-shadow:0 0 0 55px #d5dee122;pointer-events:none}
.squad-team-identity{display:flex;align-items:center;gap:25px;min-width:0}
.squad-team-identity>img{width:80px;height:105px;object-fit:contain;flex:0 0 auto}
.squad-team-identity .eyebrow{color:#26714a;font-size:9px;letter-spacing:.13em;margin:0 0 8px}
.squad-team-identity h2{font-family:inherit;color:#1c3026;font-size:clamp(25px,2.6vw,34px);font-weight:800;letter-spacing:-.045em;line-height:1.2;margin:0 0 8px}
.squad-team-identity p:last-child{font-size:12px;line-height:1.5;color:#5a6962;margin:0}
.squad-team-counts{display:flex;align-items:center;flex:0 0 auto;gap:26px;padding-left:28px;border-left:1px solid #a5b7ad}
.squad-team-counts>div{display:grid;gap:5px;min-width:67px;text-align:center}
.squad-team-counts strong{font-family:var(--heading);font-size:43px;font-weight:400;line-height:1;color:#087238;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.squad-team-counts span{font-size:10px;color:#5a6962}
.squad-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 15px}
.squad-filters{display:flex;align-items:center;gap:7px}
.squad-filter{border:1px solid #d5dee1;border-radius:20px;background:transparent;padding:8px 17px;color:#26714a;font-size:12px;font-weight:650;line-height:1.4}
.squad-filter.active{color:#087238;border-color:#6ebd8c;background:#e0f5e9;box-shadow:inset 0 0 0 1px #6ebd8c}
.squad-filter:hover:not(.active){background:#e2f5e9}
.squad-toolbar .search-input{background:#ffffff;border-color:#d5dee1;min-height:39px;width:250px}
.squad-season-line{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.6;color:#5a6962;padding:0 0 19px}
.squad-season-line>span:first-child{font-weight:650;color:#26714a}
.squad-section{margin-bottom:29px}
.squad-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #d5dee1}
.squad-section-heading>div{display:flex;align-items:center;gap:10px;min-width:0}
.squad-section-heading h2{font-family:inherit;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.025em;color:#106938;margin:0}
.squad-section-icon{display:flex;align-items:center;color:#5a6962}
.squad-section-icon svg{width:21px;height:21px}
.squad-keepers .squad-section-icon{color:#8c7334}
.squad-section-count{display:grid;place-items:center;min-width:25px;height:24px;padding:0 6px;border-radius:5px;background:#d9f2e3;color:#087238;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.squad-keepers .squad-section-count{background:#dfd7b5;color:#7b652d}
.squad-section-hint{display:flex;align-items:center;gap:7px;color:#5a6962;font-size:10px;white-space:nowrap}
.squad-section-hint svg{width:13px;height:13px}
.squad-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.squad-person{position:relative;min-width:0;overflow:hidden;border:1px solid #d5dee1;border-radius:6px;background:#f5f7f8;transition:background .16s,border-color .16s}
.squad-person::before{content:"";position:absolute;left:0;top:19px;bottom:19px;width:3px;background:#7b9687;border-radius:0 2px 2px 0;pointer-events:none}
.squad-person-keeper{background:#fcfaf4;border-color:#d9c99e}
.squad-person-keeper::before{background:#b0934c}
.squad-person:hover{background:#f5f7f8;border-color:#7b9687}
.squad-person-keeper:hover{background:#f7f2e7;border-color:#b49454}
.squad-person-open{display:flex;align-items:center;gap:18px;width:100%;min-height:104px;padding:15px 20px;border:0;background:transparent;color:inherit;text-align:left}
.squad-person-open:focus-visible{outline-offset:-4px}
.squad-person-photo{display:grid;place-items:center;width:60px;height:72px;flex:0 0 60px;overflow:hidden;border:1px solid #d5dee1;border-radius:4px;background:#edf1f3;color:#a5b7ad}
.squad-person-photo>svg{width:28px;height:35px;stroke-width:1.25}
.squad-person-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.squad-person-keeper .squad-person-photo{border-color:#d2bc82;background:#f0e6cb;color:#80622d}
.squad-person-link{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#5a6962}
.squad-person-link-label{font-size:10px;font-weight:650;line-height:1.4}
.squad-person-keeper .squad-person-link{color:#80622d}
.squad-person-name{display:grid;gap:2px;flex:1;min-width:0;overflow-wrap:anywhere}
.squad-person-name>span{font-size:12px;line-height:1.4;color:#5a6962}
.squad-person-name>strong{font-size:22px;font-weight:750;line-height:1.2;letter-spacing:-.035em;color:#106938;overflow-wrap:anywhere}
.squad-person-name>small{font-size:9px;line-height:1.4;color:#5a6962;margin-top:4px}
.squad-person-keeper .squad-person-name>span{color:#80622d}
.squad-person-arrow{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;color:#5a6962;background:#edf1f3;border-radius:50%;transition:background .16s,color .16s}
.squad-person-arrow svg{width:14px;height:14px}
.squad-person-keeper .squad-person-arrow{background:#f0e6cb;color:#80622d}
.squad-person:hover .squad-person-arrow{background:#26714a;color:#f5f7f8}
.squad-data-note{font-size:11px;line-height:1.75;color:#5a6962;margin:0 0 21px}
.sidebar-account-actions{display:grid;gap:9px}
.sidebar-account-actions .btn{min-height:41px;font-size:11px;padding:11px 12px;white-space:normal}
.sidebar-account-actions .btn-secondary{background:#edf1f3;border-color:#d5dee1}
.profile-account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.profile-account-actions .btn{font-size:10px;white-space:normal}
.demo-login-buttons .btn>span{display:grid;gap:4px;line-height:1.4}
.demo-login-buttons .btn small{font-size:9px;font-weight:500;color:#5a6962}

@media(max-width:980px){
.squad-banner{padding:23px}
.squad-team-identity{gap:18px}
.squad-team-identity>img{width:66px;height:88px}
.squad-team-counts{gap:17px;padding-left:20px}
.squad-person-open{padding:14px 17px;gap:12px}
.squad-person-name>strong{font-size:20px}
.squad-person-arrow{width:23px;height:23px}
}
@media(max-width:720px){
.squad-page-heading{padding:29px 0 22px;align-items:flex-start;gap:10px;flex-direction:column}
.squad-page-heading h1{font-size:47px}
.squad-page-heading>p{font-size:12px;margin:0}
.squad-team-choice{margin-bottom:15px}
.squad-team-choice .tab{padding:14px 9px;font-size:12px}
.squad-banner{padding:20px;gap:17px;align-items:stretch;flex-direction:column}
.squad-team-identity>img{width:61px;height:79px}
.squad-team-identity h2{font-size:27px}
.squad-team-identity .eyebrow{font-size:8px;margin-bottom:5px}
.squad-team-counts{justify-content:flex-start;gap:28px;padding:15px 0 0;border-left:0;border-top:1px solid #d5dee1}
.squad-team-counts>div{display:flex;align-items:center;gap:8px;min-width:0}
.squad-team-counts strong{font-size:29px}
.squad-team-counts span{font-size:10px}
.squad-toolbar{align-items:stretch;flex-direction:column;gap:14px;padding-top:21px}
.squad-filters{gap:7px}
.squad-filter{font-size:11px;padding:8px 15px}
.squad-toolbar .search-input{width:100%;min-height:42px}
.squad-season-line{font-size:9px;gap:9px;align-items:flex-start;padding-bottom:18px}
.squad-season-line>span:last-child{text-align:right;max-width:65%}
.squad-list{grid-template-columns:minmax(0,1fr);gap:9px}
.squad-section{margin-bottom:25px}
.squad-section-heading{gap:10px}
.squad-section-heading>div{gap:8px}
.squad-section-heading h2{font-size:19px}
.squad-section-hint{font-size:0;gap:0}
.squad-section-hint svg{width:16px;height:16px}
.squad-person-open{padding:12px 14px;gap:13px;min-height:88px}
.squad-person-photo{width:52px;height:64px;flex-basis:52px}
.squad-person-photo>svg{width:25px;height:31px}
.squad-person-name>strong{font-size:22px}
.squad-person-arrow{width:26px;height:26px}
.squad-data-note{font-size:10px}
.profile-account-actions{gap:7px;margin-top:14px}
.profile-layout .section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}
}
@media(max-width:380px){
.squad-person-open{padding:12px;gap:10px}
.squad-person-link-label{display:none}
.squad-person-name>strong{font-size:20px}
.squad-person-arrow{width:22px;height:22px}
.squad-team-identity h2{font-size:24px}
.demo-login-buttons{align-items:stretch}
.demo-login-buttons .btn{font-size:10px;padding:9px 6px;gap:5px}
.demo-login-buttons .btn small{font-size:8px}
}

/* A league and its season form one statistical scope. */
.competition-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:23px 0 25px}
.competition-choice{display:grid;gap:12px;min-width:0;padding:20px 22px;border:1px solid #d5dee1;border-radius:7px;background:var(--surface);text-align:left;transition:background .16s,border-color .16s}
.competition-choice:hover{background:#f5f7f8;border-color:#a5b7ad}
.competition-choice.active{background:#edf1f3;border-color:#78b38d;box-shadow:inset 0 0 0 1px #78b38d}
.competition-choice-name{font-size:18px;font-weight:750;letter-spacing:-.025em;line-height:1.3;color:#106938;overflow-wrap:anywhere}
.competition-choice-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5a6962;font-size:11px}
.competition-status{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #d5dee1;border-radius:4px;color:#5a6962;background:#edf1f3;font-size:9px;font-weight:650;line-height:1.5;white-space:nowrap}
.competition-status.upcoming{color:#7b622d;border-color:#cfba82;background:#e9ddba}
.competition-status.active{color:#26714a;border-color:#a5b7ad;background:#edf1f3}
.competition-selected{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #d5dee1;margin:0 0 23px;padding:0 0 19px}
.competition-selected h2{font-family:inherit;font-size:25px;font-weight:750;letter-spacing:-.035em;line-height:1.2;margin:0 0 8px;color:#106938}
.competition-selected p{font-size:12px;line-height:1.5;color:#5a6962;margin:0}
.season-awaiting{display:grid;justify-items:center;gap:13px;padding:48px 24px 53px;margin-bottom:38px;border:1px solid #d5dee1;border-radius:7px;background:var(--surface);text-align:center}
.season-awaiting>svg{width:29px;height:29px;color:#9a7d3c;margin-bottom:6px}
.season-awaiting h3{font-size:26px;font-weight:750;letter-spacing:-.035em;line-height:1.25;color:#106938;margin:0}
.season-awaiting p{max-width:480px;font-size:13px;line-height:1.8;color:#5a6962;margin:0}
.stats-search-toolbar{padding:0 0 19px}
.stats-search-toolbar>.muted{font-size:12px}
.competition-stats-page .stats-leaders{margin-bottom:24px}

/* Player identity and genuine participation grouped by team and competition. */
.modal:has(.player-profile-hero) .modal-header h2{font-family:inherit;font-size:13px;font-weight:650;letter-spacing:0;text-transform:none;color:#5a6962}
.player-profile-hero{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 58px;align-items:center;gap:22px;padding:24px;border:1px solid #d5dee1;border-radius:7px;background:linear-gradient(110deg,#edf8f1,#ffffff);margin-bottom:27px}
.player-profile-photo{display:grid;place-items:center;width:88px;height:108px;overflow:hidden;border:1px solid #d5dee1;border-radius:5px;background:#d5dee1;color:#a5b7ad}
.player-profile-photo svg{width:39px;height:48px}
.player-profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.player-profile-name{min-width:0}
.player-profile-name>p{font-size:15px;line-height:1.5;color:#5a6962;margin:0 0 3px}
.player-profile-name h3{font-size:34px;font-weight:800;line-height:1.12;letter-spacing:-.045em;color:#106938;margin:0 0 14px;overflow-wrap:anywhere}
.player-profile-tags{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center;color:#5a6962;font-size:10px;line-height:1.45}
.player-profile-tags span+span{padding-left:9px;border-left:1px solid #d5dee1}
.player-profile-crest{width:58px;height:78px;object-fit:contain;opacity:.65}
.player-profile-bio{color:#5a6962;font-size:13px;line-height:1.8;margin:-6px 0 25px;white-space:pre-line}
.player-competition-stats{display:grid;gap:25px;margin-bottom:27px}
.player-team-stat-group>header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.player-team-stat-group>header>span{display:flex;color:#80622d}
.player-team-stat-group>header svg{width:18px;height:18px}
.player-team-stat-group>header h3{font-family:inherit;font-size:17px;font-weight:750;letter-spacing:-.02em;line-height:1.35;color:#106938;margin:0}
.player-competition-stat{overflow:hidden;border:1px solid #d5dee1;border-radius:6px;background:#ffffff;margin-top:9px}
.player-competition-stat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid #d5dee1}
.player-competition-stat-heading h4{font-size:12px;font-weight:700;line-height:1.4;color:#26714a;margin:0}
.player-competition-stat-heading>span{font-size:10px;color:#5a6962;line-height:1.4;white-space:nowrap}
.player-competition-stat dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:17px 0;background:#f5f7f8}
.player-competition-stat dl>div{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 5px;border-right:1px solid #d5dee1;text-align:center;min-width:0}
.player-competition-stat dl>div:last-child{border-right:0}
.player-competition-stat dt{order:1;font-size:8px;line-height:1.5;color:#5a6962}
.player-competition-stat dd{margin:0;font-size:27px;line-height:1.1;font-weight:750;letter-spacing:-.03em;color:#26714a;font-variant-numeric:tabular-nums}
.player-competition-stat .player-stat-goals dd{color:#26714a}
.player-competition-stat .player-stat-yellow dd{color:#93752f}
.player-competition-stat .player-stat-red dd{color:#9a5947}
.player-stats-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:25px 17px;border:1px solid #d5dee1;border-radius:6px;background:#f5f7f8;color:#5a6962}
.player-stats-empty p{font-size:12px;line-height:1.7;margin:0}
.player-stats-empty svg{width:20px;height:20px}
@media(max-width:650px){
.competition-picker{grid-template-columns:minmax(0,1fr);gap:10px;margin:18px 0 22px}
.competition-choice{padding:16px 18px;gap:10px}
.competition-choice-name{font-size:17px}
.competition-choice-meta{font-size:10px}
.competition-selected{align-items:flex-start;gap:13px;margin-bottom:20px}
.competition-selected h2{font-size:22px}
.competition-selected p{font-size:10px}
.competition-selected>.competition-status{font-size:8px}
.season-awaiting{padding:33px 20px 37px;margin-bottom:27px}
.season-awaiting h3{font-size:23px}
.season-awaiting p{font-size:12px}
.player-profile-hero{grid-template-columns:65px minmax(0,1fr);gap:16px;padding:18px;margin-bottom:22px}
.player-profile-photo{width:65px;height:85px}
.player-profile-photo svg{width:31px;height:39px}
.player-profile-name>p{font-size:12px}
.player-profile-name h3{font-size:28px;margin-bottom:10px}
.player-profile-tags{font-size:9px;gap:5px 8px}
.player-profile-tags span+span{padding-left:8px}
.player-profile-crest{display:none}
.player-profile-bio{font-size:12px}
.player-competition-stats{gap:20px;margin-bottom:24px}
.player-team-stat-group>header h3{font-size:16px}
.player-competition-stat-heading{padding:12px 13px;gap:10px}
.player-competition-stat-heading h4{font-size:11px}
.player-competition-stat-heading>span{font-size:9px}
.player-competition-stat dd{font-size:25px}
.player-stats-empty{padding:20px 14px;align-items:flex-start}
.player-stats-empty p{font-size:11px}
}
@media(max-width:520px){
.player-competition-stat dl{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}
.player-competition-stat dl>div{padding:14px 6px;gap:6px;border-bottom:1px solid #d5dee1}
.player-competition-stat dl>div:nth-child(3n){border-right:0}
.player-competition-stat dl>div:nth-child(n+4){border-bottom:0}
.player-competition-stat dt{font-size:8px}
.player-competition-stat dd{font-size:26px}
}
@media(max-width:380px){
.player-profile-hero{grid-template-columns:52px minmax(0,1fr);padding:14px;gap:12px}
.player-profile-photo{width:52px;height:72px}
.player-profile-name h3{font-size:24px}
.player-profile-tags{font-size:8px;gap:4px 6px}
.player-profile-tags span+span{padding-left:6px}
}

/* Player palette only; keep the established card layout and keeper gold. */
.squad-person:not(.squad-person-keeper){background:#ffffff;border-color:#d5dee1}
.squad-person:not(.squad-person-keeper)::before{background:#20a95a}
.squad-person:not(.squad-person-keeper):hover{background:#f2fbf5;border-color:#83c69c}
.squad-person:not(.squad-person-keeper) .squad-person-photo{background:#def5e7;border-color:#9ed4b4;color:#087238}
.squad-person:not(.squad-person-keeper) .squad-person-name>span{color:#5a6962}
.squad-person:not(.squad-person-keeper) .squad-person-name>strong{color:#075d31}
.squad-person:not(.squad-person-keeper) .squad-person-name>small{color:#5a6962}
.squad-person:not(.squad-person-keeper) .squad-person-link{color:#26714a}
.squad-person:not(.squad-person-keeper) .squad-person-arrow{background:#e1f4e8;color:#087238}
.squad-person:not(.squad-person-keeper):hover .squad-person-arrow{background:#128345;color:#ffffff}
.player-preseason-state{display:flex;align-items:center;gap:13px;padding:15px 17px;background:#edf1f3}
.player-preseason-state p{font-size:11px;line-height:1.6;color:#5a6962;margin:0}
.stat-partial{white-space:nowrap;border-bottom:1px dotted #7b9687}
.stat-partial sup{font-family:inherit;font-size:.62em;line-height:0;margin-left:1px}

/* Compact match editing, shared by every report entry point. */
.report-admin-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 14px}
.report-admin-toolbar .btn{background:#edf1f3;border-color:#d5dee1;font-size:10px;min-height:33px;padding:7px 11px}
.report-metric.assists{gap:4px;background:#edf1f3;color:#26714a}
.report-metric .assist-symbol{font-size:10px;font-weight:800;line-height:1}
.report-metric.mvp>small{font-size:8px;font-weight:750;line-height:1}
.report-legend .assist-symbol{font-size:10px;font-weight:800;line-height:1;color:#26714a;margin-left:5px}
.report-save-note{padding:12px 15px;margin:0 0 16px;background:#f0e8cf;border:1px solid #d7c58f;border-radius:5px;color:#7b693b}
.report-save-note p{font-size:11px;line-height:1.65;margin:0 0 5px}
.report-save-note p:last-child{margin-bottom:0}
.modal:has(#match-report-form) .modal-header h2{font-family:inherit;font-size:19px;font-weight:750;letter-spacing:-.025em;text-transform:none}
.report-editor-heading{padding:16px 19px;background:#f5f7f8;border:1px solid #d5dee1;border-radius:6px}
.report-editor-heading .eyebrow{font-size:8px;color:#80622d;margin:0 0 8px}
.report-editor-heading h3{font-size:17px;font-weight:750;line-height:1.5;letter-spacing:-.025em;color:#106938;margin:0 0 6px}
.report-editor-heading h3 span{display:inline-block;margin:0 7px;color:#80622d;white-space:nowrap}
.report-editor-heading p:last-child{font-size:10px;line-height:1.5;color:#5a6962;margin:0}
.report-editor-help{color:#5a6962;font-size:11px;line-height:1.7;margin:14px 0 18px}
.report-editor-table{overflow:hidden;border:1px solid #d5dee1;border-radius:6px}
.report-editor-columns,.report-edit-row{display:grid;grid-template-columns:minmax(150px,1.8fr) repeat(5,minmax(40px,1fr));gap:12px;align-items:center;padding:11px 15px}
.report-editor-columns{background:#edf1f3;color:#26714a;border-bottom:1px solid #d5dee1;font-size:9px;font-weight:650;text-align:center}
.report-editor-columns>span:first-child{text-align:left}
.report-editor-columns>.report-assists-column{color:#80622d;font-weight:750}
.report-edit-row{min-height:65px;background:#ffffff;border-bottom:1px solid #e0e6e9}
.report-edit-row:last-child{border-bottom:0}
.report-edit-person{min-width:0}
.report-edit-person strong{display:block;color:#26714a;font-size:11px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}
.report-edit-person small{display:block;font-size:8px;line-height:1.5;color:#5a6962;margin-top:2px}
.report-edit-field{display:grid;min-width:0;gap:5px;text-align:center}
.report-edit-field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.report-edit-field>input[type="number"]{display:block;width:100%;min-width:0;height:36px;border:1px solid #c9d8ce;border-radius:4px;background:#f8fafb;color:#106938;text-align:center;font-size:13px;line-height:1.2;font-weight:650;padding:7px 3px;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.report-edit-field>input::-webkit-inner-spin-button,.report-edit-field>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.report-edit-field>input::placeholder{color:#5a6962;font-weight:400}
.report-edit-field>input:disabled{opacity:.65}
.report-edit-assists>input{background:#f4edd8;border-color:#caba87;color:#7c6633}
.report-edit-mvp{min-height:36px;align-content:center;justify-items:center;cursor:pointer}
.report-edit-mvp .report-mvp-checkbox{width:23px;height:23px;margin:0;accent-color:var(--green);cursor:pointer}
.report-edit-mvp .report-mvp-checkbox:disabled{opacity:.35;cursor:not-allowed}
.report-edit-mvp:has(:checked){border-radius:4px;background:#edf1f3}
.report-mvp-hint{margin:12px 0 14px;color:#5a6962;font-size:11px;line-height:1.7}
.report-edit-field>small{font-size:8px;line-height:1.4;color:#8b6a31}
.report-edit-retained>input{box-shadow:0 0 0 1px #b5924d;border-color:#b5924d}
.report-editor-comparison{padding:11px 13px;border:1px solid #d5bd80;border-radius:5px;background:#f0e6c9;color:#7d6734;font-size:11px;line-height:1.7;margin-bottom:16px}
.report-editor-reload{font-size:11px;line-height:1.6;white-space:normal;text-align:left;margin:2px 0 8px}
#match-report-form .modal-footer{background:#f5f7f8;border-color:#d5dee1}
#match-report-form[aria-busy="true"] .report-editor-table{opacity:.75}
.admin-match-reports>.section-heading p{font-size:12px;line-height:1.7;margin:10px 0 0;max-width:620px}
.admin-report-scopes{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0 22px}
.admin-report-scopes>button{display:grid;gap:5px;min-width:230px;flex:1;padding:14px 17px;border:1px solid #d5dee1;border-radius:6px;background:#ffffff;text-align:left}
.admin-report-scopes>button.active{border-color:#78b38d;background:#edf1f3;box-shadow:inset 0 0 0 1px #78b38d}
.admin-report-scopes strong{font-size:13px;font-weight:700;line-height:1.4;color:#26714a}
.admin-report-scopes span{font-size:10px;line-height:1.4;color:#5a6962}
.admin-report-list{display:grid;gap:10px}
.admin-report-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;border:1px solid #d5dee1;border-radius:6px;background:var(--surface)}
.admin-report-main{display:grid;gap:5px;min-width:0;flex:1;border:0;padding:0;background:none;text-align:left}
.admin-report-main>span,.admin-report-main>small{font-size:10px;line-height:1.5;color:#5a6962}
.admin-report-main>strong{font-size:14px;font-weight:650;line-height:1.6;color:#26714a;overflow-wrap:anywhere}
.admin-report-main b{display:inline-block;margin:0 5px;color:#80622d;white-space:nowrap}
.admin-report-row>.btn{font-size:10px;padding:8px 11px;min-height:35px;background:#edf1f3;border-color:#d5dee1}
.admin-report-row>.text-link{font-size:10px}
.admin-report-list>.empty-state{margin-top:0}
@media(max-width:720px){
.report-editor-columns{grid-template-columns:minmax(130px,1.6fr) repeat(5,minmax(35px,1fr));gap:8px;padding-inline:12px}
.report-edit-row{grid-template-columns:minmax(130px,1.6fr) repeat(5,minmax(35px,1fr));gap:8px;padding-inline:12px}
}
@media(max-width:600px){
.report-editor-columns{display:none}
.report-edit-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 10px;padding:12px 13px}
.report-edit-person{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.report-edit-person strong{font-size:12px}
.report-edit-person small{margin:0;font-size:8px}
.report-edit-field>span{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;font-size:8px;line-height:1.5;color:#5a6962;font-weight:550}
.report-edit-assists>span{color:#887038;font-weight:750}
.report-edit-field>input[type="number"]{height:35px;font-size:13px}
.report-editor-heading{padding:13px 15px}
.report-editor-heading h3{font-size:15px}
.report-editor-help{font-size:10px;margin-bottom:15px}
.report-admin-toolbar{margin-bottom:12px}
.report-admin-toolbar .btn{font-size:10px}
.player-preseason-state{align-items:flex-start;flex-direction:column;gap:9px;padding:13px}
.player-preseason-state p{font-size:10px}
.admin-report-scopes{gap:8px}
.admin-report-scopes>button{min-width:100%;padding:12px 14px}
.admin-report-row{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:14px 15px}
.admin-report-main{flex-basis:100%}
.admin-report-main>strong{font-size:13px}
.admin-report-row>.btn{margin-left:auto}
}
@media(max-width:380px){
.report-edit-row{gap:8px 7px;padding:11px}
.report-edit-field>input[type="number"]{height:34px;font-size:12px}
.report-edit-field>small{font-size:7px}
.report-editor-heading h3{font-size:14px}
}

/* Statistics redesign: scoped season overview, ranking and mobile player rows. */
.competition-stats-page{padding-bottom:32px}
.competition-stats-page .stats-page-heading{padding:40px 0 25px}
.competition-stats-page .stats-page-heading h1{margin:0;font-family:var(--heading);font-size:58px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.015em;color:#1c3026}
.competition-stats-page .squad-team-choice{margin-bottom:20px}
.competition-stats-page .stats-season-panel{overflow:hidden;margin-bottom:24px;border:1px solid #bfd9c9;border-radius:9px;background:#fff}
.competition-stats-page .stats-season-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 29px;background:linear-gradient(110deg,#dcf3e5,#f2faf5)}
.competition-stats-page .stats-season-identity{display:flex;align-items:center;gap:22px;min-width:0}
.competition-stats-page .stats-season-identity>img{width:63px;height:82px;object-fit:contain;flex:0 0 63px}
.competition-stats-page .stats-season-identity>div{min-width:0}
.competition-stats-page .stats-club-name{margin:0 0 8px;color:#26714a;font-size:10px;font-weight:750;line-height:1.5;letter-spacing:.075em;text-transform:uppercase}
.competition-stats-page .stats-season-identity h2{margin:0 0 7px;color:#1c3026;font-size:29px;font-weight:800;letter-spacing:-.035em;line-height:1.2;overflow-wrap:anywhere}
.competition-stats-page .stats-season-year{margin:0;color:#5a6962;font-size:12px;line-height:1.5}
.competition-stats-page .stats-season-status{display:flex;align-items:flex-end;flex-direction:column;gap:9px;flex:0 0 auto}
.competition-stats-page .stats-season-status>.competition-status{padding:5px 9px;border-color:#c5d8cc;background:#fff;color:#35624a;font-size:10px}
.competition-stats-page .stats-season-status>.competition-status.active{border-color:#a5d4b6;background:#e2f5e9;color:#087238}
.competition-stats-page .stats-season-status>.competition-status.upcoming{border-color:#d9c88f;background:#f8f2df;color:#80622d}
.competition-stats-page .stats-season-status>small{color:#5a6962;font-size:10px;line-height:1.5}
.competition-stats-page .stats-season-selector{display:flex;align-items:center;gap:22px;padding:15px 23px;border-top:1px solid #d6e5db;background:#fff}
.competition-stats-page .stats-season-selector>span{flex:0 0 auto;color:#5a6962;font-size:10px;font-weight:700;line-height:1.4}
.competition-stats-page .stats-season-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0;flex:1}
.competition-stats-page .stats-season-option{display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-template-areas:"name icon" "year icon";align-items:center;gap:3px 12px;min-width:0;flex:0 1 250px;padding:11px 14px;border:1px solid #d5dee1;border-radius:6px;background:#f8fafb;color:#35624a;text-align:left;transition:background .16s,border-color .16s,color .16s}
.competition-stats-page .stats-season-option>span{grid-area:name;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.competition-stats-page .stats-season-option>small{grid-area:year;color:#5a6962;font-size:10px;line-height:1.4}
.competition-stats-page .stats-season-option>svg{grid-area:icon;width:17px;height:17px}
.competition-stats-page .stats-season-option:hover{border-color:#8ec5a1;background:#f0faf4}
.competition-stats-page .stats-season-option.active{border-color:#128345;background:#128345;color:#fff}
.competition-stats-page .stats-season-option.active>small{color:#fff}
.competition-stats-page .stats-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.competition-stats-page .stats-highlight-card{display:flex;align-items:flex-start;gap:15px;min-width:0;padding:21px 22px;border:1px solid #d5dee1;border-radius:8px;background:#fff}
.competition-stats-page .stats-highlight-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:8px;background:#f7f1df;color:#80622d}
.competition-stats-page .stats-highlight-icon>svg{width:21px;height:21px;stroke-width:1.7}
.competition-stats-page .stats-highlight-copy{min-width:0}
.competition-stats-page .stats-highlight-label{margin:1px 0 8px;color:#5a6962;font-size:10px;font-weight:700;line-height:1.5}
.competition-stats-page .stats-highlight-value{display:block;color:#106938;font-size:35px;font-weight:750;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.competition-stats-page .stats-highlight-caption{margin:8px 0 0;color:#5a6962;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.competition-stats-page .stats-roster-panel{overflow:hidden;border:1px solid #d5dee1;border-radius:9px;background:#fff}
.competition-stats-page .stats-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 25px}
.competition-stats-page .stats-table-toolbar>div{min-width:0}
.competition-stats-page .stats-table-toolbar h2{margin:0;color:#1c3026;font-size:21px;font-weight:750;letter-spacing:-.025em;line-height:1.3}
.competition-stats-page .stats-table-toolbar p{margin:6px 0 0;color:#5a6962;font-size:11px;line-height:1.5}
.competition-stats-page .stats-table-toolbar .search-box{flex:0 1 270px;min-width:0}
.competition-stats-page .stats-table-toolbar .search-input{width:100%;min-height:42px;border-color:#d5dee1;background:#f8fafb;font-size:12px}
.competition-stats-page .stats-table-scroll{overflow-x:auto;scrollbar-color:#a9c9b5 #f1f5f3;scrollbar-width:thin}
.competition-stats-page .stats-table-scroll:focus-visible{outline:2px solid #128345;outline-offset:-3px}
.competition-stats-page .stats-table{width:100%;min-width:760px;table-layout:fixed;white-space:normal;border-collapse:collapse}
.competition-stats-page .stats-col-rank{width:48px}
.competition-stats-page .stats-col-player{width:29%}
.competition-stats-page .stats-col-profile{width:44px}
.competition-stats-page .stats-table th{padding:13px 7px;border-top:1px solid #e0e8e3;border-bottom:1px solid #d5e3d9;background:#edf5f0;color:#486252;font-size:9px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.4}
.competition-stats-page .stats-table th:nth-child(2){padding-left:17px;text-align:left}
.competition-stats-page .stats-table th.is-sorted{background:#128345;color:#fff;border-color:#128345}
.competition-stats-page .stats-table .sort-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;color:inherit;font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap}
.competition-stats-page .stats-table .sort-button:hover{color:#087238}
.competition-stats-page .stats-table th.is-sorted .sort-button:hover{color:#fff}
.competition-stats-page .stats-column-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:12px;font-size:11px;font-weight:800;line-height:1}
.competition-stats-page .stats-column-symbol>svg{width:13px;height:13px;stroke-width:1.8}
.competition-stats-page .stats-card-symbol{display:block;width:8px;height:11px;border:1px solid #a47d1d;border-radius:1px;background:#edca53}
.competition-stats-page .stats-card-symbol.red{border-color:#93392e;background:#bc4b40}
.competition-stats-page .stats-sort-arrow{font-size:12px;line-height:1}
.competition-stats-page .stats-table td{padding:15px 8px;border-bottom:1px solid #e6ece8;background:#fff;color:#5a6962;vertical-align:middle}
.competition-stats-page .stats-table td.rank{padding-left:17px;text-align:left;font-family:inherit;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.competition-stats-page .stats-table .stats-player-cell{padding:15px 17px}
.competition-stats-page .stats-player-cell .player-cell{align-items:center;gap:12px;width:100%;min-width:0;text-align:left;white-space:normal}
.competition-stats-page .stats-player-cell .avatar{width:39px;height:43px;flex:0 0 39px;border:1px solid #b9ddc7;border-radius:5px;background:#e4f6eb;color:#26714a;font-size:10px;font-weight:700}
.competition-stats-page .stats-player-cell .player-cell>span:not(.avatar){display:flex;flex-direction:column;gap:3px;min-width:0}
.competition-stats-page .stats-player-cell strong{font-size:16px;font-weight:750;line-height:1.3;letter-spacing:-.025em;color:#1c4531;overflow-wrap:anywhere}
.competition-stats-page .stats-player-cell small{margin:0;color:#5a6962;font-size:11px;font-weight:450;line-height:1.4;overflow-wrap:anywhere}
.competition-stats-page .stats-player-history{color:#5a6962;font-size:9px;font-style:normal;font-weight:450;line-height:1.4;overflow-wrap:anywhere}
.competition-stats-page .stats-table .stats-number{text-align:center;font-variant-numeric:tabular-nums}
.competition-stats-page .stats-value{display:block;font-size:17px;font-weight:600;line-height:1.3;color:#5a6962}
.competition-stats-page .stats-number.is-positive .stats-value{color:#1c4531;font-weight:750}
.competition-stats-page .stats-table .stats-number.is-sorted{background:#eef8f2}
.competition-stats-page .stats-number.is-sorted .stats-value{color:#087238;font-weight:750}
.competition-stats-page .stats-metric-mobile{display:none}
.competition-stats-page .stats-table tbody tr:hover>td{background:#f6fbf8}
.competition-stats-page .stats-table tbody tr:hover>.stats-number.is-sorted{background:#e4f5eb}
.competition-stats-page .stats-table .stats-profile-cell{padding-left:2px;padding-right:13px}
.competition-stats-page .stats-profile-open{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d4e5db;border-radius:50%;background:#eff7f2;color:#26714a;transition:background .16s,color .16s}
.competition-stats-page .stats-profile-open>svg{width:14px;height:14px}
.competition-stats-page .stats-profile-open:hover{border-color:#128345;background:#128345;color:#fff}
.competition-stats-page .stats-table-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid #dfe7e2;background:#f8faf9}
.competition-stats-page .stats-table-footer>span{display:flex;align-items:center;gap:7px;flex:0 0 auto;color:#35624a;font-size:10px;font-weight:650;line-height:1.6}
.competition-stats-page .stats-table-footer>span>svg{width:14px;height:14px;color:#128345}
.competition-stats-page .stats-table-footer>p{max-width:590px;margin:0;color:#5a6962;font-size:10px;line-height:1.7;text-align:right}
.competition-stats-page .stats-roster-panel>.empty-state{margin:0 24px 24px;border-color:#d5e3da;background:#f8fbf9}
.competition-stats-page .stats-upcoming{display:flex;align-items:center;gap:22px;margin-bottom:15px;padding:32px;border:1px solid #d5dee1;border-radius:9px;background:#fff}
.competition-stats-page .stats-upcoming-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:12px;background:#e3f5e9;color:#128345}
.competition-stats-page .stats-upcoming-icon>svg{width:27px;height:27px}
.competition-stats-page .stats-upcoming>div{min-width:0;flex:1}
.competition-stats-page .stats-upcoming h2{margin:0 0 8px;color:#1c3026;font-size:23px;font-weight:750;letter-spacing:-.03em;line-height:1.3}
.competition-stats-page .stats-upcoming p{margin:0;color:#5a6962;font-size:12px;line-height:1.7}
.competition-stats-page .stats-upcoming>.btn{flex:0 0 auto;border-color:#b7d6c2;color:#087238;background:#f3faf6;font-size:11px;white-space:normal;text-align:left}
@media(max-width:1060px){
.competition-stats-page .stats-highlight-card{gap:12px;padding:18px}
.competition-stats-page .stats-highlight-icon{width:34px;height:34px;flex-basis:34px}
.competition-stats-page .stats-highlight-value{font-size:31px}
.competition-stats-page .stats-table .sort-button{gap:4px;font-size:9px}
.competition-stats-page .stats-column-symbol{display:none}
.competition-stats-page .stats-table-footer{flex-direction:column;gap:7px}
.competition-stats-page .stats-table-footer>p{max-width:none;text-align:left}
}
@media(max-width:860px){
.competition-stats-page .stats-season-top{padding:23px;gap:18px}
.competition-stats-page .stats-season-identity{gap:17px}
.competition-stats-page .stats-season-identity h2{font-size:26px}
.competition-stats-page .stats-season-selector{padding:14px 20px;gap:16px}
.competition-stats-page .stats-season-option{flex:1 1 190px}
.competition-stats-page .stats-table-toolbar{padding:21px}
.competition-stats-page .stats-table-scroll{overflow:visible}
.competition-stats-page .stats-table,.competition-stats-page .stats-table thead,.competition-stats-page .stats-table tbody{display:block;width:100%;min-width:0}
.competition-stats-page .stats-table colgroup{display:none}
.competition-stats-page .stats-table thead{overflow-x:auto;border-block:1px solid #dbe7df;background:#f5f9f6;scrollbar-width:thin;scrollbar-color:#9bc5aa #f5f9f6}
.competition-stats-page .stats-table thead>tr{display:flex;width:max-content;min-width:100%;gap:7px;padding:12px 14px}
.competition-stats-page .stats-table thead th{display:block;flex:1 0 auto;padding:0;border:0;background:transparent}
.competition-stats-page .stats-table thead th:first-child,.competition-stats-page .stats-table thead th:nth-child(2),.competition-stats-page .stats-table thead th:last-child{display:none}
.competition-stats-page .stats-table thead th.is-sorted{background:transparent}
.competition-stats-page .stats-table thead .sort-button{display:flex;justify-content:center;gap:6px;min-height:34px;width:100%;max-width:none;padding:8px 10px;border:1px solid #d2e2d8;border-radius:5px;background:#fff;color:#35624a;font-size:10px;line-height:1.4}
.competition-stats-page .stats-table thead .sort-button.active{border-color:#128345;background:#128345;color:#fff}
.competition-stats-page .stats-table thead .sort-button:hover{border-color:#79b38d;color:#087238}
.competition-stats-page .stats-table thead .sort-button.active:hover{color:#fff}
.competition-stats-page .stats-table thead .stats-column-symbol{display:inline-flex}
.competition-stats-page .stats-table tbody{padding:12px;background:#f0f3f5}
.competition-stats-page .stats-table tbody>tr{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;margin-bottom:10px;border:1px solid #d5e1da;border-radius:7px;background:#fff}
.competition-stats-page .stats-table tbody>tr:last-child{margin-bottom:0}
.competition-stats-page .stats-table tbody>tr>td{display:block;min-width:0;border-bottom:0;background:#fff}
.competition-stats-page .stats-table tbody>tr>.rank{position:absolute;top:20px;left:12px;padding:0;font-size:11px;line-height:1.5}
.competition-stats-page .stats-table tbody>tr>.stats-player-cell{grid-column:1/-1;padding:13px 45px 13px 41px}
.competition-stats-page .stats-player-cell .avatar{width:35px;height:40px;flex-basis:35px;font-size:9px}
.competition-stats-page .stats-player-cell strong{font-size:16px}
.competition-stats-page .stats-player-cell small{font-size:11px}
.competition-stats-page .stats-player-cell .player-cell{gap:11px}
.competition-stats-page .stats-table tbody>tr>.stats-number{padding:12px 5px 11px;border-top:1px solid #e3ebe6;border-right:1px solid #e3ebe6;text-align:center}
.competition-stats-page .stats-table tbody>tr>.stats-number:nth-of-type(8){border-right:0}
.competition-stats-page .stats-table tbody>tr>.stats-number.is-sorted{background:#e9f7ee}
.competition-stats-page .stats-value{font-size:22px;font-weight:650;line-height:1.15}
.competition-stats-page .stats-metric-mobile{display:block;margin-top:5px;color:#5a6962;font-size:9px;font-weight:500;line-height:1.4}
.competition-stats-page .stats-table tbody>tr>.stats-profile-cell{position:absolute;top:19px;right:11px;padding:0;background:transparent}
.competition-stats-page .stats-profile-open{width:25px;height:25px}
.competition-stats-page .stats-table-footer{padding:15px 20px}
.competition-stats-page .stats-upcoming{align-items:flex-start;flex-wrap:wrap;padding:25px;gap:18px}
.competition-stats-page .stats-upcoming>.btn{margin-left:76px}
}
@media(max-width:650px){
.competition-stats-page{padding-bottom:23px}
.competition-stats-page .stats-page-heading{padding:29px 0 22px}
.competition-stats-page .stats-page-heading h1{font-size:47px}
.competition-stats-page .squad-team-choice{margin-bottom:15px}
.competition-stats-page .stats-season-panel{margin-bottom:18px}
.competition-stats-page .stats-season-top{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}
.competition-stats-page .stats-season-identity{gap:15px}
.competition-stats-page .stats-season-identity>img{width:50px;height:66px;flex-basis:50px}
.competition-stats-page .stats-club-name{font-size:9px;margin-bottom:7px}
.competition-stats-page .stats-season-identity h2{font-size:23px}
.competition-stats-page .stats-season-year{font-size:11px;margin-top:6px}
.competition-stats-page .stats-season-status{align-items:center;flex-direction:row;justify-content:space-between;width:100%;gap:12px;padding-top:13px;border-top:1px solid #bfdcc9}
.competition-stats-page .stats-season-status>.competition-status{font-size:9px}
.competition-stats-page .stats-season-status>small{font-size:9px}
.competition-stats-page .stats-season-selector{align-items:stretch;flex-direction:column;gap:10px;padding:15px}
.competition-stats-page .stats-season-options{gap:7px}
.competition-stats-page .stats-season-option{flex:1 1 170px;padding:10px 12px;grid-template-columns:minmax(0,1fr) 16px}
.competition-stats-page .stats-season-option>span{font-size:11px}
.competition-stats-page .stats-season-option>small{font-size:10px}
.competition-stats-page .stats-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.competition-stats-page .stats-highlight-card{display:block;padding:16px}
.competition-stats-page .stats-highlight-card:only-child,.competition-stats-page .stats-highlight-card:first-child:nth-last-child(3){grid-column:1/-1;display:flex;align-items:center;gap:17px}
.competition-stats-page .stats-highlight-icon{width:34px;height:34px;margin-bottom:12px}
.competition-stats-page .stats-highlight-card:only-child .stats-highlight-icon,.competition-stats-page .stats-highlight-card:first-child:nth-last-child(3) .stats-highlight-icon{margin-bottom:0;width:43px;height:43px;flex-basis:43px}
.competition-stats-page .stats-highlight-value{font-size:31px}
.competition-stats-page .stats-highlight-label{font-size:10px;margin-bottom:6px}
.competition-stats-page .stats-highlight-caption{font-size:10px;margin-top:6px}
.competition-stats-page .stats-table-toolbar{align-items:stretch;flex-direction:column;gap:16px;padding:20px 17px}
.competition-stats-page .stats-table-toolbar h2{font-size:20px}
.competition-stats-page .stats-table-toolbar p{font-size:10px}
.competition-stats-page .stats-table-toolbar .search-box{flex-basis:auto;width:100%;max-width:none}
.competition-stats-page .stats-table-toolbar .search-input{min-height:41px;font-size:12px}
.competition-stats-page .stats-table thead>tr{padding:11px 12px;gap:6px}
.competition-stats-page .stats-table thead .sort-button{min-height:35px;padding:8px 10px}
.competition-stats-page .stats-table tbody{padding:10px}
.competition-stats-page .stats-table tbody>tr>.stats-player-cell{padding:13px 42px 13px 37px}
.competition-stats-page .stats-table tbody>tr>.rank{left:10px}
.competition-stats-page .stats-table tbody>tr>.stats-profile-cell{right:9px}
.competition-stats-page .stats-table-footer{padding:15px 16px}
.competition-stats-page .stats-table-footer>span{font-size:9px}
.competition-stats-page .stats-table-footer>p{font-size:9px;line-height:1.7}
.competition-stats-page .stats-roster-panel>.empty-state{margin:0 16px 18px;padding:30px 18px}
.competition-stats-page .stats-upcoming{display:grid;grid-template-columns:45px minmax(0,1fr);gap:15px;padding:22px 18px}
.competition-stats-page .stats-upcoming-icon{width:45px;height:45px;border-radius:9px}
.competition-stats-page .stats-upcoming-icon>svg{width:22px;height:22px}
.competition-stats-page .stats-upcoming h2{font-size:20px;margin-bottom:8px}
.competition-stats-page .stats-upcoming p{font-size:11px}
.competition-stats-page .stats-upcoming>.btn{grid-column:1/-1;justify-self:start;margin-left:0;margin-top:3px;min-height:41px;font-size:11px}
}
@media(max-width:450px){
.competition-stats-page .stats-table tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))}
.competition-stats-page .stats-table tbody>tr>.stats-number{padding:11px 5px}
.competition-stats-page .stats-table tbody>tr>.stats-number:nth-of-type(5){border-right:0}
.competition-stats-page .stats-metric-mobile{font-size:10px}
.competition-stats-page .stats-player-cell .avatar{width:31px;height:36px;flex-basis:31px}
.competition-stats-page .stats-player-cell .player-cell{gap:9px}
.competition-stats-page .stats-player-cell strong{font-size:15px}
.competition-stats-page .stats-player-cell small{font-size:10px}
.competition-stats-page .stats-player-history{font-size:8px}
.competition-stats-page .stats-season-top{padding:18px 16px}
.competition-stats-page .stats-season-identity{gap:12px}
.competition-stats-page .stats-season-identity h2{font-size:21px}
.competition-stats-page .stats-season-identity>img{width:45px;height:60px;flex-basis:45px}
.competition-stats-page .stats-highlight-card{padding:14px}
.competition-stats-page .stats-highlight-value{font-size:29px}
}

/* League redesign: standings left, match reports right, isolated from report dialogs. */
.league-page{padding-bottom:32px}
.league-page .league-page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:40px 0 25px}
.league-page .league-page-heading h1{margin:0;font-family:var(--heading);font-size:58px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.015em;color:#1c3026}
.league-page .league-page-heading>.btn{min-height:39px;padding:10px 14px;border-color:#bed7c8;background:#fff;color:#087238;font-size:11px}
.league-page .squad-team-choice{margin-bottom:23px}
.league-page .league-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}
.league-page .league-standing{overflow:hidden;min-width:0;border:1px solid #d5dee1;border-radius:9px;background:#fff}
.league-page .league-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:22px 23px}
.league-page .league-panel-heading>div{min-width:0}
.league-page .league-panel-heading h2{margin:0;color:#1c3026;font-size:22px;font-weight:750;letter-spacing:-.025em;line-height:1.3}
.league-page .league-panel-heading p{margin:7px 0 0;color:#5a6962;font-size:11px;font-weight:450;line-height:1.6;overflow-wrap:anywhere}
.league-page .league-panel-heading .league-source{flex:0 0 auto;gap:5px;margin:0;color:#087238;font-size:10px;font-weight:650;line-height:1.5}
.league-page .league-panel-heading .league-source>svg{width:14px;height:14px}
.league-page .league-table-wrap{max-width:100%;margin:0;border:0;border-top:1px solid #dbe7df;border-radius:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a5c9b2 #f2f7f4}
.league-page .league-table-wrap:focus-visible{outline:2px solid #128345;outline-offset:-3px}
.league-page .league-table{width:100%;min-width:530px;table-layout:fixed;border-collapse:collapse;white-space:normal;font-variant-numeric:tabular-nums}
.league-page .league-col-rank{width:39px}
.league-page .league-col-team{width:auto}
.league-page .league-col-metric{width:39px}
.league-page .league-col-points{width:53px}
.league-page .league-col-goals{width:78px}
.league-page .league-table th{padding:14px 6px;border-bottom:1px solid #d6e3da;background:#edf5f0;color:#486252;font-size:10px;font-weight:700;letter-spacing:.025em;line-height:1.4;text-transform:none;white-space:nowrap}
.league-page .league-table th:first-child{padding-left:14px;text-align:left}
.league-page .league-table th:nth-child(2){padding-left:12px;text-align:left}
.league-page .league-table th:nth-child(4){border-color:#128345;background:#128345;color:#fff}
.league-page .league-table td{padding:12px 6px;border-bottom:1px solid #e6ece8;background:#fff;color:#4e6257;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;vertical-align:middle}
.league-page .league-table td.rank{padding-left:14px;text-align:left;font-family:inherit;font-size:12px;font-weight:650;color:#5a6962!important}
.league-page .league-table td:nth-child(2){padding-left:12px;padding-right:10px}
.league-page .league-table td:nth-child(n+3){text-align:center;white-space:nowrap}
.league-page .league-table tbody tr:hover>td{background:#f5faf7}
.league-page .league-table .league-points{background:#f0f8f3;color:#087238!important;font-size:16px;font-weight:800;letter-spacing:-.02em}
.league-page .league-team-name{display:flex;align-items:center;gap:11px;min-width:0;color:#1c4531;font-size:12px;font-weight:650;line-height:1.45;white-space:normal}
.league-page .league-team-name>span:not(.club-crest-fallback){min-width:0;overflow-wrap:anywhere}
.league-page .league-team-name>.club-crest,.league-page .league-team-name>.club-crest-fallback,.league-page .league-team-name>img{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;flex:0 0 32px;object-fit:contain;border:0;background:transparent;padding:0}
.league-page .league-table .our-team,.league-page .league-table .our-team>td{background:#e1f5e9!important;color:#075d31!important;font-weight:750}
.league-page .league-table .our-team>td:first-child{box-shadow:inset 4px 0 #128345}
.league-page .league-table .our-team .league-team-name{color:#075d31;font-weight:800}
.league-page .league-table .our-team>.league-points{background:#128345!important;color:#fff!important;font-weight:800}
.league-page .league-table .league-group>td{padding:11px 15px;background:#f6f9f7!important;color:#80622d!important;font-size:9px;font-weight:750;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
.league-page .league-table-footer{padding:17px 21px 19px;border-top:1px solid #e0e8e3;background:#f8faf9}
.league-page .league-table-legend{margin:0 0 12px;color:#5a6962;font-size:9px;line-height:1.8}
.league-page .league-table-legend>b{color:#35624a;font-weight:700}
.league-page .league-sync-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 15px;color:#5a6962}
.league-page .league-sync-info>span{display:inline-flex;align-items:center;gap:6px;color:#35624a;font-size:10px;font-weight:650;line-height:1.5}
.league-page .league-sync-info>span>svg{width:14px;height:14px;color:#128345}
.league-page .league-sync-info>small{font-size:9px;line-height:1.5}
.league-page .league-data-warning{margin:12px 0 0;padding-left:10px;border-left:2px solid #c3a464;color:#80622d;font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.league-page .league-standing>.empty-state{margin:0 20px 20px;border-color:#d5e3da;background:#f8fbf9;padding:35px 20px}
.league-page .league-results{display:grid;gap:24px;min-width:0}
.league-page .league-result-section{min-width:0}
.league-page .league-result-section>.league-panel-heading{padding:20px 19px;border:1px solid #d5dee1;border-bottom:0;border-radius:9px 9px 0 0;background:#fff}
.league-page .league-result-section>.league-panel-heading h2{font-size:21px}
.league-page .league-result-section>.league-panel-heading p{font-size:10px;margin-top:5px}
.league-page .league-result-count{display:grid;place-items:center;min-width:31px;height:29px;flex:0 0 auto;padding:0 7px;border:1px solid #badbc7;border-radius:5px;background:#e7f6ec;color:#087238;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}
.league-page .league-result-list{display:grid;gap:11px;min-width:0;padding:0 11px 11px;border:1px solid #d5dee1;border-top:0;border-radius:0 0 9px 9px;background:#fff}
.league-page .league-match-card{position:relative;min-width:0;margin:0;padding:16px;border:1px solid #d8e6dc;border-radius:7px;background:#fbfdfb;transition:border-color .16s,background .16s}
.league-page .league-match-card:has(.report-open):hover{border-color:#85bd98;background:#f3faf5}
.league-page .league-match-meta{align-items:flex-start;gap:9px;color:#5a6962;font-size:9px;line-height:1.5}
.league-page .league-match-meta>.tag{flex:0 1 auto;max-width:50%;padding:4px 6px;border-color:#d4e3da;background:#eff6f2;color:#35624a;font-size:8px;line-height:1.4;letter-spacing:.03em;white-space:normal;overflow-wrap:anywhere}
.league-page .league-match-meta>span:last-child{text-align:right;min-width:0}
.league-page .league-match-score{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:start;gap:8px;margin:18px 0 16px}
.league-page .league-match-score>strong{gap:9px;min-width:0;color:#1c4531;font-size:11px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.league-page .league-match-score>strong .club-crest,.league-page .league-match-score>strong .club-crest-fallback,.league-page .league-match-score>strong>img{width:46px;height:46px;flex:0 0 46px;object-fit:contain}
.league-page .league-match-score>span{align-self:start;justify-content:center;gap:2px;padding-top:10px;color:#106938;font-family:inherit;font-size:30px;font-weight:750;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.league-page .league-match-score>span>small{color:#5a6962;font-family:inherit;font-size:20px;font-weight:500;line-height:1}
.league-page .league-match-actions{align-items:center;gap:7px 11px;margin-top:0;padding-top:10px;border-top:1px solid #dce8e0}
.league-page .league-match-actions>.text-link{gap:6px;min-height:26px;font-size:10px;font-weight:650;line-height:1.5;color:#087238}
.league-page .league-match-actions>.text-link>svg{width:13px;height:13px}
.league-page .league-match-actions>a{margin-left:auto;color:#5a6962;font-weight:500}
.league-page .league-match-actions>a:hover{color:#087238}
.league-page .league-result-section>button[data-action="league-all"]{margin-top:11px;min-height:40px;border-color:#c5dccd;background:#fff;color:#087238;font-size:11px;white-space:normal}
.league-page .league-result-section>button[data-action="league-all"]:hover{background:#eef8f2;border-color:#92bfa2}
.league-page .league-result-list>.empty-state{margin:0;padding:28px 16px;border-color:#d9e6de;background:#f8fbf9}
.league-page .league-result-list>.empty-state h3{font-size:17px;line-height:1.35}
.league-page .league-result-list>.empty-state p{font-size:11px;line-height:1.7}
.league-page .league-fixtures .league-match-card{border-top:2px solid #c7ab6b}
@media(max-width:1190px){
.league-page .league-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.league-page .league-panel-heading{padding:20px}
.league-page .league-col-rank{width:35px}
.league-page .league-col-metric{width:34px}
.league-page .league-col-points{width:45px}
.league-page .league-col-goals{width:70px}
.league-page .league-team-name{gap:9px;font-size:11px}
.league-page .league-team-name>.club-crest,.league-page .league-team-name>.club-crest-fallback,.league-page .league-team-name>img{width:29px;height:33px;flex-basis:29px}
.league-page .league-table td{padding:11px 5px;font-size:11px}
.league-page .league-table .league-points{font-size:15px}
.league-page .league-match-card{padding:14px}
.league-page .league-match-score{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:6px}
.league-page .league-match-score>span{font-size:27px}
.league-page .league-match-score>span>small{font-size:18px}
.league-page .league-match-score>strong{font-size:10px}
}
@media(min-width:781px) and (max-width:1000px){
.league-page .league-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}
.league-page .league-standing>.league-panel-heading{padding:19px 16px;gap:10px}
.league-page .league-panel-heading h2{font-size:20px}
.league-page .league-panel-heading p{font-size:10px}
.league-page .league-table{min-width:490px}
.league-page .league-col-rank{width:31px}
.league-page .league-col-metric{width:31px}
.league-page .league-col-points{width:41px}
.league-page .league-col-goals{width:65px}
.league-page .league-table th{font-size:9px;padding-inline:4px}
.league-page .league-table th:first-child,.league-page .league-table td.rank{padding-left:10px}
.league-page .league-table th:nth-child(2),.league-page .league-table td:nth-child(2){padding-left:7px;padding-right:7px}
.league-page .league-table td{padding-block:10px;font-size:10px}
.league-page .league-table td.rank{font-size:11px}
.league-page .league-team-name{gap:8px;font-size:11px;line-height:1.45}
.league-page .league-table .league-points{font-size:14px}
.league-page .league-table-footer{padding:15px}
.league-page .league-sync-info{align-items:flex-start;flex-direction:column;gap:7px}
.league-page .league-result-section>.league-panel-heading{padding:18px 14px;gap:10px}
.league-page .league-result-section>.league-panel-heading h2{font-size:19px}
.league-page .league-result-list{padding:0 8px 8px;gap:9px}
.league-page .league-match-card{padding:12px}
.league-page .league-match-meta{font-size:8px;gap:7px}
.league-page .league-match-meta>.tag{font-size:7px;padding:3px 5px}
.league-page .league-match-score{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:5px;margin:16px 0 13px}
.league-page .league-match-score>strong{font-size:10px;gap:8px}
.league-page .league-match-score>strong .club-crest,.league-page .league-match-score>strong .club-crest-fallback,.league-page .league-match-score>strong>img{width:41px;height:41px;flex-basis:41px}
.league-page .league-match-score>span{font-size:24px;gap:1px;padding-top:9px}
.league-page .league-match-score>span>small{font-size:17px}
.league-page .league-match-actions{gap:6px}
.league-page .league-match-actions>.text-link{font-size:9px;gap:4px}
.league-page .league-match-actions>.text-link>svg{width:12px;height:12px}
.league-page .league-result-section>button[data-action="league-all"]{font-size:10px;padding-inline:10px}
}
@media(max-width:780px){
.league-page .league-layout{grid-template-columns:minmax(0,1fr);gap:23px}
.league-page .league-results{gap:23px}
.league-page .league-panel-heading{padding:21px}
.league-page .league-table{min-width:530px}
.league-page .league-col-rank{width:38px}
.league-page .league-col-metric{width:36px}
.league-page .league-col-points{width:47px}
.league-page .league-col-goals{width:73px}
.league-page .league-team-name{font-size:12px}
.league-page .league-table td{font-size:12px;padding-block:12px}
.league-page .league-result-section>.league-panel-heading{padding:21px}
.league-page .league-result-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:0 12px 12px}
.league-page .league-result-list>.empty-state{grid-column:1/-1}
.league-page .league-match-score{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:6px}
.league-page .league-match-score>strong{font-size:11px}
.league-page .league-match-score>span{font-size:27px}
}
@media(max-width:650px){
.league-page{padding-bottom:24px}
.league-page .league-page-heading{padding:29px 0 22px;gap:15px;align-items:center}
.league-page .league-page-heading h1{font-size:47px}
.league-page .league-page-heading>.btn{padding:9px 10px;min-height:37px;font-size:10px;gap:6px}
.league-page .league-page-heading>.btn>svg{width:15px;height:15px}
.league-page .squad-team-choice{margin-bottom:18px}
.league-page .league-panel-heading{padding:19px 17px;gap:12px}
.league-page .league-panel-heading h2{font-size:21px}
.league-page .league-panel-heading p{font-size:10px}
.league-page .league-panel-heading .league-source{font-size:9px;gap:4px}
.league-page .league-table-footer{padding:15px 17px}
.league-page .league-table-legend{font-size:9px;line-height:1.8}
.league-page .league-sync-info{align-items:flex-start;flex-direction:column;gap:7px}
.league-page .league-data-warning{font-size:9px;line-height:1.7}
.league-page .league-result-section>.league-panel-heading{padding:19px 17px}
.league-page .league-result-list{grid-template-columns:minmax(0,1fr);padding:0 12px 12px;gap:12px}
.league-page .league-match-card{padding:17px}
.league-page .league-match-meta{font-size:9px}
.league-page .league-match-score{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:9px;margin:18px 0 16px}
.league-page .league-match-score>strong{font-size:12px;line-height:1.45}
.league-page .league-match-score>strong .club-crest,.league-page .league-match-score>strong .club-crest-fallback,.league-page .league-match-score>strong>img{width:48px;height:48px;flex-basis:48px}
.league-page .league-match-score>span{font-size:31px;padding-top:10px}
.league-page .league-match-score>span>small{font-size:20px}
.league-page .league-match-actions>.text-link{font-size:10px}
.league-page .league-standing>.empty-state{margin:0 16px 18px;padding:30px 18px}
}
@media(max-width:380px){
.league-page .league-page-heading>.btn{padding:8px;font-size:9px}
.league-page .league-match-card{padding:14px}
.league-page .league-match-score{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:6px}
.league-page .league-match-score>strong{font-size:11px}
.league-page .league-match-score>span{font-size:27px}
.league-page .league-match-score>strong .club-crest,.league-page .league-match-score>strong .club-crest-fallback,.league-page .league-match-score>strong>img{width:43px;height:43px;flex-basis:43px}
}

.league-page .league-table-scroll-hint{display:none}
@media(max-width:575px){.league-page .league-table-scroll-hint{display:block;margin:0;padding:0 16px 12px;color:#5a6962;font-size:10px;line-height:1.5}}

.competition-stats-page .stats-assist-symbol{font-size:20px;font-weight:750;line-height:1}

/* Next-match context and opponent links; retain each report's own logo layout. */
.league-page .league-next-match .league-result-list{grid-template-columns:minmax(0,1fr)}
.league-page .league-next-match .league-match-card{border-top:2px solid #8ec6a2}
.league-page .league-season-state{display:flex;align-items:center;gap:13px;min-width:0;padding:21px 18px;border:1px solid #d5dee1;border-top:0;border-radius:0 0 9px 9px;background:#f7fbf8}
.league-page .league-season-state>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:8px;background:#e3f4e9;color:#087238}
.league-page .league-season-state>span>svg{width:21px;height:21px}
.league-page .league-season-state>div{min-width:0}
.league-page .league-season-state strong{display:block;color:#1c4531;font-size:15px;font-weight:750;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}
.league-page .league-season-state p{margin:6px 0 0;color:#5a6962;font-size:10px;line-height:1.65;overflow-wrap:anywhere}
.league-page .league-season-state.is-completed>span{background:#f7f0dd;color:#80622d}
.league-page .league-match-location{display:flex;align-items:flex-start;gap:6px;margin:11px 0 0;color:#5a6962;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.league-page .league-match-location>svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px;color:#26714a}
.league-page .league-table-legend:last-child{margin-bottom:0}
.league-match-score>strong>.league-opponent-link{position:relative;z-index:2;display:flex;flex-direction:inherit;align-items:center;justify-content:inherit;gap:inherit;min-width:0;max-width:100%;color:inherit;text-align:inherit;line-height:inherit;border-radius:3px}
.league-match-score>strong>.league-opponent-link>span:not(.club-crest-fallback){min-width:0;overflow-wrap:anywhere}
.league-page .league-team-name.league-opponent-link{position:relative;z-index:2;flex-direction:row;min-width:0;color:inherit;border-radius:3px}
.league-match-score>strong>.league-opponent-link:hover>span:not(.club-crest-fallback),.league-page .league-team-name.league-opponent-link:hover>span:not(.club-crest-fallback){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.league-match-score>strong>.league-opponent-link:focus-visible,.league-page .league-team-name.league-opponent-link:focus-visible{outline:2px solid #128345;outline-offset:4px}
@media(min-width:781px) and (max-width:1000px){
.league-page .league-season-state{padding:18px 14px;gap:11px}
.league-page .league-season-state>span{width:35px;height:35px;flex-basis:35px;border-radius:7px}
.league-page .league-season-state>span>svg{width:19px;height:19px}
.league-page .league-season-state strong{font-size:14px}
.league-page .league-season-state p{font-size:9px}
.league-page .league-match-location{font-size:9px;gap:5px}
}

/* White logo canvases blend into the portal; colored outer canvases use SVG masks. */
.club-crest-blend{mix-blend-mode:multiply}
.club-crest-masked{overflow:hidden}

.league-opponent-link:has(> .club-crest-blend){mix-blend-mode:multiply}

/* Highlights redesign: a real match recording, with quiet channel navigation. */
.highlights-page{padding-bottom:40px}
.highlights-page .highlights-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 26px}
.highlights-page .highlights-page-heading>div{min-width:0}
.highlights-page .highlights-page-heading h1{margin:0;color:#1c3026;font-family:var(--heading);font-size:58px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.015em}
.highlights-page .highlights-page-heading p{margin:13px 0 0;color:#5a6962;font-size:13px;line-height:1.65}
.highlights-page .highlights-heading-actions{flex:0 0 auto}
.highlights-page .highlights-heading-actions:empty{display:none}
.highlights-page .highlights-heading-actions>.btn{min-height:41px;padding:11px 15px;border-color:#bed7c8;background:#fff;color:#087238;font-size:11px;white-space:nowrap}
.highlights-page .highlights-featured{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:stretch;min-width:0;border:1px solid #d5dee1;border-radius:10px;overflow:hidden;background:#fff}
.highlights-page .highlight-poster{position:relative;isolation:isolate;display:block;width:100%;min-width:0;aspect-ratio:16/9;overflow:hidden;background:#0b713f;color:#fff}
.highlights-page .highlights-featured>.highlight-poster{height:100%;min-height:0}
.highlights-page .highlight-poster::after{position:absolute;z-index:1;inset:50% 0 0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent,rgba(8,31,20,.82))}
.highlights-page .highlight-thumbnail{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.highlights-page .highlight-play{position:absolute;z-index:2;left:20px;bottom:18px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.95);color:#087238;transition:background .16s,color .16s,border-color .16s}
.highlights-page .highlight-play>svg{width:17px;height:17px;margin-left:2px}
.highlights-page .highlight-poster-label{position:absolute;z-index:2;left:67px;right:18px;bottom:27px;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:650;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.25)}
.highlights-page .highlight-poster-label>svg{width:15px;height:15px;flex:0 0 15px}
.highlights-page .highlight-poster:hover .highlight-play{border-color:#fff;background:#128345;color:#fff}
.highlights-page .highlight-poster:hover .highlight-poster-label{text-decoration:underline;text-underline-offset:4px}
.highlights-page .highlight-poster:focus-visible{outline:3px solid #e5c57e;outline-offset:-5px}
.highlights-page .highlight-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px 25px 74px;background:radial-gradient(ellipse at 30% 10%,#17864a,transparent 70%),#0b713f}
.highlights-page .highlight-fallback>img{display:block;width:76px;height:92px;object-fit:contain}
.highlights-page .highlight-fallback>strong{color:#fff;font-size:17px;font-weight:750;line-height:1.3;letter-spacing:.01em;text-align:center}
.highlights-page .highlight-feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:30px;border-left:1px solid #d5dee1}
.highlights-page .highlight-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin:0 0 17px;font-size:10px;line-height:1.5}
.highlights-page .highlight-meta>span{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:3px;background:#e7f6ec;color:#087238;font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}
.highlights-page .highlight-meta>time{color:#5a6962;font-size:10px;white-space:nowrap}
.highlights-page .highlight-feature-copy h2{margin:0;color:#1c3026;font-size:30px;font-weight:750;line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere}
.highlights-page .highlight-competition{margin:13px 0 21px;color:#5a6962;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.highlights-page .highlight-watch{min-height:44px;max-width:100%;padding:12px 17px;gap:9px;border:1px solid #128345;background:#128345;color:#fff;font-size:11px;font-weight:650;line-height:1.5;text-align:center;white-space:normal}
.highlights-page .highlight-watch:hover{border-color:#0b713f;background:#0b713f}
.highlights-page .highlight-watch>svg{width:16px;height:16px;flex:0 0 16px}
.highlights-page .highlight-author{display:flex;align-items:center;gap:10px;width:100%;min-width:0;margin-top:25px;padding-top:20px;border-top:1px solid #e0e8e3}
.highlights-page .highlight-author>img{display:block;width:29px;height:37px;flex:0 0 29px;object-fit:contain}
.highlights-page .highlight-author>div{min-width:0}
.highlights-page .highlight-author strong{display:block;color:#35624a;font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.highlights-page .highlight-author span{display:block;margin-top:4px;color:#5a6962;font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.highlights-page .highlight-manage{align-self:flex-start;min-height:34px;margin:12px 0 0;padding:7px 0;background:transparent;color:#5a6962;font-size:10px;font-weight:500;line-height:1.5}
.highlights-page .highlight-manage:hover{background:transparent;color:#a04c41}
.highlights-page .highlight-manage>svg{width:14px;height:14px}
.highlights-page .highlights-channel{display:flex;align-items:center;gap:14px;min-width:0;margin-top:18px;padding:17px 21px;border:1px solid #d5dee1;border-radius:8px;background:#fff;color:#1c3026;transition:border-color .16s,background .16s}
.highlights-page .highlights-channel-icon{display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border:1px solid #c9e3d3;border-radius:7px;background:#e7f6ec;color:#087238}
.highlights-page .highlights-channel-icon>svg{width:23px;height:23px}
.highlights-page .highlights-channel>div{min-width:0}
.highlights-page .highlights-channel>div>span{display:block;color:#5a6962;font-size:10px;line-height:1.5}
.highlights-page .highlights-channel>div>strong{display:block;margin-top:3px;color:#1c4531;font-size:14px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.highlights-page .highlights-channel-action{display:flex;align-items:center;gap:9px;flex:0 0 auto;margin-left:auto;color:#087238;font-size:11px;font-weight:650;line-height:1.5}
.highlights-page .highlights-channel-action>svg{width:16px;height:16px;flex:0 0 16px}
.highlights-page .highlights-channel:hover{border-color:#9fc5ac;background:#f8fcf9}
.highlights-page .highlights-channel:hover .highlights-channel-action{text-decoration:underline;text-underline-offset:4px}
.highlights-page .highlights-channel:focus-visible,.highlights-page .highlight-watch:focus-visible,.highlights-page .highlight-card-copy>.text-link:focus-visible{outline:2px solid #128345;outline-offset:4px}
.highlights-page .highlights-library{margin-top:34px}
.highlights-page .highlights-library>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.highlights-page .highlights-library>header h2{margin:0;color:#1c3026;font-size:25px;font-weight:750;line-height:1.25;letter-spacing:-.025em}
.highlights-page .highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.highlights-page .highlight-card{min-width:0;border:1px solid #d5dee1;border-radius:8px;overflow:hidden;background:#fff}
.highlights-page .highlight-card .highlight-play{left:16px;bottom:14px;width:32px;height:32px}
.highlights-page .highlight-card .highlight-play>svg{width:15px;height:15px}
.highlights-page .highlight-card .highlight-poster-label{left:58px;right:15px;bottom:21px;font-size:11px}
.highlights-page .highlight-card .highlight-fallback{gap:9px;padding:22px 20px 62px}
.highlights-page .highlight-card .highlight-fallback>img{width:55px;height:65px}
.highlights-page .highlight-card .highlight-fallback>strong{font-size:13px}
.highlights-page .highlight-card-copy{min-width:0;padding:21px}
.highlights-page .highlight-card-copy .highlight-meta{margin-bottom:13px;gap:8px 10px}
.highlights-page .highlight-card-copy h3{margin:0 0 14px;color:#1c3026;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.highlights-page .highlight-card-copy>.text-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;color:#087238;font-size:11px;font-weight:650;line-height:1.5}
.highlights-page .highlight-card-copy>.text-link>svg{width:14px;height:14px}
.highlights-page .highlight-card-copy>.highlight-manage{display:flex;margin-top:7px}
.highlights-page>.empty-state{margin:0;padding:44px 24px;border-color:#d5dee1;background:#fff}
@media(max-width:1190px){
.highlights-page .highlight-feature-copy{padding:25px}
.highlights-page .highlight-feature-copy h2{font-size:27px}
.highlights-page .highlight-meta{margin-bottom:13px;gap:8px 10px}
.highlights-page .highlight-competition{margin:11px 0 17px;font-size:11px}
.highlights-page .highlight-author{margin-top:21px;padding-top:17px}
.highlights-page .highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:781px) and (max-width:1000px){
.highlights-page .highlights-featured{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.highlights-page .highlight-feature-copy{padding:19px}
.highlights-page .highlight-feature-copy h2{font-size:23px;line-height:1.16}
.highlights-page .highlight-meta{gap:6px 9px;margin-bottom:10px}
.highlights-page .highlight-meta>span{min-height:20px;padding:3px 6px;font-size:8px}
.highlights-page .highlight-meta>time{font-size:9px}
.highlights-page .highlight-competition{margin:9px 0 13px;font-size:10px;line-height:1.5}
.highlights-page .highlight-watch{min-height:40px;padding:10px 12px;gap:7px;font-size:10px}
.highlights-page .highlight-author{gap:8px;margin-top:15px;padding-top:12px}
.highlights-page .highlight-author>img{width:25px;height:31px;flex-basis:25px}
.highlights-page .highlight-author strong{font-size:10px}
.highlights-page .highlight-author span{font-size:8px;margin-top:3px}
.highlights-page .highlight-manage{min-height:29px;margin-top:7px;padding:5px 0;font-size:9px}
.highlights-page .highlight-play{left:16px;bottom:15px;width:34px;height:34px}
.highlights-page .highlight-poster-label{left:61px;bottom:23px;font-size:11px}
}
@media(max-width:780px){
.highlights-page .highlights-featured{grid-template-columns:minmax(0,1fr)}
.highlights-page .highlights-featured>.highlight-poster{height:auto}
.highlights-page .highlight-feature-copy{padding:25px;border-left:0;border-top:1px solid #d5dee1}
.highlights-page .highlight-feature-copy h2{font-size:28px;line-height:1.2}
.highlights-page .highlight-meta{margin-bottom:13px}
.highlights-page .highlight-competition{margin:11px 0 19px;font-size:12px}
.highlights-page .highlight-author{margin-top:22px;padding-top:17px}
.highlights-page .highlight-manage{min-height:40px;margin-top:9px}
.highlights-page .highlight-card-copy{padding:19px}
.highlights-page .highlight-card-copy h3{font-size:19px}
}
@media(max-width:650px){
.highlights-page{padding-bottom:25px}
.highlights-page .highlights-page-heading{align-items:center;gap:15px;padding:29px 0 23px}
.highlights-page .highlights-page-heading h1{font-size:47px}
.highlights-page .highlights-page-heading p{margin-top:11px;font-size:11px;line-height:1.65}
.highlights-page .highlights-heading-actions{max-width:132px}
.highlights-page .highlights-heading-actions>.btn{min-height:42px;padding:9px 11px;gap:6px;font-size:10px;white-space:normal}
.highlights-page .highlights-heading-actions>.btn>svg{width:15px;height:15px;flex:0 0 15px}
.highlights-page .highlight-feature-copy{padding:22px}
.highlights-page .highlight-feature-copy h2{font-size:25px}
.highlights-page .highlight-play{left:16px;bottom:14px;width:34px;height:34px}
.highlights-page .highlight-poster-label{left:60px;right:15px;bottom:22px;font-size:11px}
.highlights-page .highlight-watch{min-height:44px;font-size:11px}
.highlights-page .highlights-channel{gap:11px;margin-top:15px;padding:16px}
.highlights-page .highlights-channel-icon{width:36px;height:36px;flex-basis:36px}
.highlights-page .highlights-channel-icon>svg{width:21px;height:21px}
.highlights-page .highlights-channel>div>span{font-size:9px}
.highlights-page .highlights-channel>div>strong{font-size:12px}
.highlights-page .highlights-channel-action{gap:6px;max-width:92px;font-size:10px}
.highlights-page .highlights-channel-action>svg{width:14px;height:14px;flex-basis:14px}
.highlights-page .highlights-library{margin-top:28px}
.highlights-page .highlights-library>header h2{font-size:23px}
.highlights-page .highlights-grid{grid-template-columns:minmax(0,1fr);gap:17px}
.highlights-page .highlight-card-copy{padding:21px}
.highlights-page .highlight-card-copy h3{font-size:21px}
.highlights-page .highlight-card-copy>.text-link{min-height:44px}
.highlights-page .highlight-fallback{gap:9px;padding:22px 20px 65px}
.highlights-page .highlight-fallback>img{width:57px;height:69px}
.highlights-page .highlight-fallback>strong{font-size:14px}
}
@media(max-width:380px){
.highlights-page .highlights-page-heading{align-items:flex-start;flex-direction:column;gap:14px}
.highlights-page .highlights-heading-actions{max-width:none}
.highlights-page .highlight-feature-copy{padding:19px}
.highlights-page .highlight-feature-copy h2{font-size:23px}
.highlights-page .highlights-channel{flex-wrap:wrap;gap:10px}
.highlights-page .highlights-channel-action{max-width:none;width:100%;margin:1px 0 0;padding-top:11px;border-top:1px solid #e0e8e3;justify-content:space-between}
.highlights-page .highlight-fallback>img{width:47px;height:57px}
.highlights-page .highlight-fallback>strong{font-size:12px}
}

/* Header shares the content edges; navigation and account controls align right. */
.site-header .header-inner{width:min(1280px,calc(100% - 96px));max-width:none;padding-inline:0;display:flex;align-items:center;column-gap:24px;row-gap:0}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start;min-width:0;margin-right:auto}
.site-header .brand-copy{min-width:0}
.site-header .main-nav{grid-column:2;grid-row:1;justify-self:end;align-self:stretch;align-items:stretch;justify-content:flex-start;width:max-content;max-width:100%;min-width:0;order:0;margin:0;gap:clamp(18px,1.7vw,26px);flex-wrap:nowrap}
.site-header .main-nav>.nav-link{flex:0 0 auto;justify-content:center;min-height:44px}
.site-header .header-actions{grid-column:3;grid-row:1;justify-self:end;align-self:center;justify-content:flex-end;min-width:0;margin-left:0}
@media(max-width:1190px){
.site-header .header-inner{width:calc(100% - 64px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 44px;column-gap:22px;row-gap:7px;padding-top:10px;padding-bottom:0}
.site-header .main-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;min-height:44px;margin:0;gap:28px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}
.site-header .main-nav::-webkit-scrollbar{display:none}
.site-header .main-nav>.nav-link:first-child{margin-left:auto}
.site-header .main-nav>.nav-link:last-child{margin-right:0}
.site-header .header-actions{grid-column:2;padding-left:0;border-left:0;margin-left:0}
}
@media(max-width:650px){
.site-header .header-inner{width:calc(100% - 40px);column-gap:10px;row-gap:7px}
.site-header .main-nav{gap:10px;overflow-x:auto;justify-content:flex-start}
.site-header .main-nav>.nav-link{padding-inline:0;min-width:max-content}
.site-header .header-actions{gap:4px;padding-left:0}
}
@media(max-width:380px){
.site-header .header-inner{width:calc(100% - 32px);column-gap:8px}
}

/* Calendar redesign: a readable month and separate upcoming / past match lists. */
.calendar-page{padding-bottom:35px}
.calendar-page .calendar-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 26px}
.calendar-page .calendar-page-heading>div{min-width:0}
.calendar-page .calendar-page-heading h1{margin:0;color:#1c3026;font-family:var(--heading);font-size:58px;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.015em}
.calendar-page .calendar-page-heading p{margin:13px 0 0;color:#5a6962;font-size:13px;line-height:1.65}
.calendar-page .calendar-heading-actions{flex:0 0 auto}
.calendar-page .calendar-heading-actions:empty{display:none}
.calendar-page .calendar-heading-actions>.btn{min-height:44px;padding:11px 15px;border-color:#bed7c8;background:#fff;color:#087238;font-size:11px}
.calendar-page .calendar-toolbar{display:flex;min-width:0;margin:0 0 21px;gap:0}
.calendar-page .calendar-type-tabs{display:flex;align-items:center;gap:4px;max-width:100%;width:max-content;min-width:0;padding:4px;border:1px solid #d5dee1;border-radius:7px;background:#fff;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bad5c5 transparent}
.calendar-page .calendar-type-tabs>.tab{flex:0 0 auto;min-height:44px;padding:10px 16px;border:0;border-radius:4px;background:transparent;color:#5a6962;font-size:11px;font-weight:650;line-height:1.5;white-space:nowrap}
.calendar-page .calendar-type-tabs>.tab:hover{background:#f0f8f3;color:#087238}
.calendar-page .calendar-type-tabs>.tab.active{background:#128345;color:#fff;box-shadow:none}
.calendar-page .calendar-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;min-width:0;padding:0}
.calendar-page .calendar-main{display:grid;gap:20px;min-width:0}
.calendar-page .month-board{min-width:0;margin:0;padding:0;border:1px solid #d5dee1;border-radius:10px;background:#fff;overflow:hidden;box-shadow:none}
.calendar-page .month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:22px 23px;border-bottom:1px solid #0b713f;background:#0b713f;color:#fff}
.calendar-page .month-toolbar>div:first-child{min-width:0}
.calendar-page .month-toolbar .eyebrow{margin:0 0 8px;color:#d8eedf;font-size:8px;font-weight:650;letter-spacing:.13em;line-height:1.5}
.calendar-page .month-toolbar h2{margin:0;color:#fff;font-family:inherit;font-size:26px;font-weight:750;line-height:1.2;letter-spacing:-.025em;text-transform:none;overflow-wrap:anywhere}
.calendar-page .month-toolbar h2::first-letter{text-transform:uppercase}
.calendar-page .calendar-nav{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.calendar-page .calendar-nav .icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #579a73;border-radius:5px;background:transparent;color:#fff;font-family:inherit;font-size:26px;font-weight:400;line-height:1}
.calendar-page .calendar-nav .btn-small{min-height:44px;padding:10px 14px;border:1px solid #d8eedf;background:#fff;color:#087238;font-size:11px;font-weight:700}
.calendar-page .calendar-nav .icon-button:hover{border-color:#d8eedf;background:#128345}
.calendar-page .calendar-nav .btn-small:hover{background:#e7f6ec;border-color:#e7f6ec}
.calendar-page .calendar-nav :focus-visible{outline:2px solid #e5c57e;outline-offset:3px}
.calendar-page .month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:11px 0;border-bottom:1px solid #dce7df;background:#edf5f0}
.calendar-page .month-weekdays>span{color:#486252;font-size:10px;font-weight:700;letter-spacing:.045em;line-height:1.5;text-align:center;text-transform:uppercase}
.calendar-page .month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:0}
.calendar-page .month-day{position:relative;min-width:0;min-height:98px;padding:4px 5px 8px;border-right:1px solid #e1e9e4;border-bottom:1px solid #e1e9e4;background:#fff;box-shadow:none;transition:background .15s}
.calendar-page .month-day:nth-child(7n){border-right:0}
.calendar-page .month-day:nth-child(7n),.calendar-page .month-day:nth-child(7n - 1){background:#f8fbf9}
.calendar-page .month-day.outside{background:#f2f5f4}
.calendar-page .month-day.outside:nth-child(7n),.calendar-page .month-day.outside:nth-child(7n - 1){background:#edf2ef}
.calendar-page .month-day:hover{background:#f2f9f5}
.calendar-page .month-day.today{background:#f0faf3}
.calendar-page .month-grid .month-day.selected{z-index:1;background:#e5f5eb;box-shadow:inset 0 0 0 2px #128345}
.calendar-page .month-day-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:44px;margin:0 0 3px;padding:0 2px;border:0;border-radius:4px;background:transparent;color:#35624a;text-align:left}
.calendar-page .month-day-head .day-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;color:#35624a;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}
.calendar-page .month-day-head>small{display:block;color:#087238;font-size:7px;font-weight:750;letter-spacing:.03em;line-height:1}
.calendar-page .month-day.outside .day-number{color:#5e7064}
.calendar-page .month-day.today .day-number{background:#128345;color:#fff;font-weight:750}
.calendar-page .month-day.selected .day-number{font-weight:800;color:#075d31}
.calendar-page .month-day.today.selected .day-number{color:#fff}
.calendar-page .month-day-head:focus-visible{outline:2px solid #128345;outline-offset:-1px}
.calendar-page .month-day-markers{display:none}
.calendar-page .month-day-events{display:grid;align-content:start;gap:4px;min-width:0}
.calendar-page .month-event{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;width:100%;min-width:0;min-height:44px;margin:0;padding:5px 6px;border:1px solid #cce3e9;border-left:3px solid #3294ad;border-radius:4px;background:#edf7fa;color:#316373;text-align:left;line-height:1.45;transition:border-color .15s,background .15s}
.calendar-page .month-event.match{border-color:#cce3e9;border-left-color:#3294ad;background:#edf7fa;color:#316373}
.calendar-page .month-event.friendly{border-color:#ded3ea;border-left-color:#9270ba;background:#f3eef8;color:#6e558b}
.calendar-page .month-event.game{border-color:#c2e3cf;border-left-color:#128345;background:#e7f6ec;color:#087238}
.calendar-page .month-event:hover{filter:none;box-shadow:inset 0 0 0 1px currentColor}
.calendar-page .month-event:focus-visible{outline:2px solid #128345;outline-offset:1px}
.calendar-page .month-event-time{font-size:9px;font-weight:750;letter-spacing:.01em;line-height:1.3}
.calendar-page .month-event-title{display:-webkit-box;min-width:0;max-width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;font-size:10px;font-weight:500;line-height:1.4;word-break:normal;overflow-wrap:anywhere}
.calendar-page .month-event .club-crest,.calendar-page .month-event .club-crest-fallback{width:14px;height:15px;margin-right:3px;vertical-align:middle}
.calendar-page .month-event.cancelled{opacity:1;background:#f2f4f3;border-color:#d9dfdb;color:#5e7064}
.calendar-page .month-event-state{color:#984f46;font-size:8px;line-height:1.5}
.calendar-page .month-event-more{min-height:44px;margin:0;padding:7px 3px;border:0;background:transparent;color:#35624a;font-size:9px;font-weight:650;line-height:1.5;text-align:left}
.calendar-page .calendar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 19px;margin:0;padding:16px 22px;background:#fff;color:#5a6962;font-size:10px;line-height:1.5}
.calendar-page .calendar-legend>span{display:inline-flex;align-items:center;gap:7px}
.calendar-page .calendar-legend i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#3294ad}
.calendar-page .calendar-legend i.friendly{background:#9270ba}
.calendar-page .calendar-legend i.game{background:#128345}
.calendar-page .calendar-agenda{display:grid;align-items:start;gap:22px;min-width:0}
.calendar-page .calendar-agenda-section{min-width:0;padding:0 19px;border:1px solid #d5dee1;border-radius:9px;background:#fff;overflow:hidden}
.calendar-page .calendar-section-heading{display:flex;align-items:center;gap:11px;min-width:0;padding:20px 0 16px;border-bottom:1px solid #e1e9e4}
.calendar-page .calendar-section-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #d2e9da;border-radius:6px;background:#e7f6ec;color:#087238}
.calendar-page .calendar-section-icon>svg{width:18px;height:18px}
.calendar-page .calendar-section-heading h2{margin:0;color:#1c3026;font-size:21px;font-weight:750;line-height:1.25;letter-spacing:-.025em}
.calendar-page .calendar-agenda-section.previous .calendar-section-icon{border-color:#e7ddc6;background:#f7f2e7;color:#80622d}
.calendar-page .calendar-agenda-list,.calendar-page .calendar-selected-list{display:grid;min-width:0}
.calendar-page .calendar-agenda-item{display:flex;align-items:center;gap:11px;width:100%;min-width:0;min-height:82px;margin:0;padding:16px 0;border:0;border-bottom:1px solid #e6ece8;border-radius:0;background:transparent;color:#1c3026;text-align:left;transition:background .15s}
.calendar-page .calendar-agenda-item:last-child{border-bottom:0}
.calendar-page .calendar-agenda-item:hover{background:#f6fbf8}
.calendar-page .calendar-agenda-item:focus-visible{outline:2px solid #128345;outline-offset:2px;border-radius:4px}
.calendar-page .calendar-item-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:40px;min-height:51px;flex:0 0 40px;padding:5px 2px;border:1px solid #d4e7dc;border-radius:5px;background:#edf6f0;color:#26714a;font-variant-numeric:tabular-nums}
.calendar-page .calendar-item-date>strong{font-size:22px;font-weight:750;line-height:1;letter-spacing:-.04em}
.calendar-page .calendar-item-date>span{max-width:100%;font-size:9px;font-weight:650;line-height:1.2;text-transform:uppercase;text-align:center}
.calendar-page .calendar-item-copy{flex:1 1 auto;min-width:0}
.calendar-page .calendar-item-labels{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:0 0 6px;min-width:0}
.calendar-page .calendar-kind{display:inline-block;color:#316373;font-size:8px;font-weight:750;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}
.calendar-page .calendar-agenda-item.friendly .calendar-kind{color:#6e558b}
.calendar-page .calendar-agenda-item.game .calendar-kind{color:#087238}
.calendar-page .calendar-item-labels .status-badge{max-width:100%;min-width:0;padding:3px 5px;font-size:8px;line-height:1.4;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
.calendar-page .calendar-item-title{display:flex;align-items:center;gap:7px;min-width:0;color:#1c4531;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:-.01em}
.calendar-page .calendar-item-title>span:not(.club-crest-fallback){min-width:0;overflow-wrap:anywhere}
.calendar-page .calendar-item-title>.club-crest,.calendar-page .calendar-item-title>.club-crest-fallback{width:22px;height:25px;flex:0 0 22px;object-fit:contain}
.calendar-page .calendar-item-meta{display:block;margin:7px 0 0;color:#5a6962;font-size:9px;font-weight:400;line-height:1.65;overflow-wrap:anywhere}
.calendar-page .calendar-item-score{flex:0 0 auto;max-width:72px;color:#087238;font-size:21px;font-weight:750;line-height:1.1;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}
.calendar-page .calendar-agenda-item>svg{width:14px;height:14px;flex:0 0 14px;color:#5a6962}
.calendar-page .calendar-agenda-item.cancelled .calendar-item-title{text-decoration:line-through;text-decoration-color:#a5afa8}
.calendar-page .calendar-agenda-empty{display:flex;align-items:center;gap:11px;min-height:94px;padding:20px 0;color:#5a6962}
.calendar-page .calendar-agenda-empty>svg{width:23px;height:23px;flex:0 0 23px;color:#778b7d}
.calendar-page .calendar-agenda-empty>p{margin:0;font-size:11px;line-height:1.65}
.calendar-page .calendar-more{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0;padding:12px 0;border-top:1px solid #e1e9e4;color:#087238;font-size:10px;font-weight:650;line-height:1.5}
.calendar-page .calendar-more>svg{width:14px;height:14px;transform:rotate(90deg)}
.calendar-page .calendar-more[aria-expanded="true"]>svg{transform:rotate(-90deg)}
.calendar-page .calendar-selected-panel{min-width:0;border:1px solid #bedcc9;border-radius:9px;background:#fff;overflow:hidden}
.calendar-page .calendar-selected-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:13px 20px;border-bottom:1px solid #d9e9df;background:#edf8f1}
.calendar-page .calendar-selected-panel>header h2{margin:0;color:#1c4531;font-size:19px;font-weight:750;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}
.calendar-page .calendar-selected-panel>header>.text-link{flex:0 0 auto;min-height:44px;gap:6px;color:#26714a;font-size:10px;line-height:1.5}
.calendar-page .calendar-selected-panel>header>.text-link>svg{width:14px;height:14px}
.calendar-page .calendar-selected-list{padding:0 20px}
.calendar-page .calendar-selected-list .calendar-agenda-item{gap:14px}
.calendar-page .calendar-selected-list .calendar-item-title{font-size:14px}
.calendar-page .calendar-selected-list .calendar-item-meta{font-size:10px}
.calendar-page .calendar-day-empty{margin:0;padding:23px 0;color:#5a6962;font-size:12px;line-height:1.7}
@media(min-width:1101px) and (max-width:1190px){
.calendar-page .calendar-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}
.calendar-page .month-toolbar{padding:20px 18px;gap:14px}
.calendar-page .month-toolbar h2{font-size:23px}
.calendar-page .month-event{padding-inline:4px}
.calendar-page .calendar-agenda-section{padding-inline:16px}
}
@media(max-width:1100px){
.calendar-page .calendar-workspace{grid-template-columns:minmax(0,1fr);gap:23px}
.calendar-page .calendar-agenda{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.calendar-page .calendar-main{gap:20px}
}
@media(max-width:650px){
.calendar-page{padding-bottom:25px}
.calendar-page .calendar-page-heading{gap:16px;padding:29px 0 23px}
.calendar-page .calendar-page-heading h1{font-size:47px}
.calendar-page .calendar-page-heading p{margin-top:11px;font-size:11px;line-height:1.65}
.calendar-page .calendar-heading-actions{max-width:133px}
.calendar-page .calendar-heading-actions>.btn{min-height:44px;padding:9px 10px;gap:6px;font-size:10px;white-space:normal}
.calendar-page .calendar-heading-actions>.btn>svg{width:15px;height:15px;flex:0 0 15px}
.calendar-page .calendar-toolbar{margin-bottom:17px}
.calendar-page .calendar-type-tabs{width:max-content;max-width:100%;padding:3px;gap:3px}
.calendar-page .calendar-type-tabs>.tab{padding:10px 12px;font-size:10px}
.calendar-page .month-toolbar{padding:19px 17px;gap:14px}
.calendar-page .month-toolbar h2{font-size:24px}
.calendar-page .month-toolbar .eyebrow{font-size:7px;margin-bottom:7px}
.calendar-page .calendar-nav{gap:5px}
.calendar-page .month-weekdays{padding:11px 0}
.calendar-page .month-weekdays>span{font-size:9px;letter-spacing:0}
.calendar-page .month-day{min-height:64px;padding:0}
.calendar-page .month-day-head{flex-direction:column;justify-content:center;gap:5px;min-height:64px;margin:0;padding:6px 0;border-radius:0;text-align:center}
.calendar-page .month-day-head .day-number{width:27px;height:27px;flex:0 0 27px;font-size:12px}
.calendar-page .month-day-head>small{display:none}
.calendar-page .month-day-markers{display:flex;align-items:center;justify-content:center;gap:3px;min-height:6px}
.calendar-page .month-day-markers>i{display:block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#3294ad}
.calendar-page .month-day-markers>i.friendly{background:#9270ba}
.calendar-page .month-day-markers>i.game{background:#128345}
.calendar-page .month-day-events{display:none}
.calendar-page .month-day-head:focus-visible{outline-offset:-3px}
.calendar-page .calendar-legend{gap:12px 16px;padding:15px 16px;font-size:9px}
.calendar-page .calendar-agenda{grid-template-columns:minmax(0,1fr);gap:19px}
.calendar-page .calendar-agenda-section{padding-inline:18px}
.calendar-page .calendar-section-heading{padding:18px 0 15px}
.calendar-page .calendar-section-heading h2{font-size:22px}
.calendar-page .calendar-agenda-item{gap:12px;padding-block:16px}
.calendar-page .calendar-item-title{font-size:13px}
.calendar-page .calendar-item-meta{font-size:10px}
.calendar-page .calendar-item-labels{gap:5px 7px}
.calendar-page .calendar-kind{font-size:9px}
.calendar-page .calendar-item-labels .status-badge{font-size:8px}
.calendar-page .calendar-item-score{font-size:24px}
.calendar-page .calendar-selected-panel>header{padding:12px 17px;gap:12px}
.calendar-page .calendar-selected-panel>header h2{font-size:18px}
.calendar-page .calendar-selected-panel>header>.text-link{font-size:9px;gap:5px}
.calendar-page .calendar-selected-list{padding-inline:17px}
.calendar-page .calendar-selected-list .calendar-agenda-item{gap:12px}
.calendar-page .calendar-selected-list .calendar-item-title{font-size:13px}
}
@media(max-width:480px){
.calendar-page .month-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 17px 16px}
.calendar-page .calendar-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;width:100%;gap:8px}
.calendar-page .calendar-nav>.btn-small{width:100%}
.calendar-page .calendar-selected-panel>header{align-items:flex-start;flex-direction:column;gap:2px;padding:15px 17px 8px}
.calendar-page .calendar-selected-panel>header>.text-link{min-height:44px}
}
@media(max-width:380px){
.calendar-page .calendar-page-heading{align-items:flex-start;flex-direction:column;gap:14px}
.calendar-page .calendar-heading-actions{max-width:none}
.calendar-page .calendar-agenda-section{padding-inline:15px}
.calendar-page .calendar-item-date{width:36px;flex-basis:36px}
.calendar-page .calendar-item-title{font-size:12px}
.calendar-page .calendar-item-meta{font-size:9px}
.calendar-page .calendar-agenda-item,.calendar-page .calendar-selected-list .calendar-agenda-item{gap:9px}
.calendar-page .calendar-item-score{font-size:21px}
.calendar-page .calendar-selected-list{padding-inline:15px}
}

.calendar-page .calendar-item-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.calendar-page .calendar-item-score>small{color:#5a6962;font-size:7px;font-weight:650;line-height:1.3;letter-spacing:.03em}
.calendar-page .calendar-item-score>span{display:block;color:inherit;font:inherit;line-height:1.1;letter-spacing:inherit}

/* Event details and invited-player picker; match reports keep their own layout. */
.event-view{min-width:0;color:#1c3026}
.event-view .event-view-hero{display:flex;align-items:center;gap:21px;min-width:0;padding:21px;border:1px solid #c9e3d3;border-radius:9px;background:#edf8f1}
.event-view .event-view-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:84px;min-height:108px;flex:0 0 84px;padding:12px 8px;border:1px solid #c5decf;border-top:3px solid #c3a464;border-radius:6px;background:#fff;color:#087238;font-variant-numeric:tabular-nums}
.event-view .event-view-date>strong{font-size:48px;font-weight:750;line-height:1;letter-spacing:-.05em}
.event-view .event-view-date>span{max-width:100%;font-size:11px;font-weight:750;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;text-align:center;overflow-wrap:anywhere}
.event-view .event-view-date>small{color:#5a6962;font-size:9px;font-weight:500;line-height:1.3}
.event-view .event-view-heading{flex:1 1 auto;min-width:0}
.event-view .event-view-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.event-view .event-view-tags>.tag,.event-view .event-view-tags>.status-badge{max-width:100%;padding:4px 7px;font-size:8px;line-height:1.4;letter-spacing:.025em;white-space:normal;overflow-wrap:anywhere}
.event-view .event-view-heading h2{margin:0;color:#1c4531;font-family:inherit;font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.035em;text-transform:none;overflow-wrap:anywhere}
.event-view .event-view-heading>p{margin:11px 0 0;color:#5a6962;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.event-view .event-view-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:21px 0 0;padding:0 0 21px;border-bottom:1px solid #e0e8e3}
.event-view .event-view-facts>div{display:flex;align-items:flex-start;gap:10px;min-width:0}
.event-view .event-view-facts>div:last-child:nth-child(3){grid-column:1/-1}
.event-view .event-view-facts>div>svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#26714a}
.event-view .event-view-facts>div>span{min-width:0}
.event-view .event-view-facts small{display:block;margin:0 0 5px;color:#5a6962;font-size:9px;font-weight:650;letter-spacing:.04em;line-height:1.4;text-transform:uppercase}
.event-view .event-view-facts strong{display:block;color:#1c4531;font-size:12px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}
.event-view .event-view-notes{margin:20px 0 0;padding:12px 15px;border-left:2px solid #c3a464;border-radius:0 5px 5px 0;background:#faf8f2;color:#5a6962;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.event-view .event-response{margin:22px 0 0;padding:20px;border:1px solid #bedfc9;border-radius:8px;background:#f0f9f3;color:#1c4531}
.event-view .event-response-heading{display:flex;align-items:center;gap:12px;min-width:0}
.event-view .event-response-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #c4e1ce;border-radius:8px;background:#fff;color:#087238}
.event-view .event-response-icon>svg{width:21px;height:21px}
.event-view .event-response-heading>div{min-width:0}
.event-view .event-response-heading small{display:block;margin:0 0 5px;color:#5a6962;font-size:8px;font-weight:650;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.event-view .event-response-heading h3{margin:0;color:#1c4531;font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.event-view .event-response>p{margin:13px 0 0;color:#5a6962;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.event-view .event-response.accepted{border-color:#aad5ba;background:#eaf7ee}
.event-view .event-response.accepted .event-response-icon{border-color:#128345;background:#128345;color:#fff}
.event-view .event-response.declined{border-color:#e6d4cd;background:#fcf5f2}
.event-view .event-response.declined .event-response-icon{border-color:#e5c9be;background:#fff;color:#984f46}
.event-view .event-response.declined .event-response-heading h3{color:#884c43}
.event-view .event-response.reserve{border-color:#e1d4b7;background:#faf6eb}
.event-view .event-response.reserve .event-response-icon{border-color:#dfcea7;background:#fff;color:#80622d}
.event-view .event-response.reserve .event-response-heading h3{color:#80622d}
.event-view .rsvp-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:18px}
.event-view .rsvp-actions>.btn{flex:1 1 150px;min-height:46px;padding:12px 16px;font-size:12px;line-height:1.4;white-space:normal;text-align:center}
.event-view .rsvp-actions>.btn-primary{background:#128345;border-color:#128345;color:#fff}
.event-view .rsvp-actions>.btn-primary:hover{background:#0b713f;border-color:#0b713f}
.event-view .rsvp-actions>.btn-secondary{background:#fff;border-color:#c4d8cc;color:#35624a}
.event-view .rsvp-actions>.btn-secondary:hover{background:#f5faf7;border-color:#93bda2}
.event-view .rsvp-actions>.btn:disabled{opacity:.7}
.event-view .event-view-roster{margin-top:25px;min-width:0}
.event-view .roster-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:0 0 14px}
.event-view .roster-heading h3{margin:0;color:#1c3026;font-size:21px;font-weight:750;line-height:1.3;letter-spacing:-.025em}
.event-view .roster-heading>span{padding:5px 8px;border:1px solid #cde4d6;border-radius:4px;background:#edf8f1;color:#26714a;font-size:9px;font-weight:650;line-height:1.4;white-space:nowrap}
.event-view .roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.event-view .roster-row{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:0 9px;min-width:0;min-height:72px;padding:10px 11px;border:1px solid #e0e9e3;border-radius:6px;background:#f9fcfa}
.event-view .roster-row:last-child{border:1px solid #e0e9e3}
.event-view .roster-row>.avatar{grid-column:1;grid-row:1/3;width:29px;height:29px;font-size:8px;background:#edf5f0;border-color:#d8e6dd;color:#26714a}
.event-view .roster-person{grid-column:2;grid-row:1;min-width:0}
.event-view .roster-person strong{color:#1c4531;font-size:11px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.event-view .roster-person small{margin-top:3px;color:#5a6962;font-size:8px;line-height:1.4;overflow-wrap:anywhere}
.event-view .roster-row>.status-badge{grid-column:2;grid-row:2;justify-self:start;max-width:100%;margin-top:5px;padding:2px 5px;font-size:7px;line-height:1.4;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
.event-view .subheading{margin:22px 0 11px;color:#1c4531;font-size:15px;font-weight:700;line-height:1.4}
.event-view .declined-list{margin:20px 0 0;padding:0;border-top:1px solid #e0e8e3}
.event-view .declined-list>summary{min-height:44px;padding:13px 0;color:#5a6962;font-size:11px;font-weight:650;line-height:1.5;cursor:pointer}
.event-view .declined-list>.roster-row{margin-top:8px}
.event-view .declined-list>.roster-row:last-child{margin-bottom:0}
.event-view .declined-list>.roster-list{margin-top:3px}
.event-view .event-view-lock{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 12px;margin:22px 0 0;padding:16px 17px;border:1px solid #dbe5df;border-radius:7px;background:#f7faf8;color:#5a6962}
.event-view .event-view-lock>svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#26714a}
.event-view .event-view-lock>p{flex:1 1 180px;min-width:0;margin:0;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.event-view .event-view-lock>p>strong{color:#1c4531;font-weight:650}
.event-view .event-view-lock>.btn{min-height:44px;margin-left:30px;font-size:11px;white-space:normal}
.event-view .event-view-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid #e0e8e3}
.event-view .event-view-actions>.btn{min-height:44px;padding:10px 13px;font-size:11px;white-space:normal}
.event-view .event-view-actions>button[data-action="cancel-event"]{margin-left:auto;color:#984f46}
.event-view .event-view-actions>button[data-action="cancel-event"]:hover{background:#fcf1ed}
.event-view :is(button,a,summary):focus-visible{outline:2px solid #128345;outline-offset:3px}
.broadcast-picker{min-width:0;margin:20px 0 0;padding:18px;border:1px solid #d5e3da;border-radius:8px;background:#f7fbf8}
.broadcast-picker>.form-field{min-width:0;margin-bottom:15px;color:#35624a;font-size:11px}
.broadcast-picker>.form-field>select{max-width:100%;min-height:44px;border-color:#c9dfd1;background:#fff;color:#1c4531;font-size:12px}
.broadcast-picker .broadcast-picker-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:0 0 15px;min-width:0}
.broadcast-picker .broadcast-picker-heading>span,.broadcast-picker .broadcast-picker-heading>strong{flex:1 1 130px;color:#26714a;font-size:11px;font-weight:650;line-height:1.6}
.broadcast-picker .broadcast-picker-heading>button,.broadcast-picker .broadcast-picker-heading>div>button{min-height:44px;padding:8px 10px;border:1px solid #cddfd3;border-radius:4px;background:#fff;color:#26714a;font-size:10px;font-weight:650;line-height:1.4;white-space:normal}
.broadcast-picker .broadcast-picker-heading>button:hover,.broadcast-picker .broadcast-picker-heading>div>button:hover{border-color:#9fc5ac;background:#edf8f1}
.broadcast-picker .selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-width:0;margin:0}
.broadcast-picker .selection-grid>.selection-column:only-child{grid-column:1/-1}
.broadcast-picker .selection-column{min-width:0}
.broadcast-picker .selection-column>h4{margin:0 0 9px;color:#1c4531;font-size:12px;font-weight:700;line-height:1.5}
.broadcast-picker .selection-list{max-height:250px;min-width:0;padding:0 10px;border:1px solid #d8e6dd;border-radius:6px;background:#fff;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bdd5c7 #f6faf7}
.broadcast-picker .player-select{gap:8px;min-height:48px;margin:0;padding:10px 0;border-bottom:1px solid #e6ede8;color:#5a6962;font-size:11px;line-height:1.45}
.broadcast-picker .player-select:last-child{border-bottom:0}
.broadcast-picker .player-select>input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#128345}
.broadcast-picker .player-select>.avatar{width:26px;height:26px;flex:0 0 26px;font-size:8px;background:#f1f7f3;border-color:#d8e6dd}
.broadcast-picker .player-select>span:not(.avatar){min-width:0;overflow-wrap:anywhere}
.broadcast-picker .player-select:has(input:checked){color:#1c4531;font-weight:650}
.broadcast-picker .player-select:has(input:focus-visible){outline:2px solid #128345;outline-offset:-2px;border-radius:3px}
.broadcast-picker>.form-hint{margin:12px 0 0;color:#5a6962;font-size:10px;line-height:1.65}
@media(max-width:650px){
.event-view .event-view-hero{gap:16px;padding:17px}
.event-view .event-view-date{width:72px;min-height:99px;flex-basis:72px;padding:11px 7px;gap:5px}
.event-view .event-view-date>strong{font-size:42px}
.event-view .event-view-date>span{font-size:10px}
.event-view .event-view-heading h2{font-size:24px}
.event-view .event-view-heading>p{font-size:10px;margin-top:9px}
.event-view .event-view-tags{gap:5px;margin-bottom:10px}
.event-view .event-view-tags>.tag,.event-view .event-view-tags>.status-badge{font-size:7px;padding:3px 5px}
.event-view .event-view-facts{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px;padding-bottom:20px}
.event-view .event-view-facts strong{font-size:12px}
.event-view .event-view-notes{margin-top:18px;padding:12px 13px;font-size:11px}
.event-view .event-response{margin-top:20px;padding:17px}
.event-view .event-response-heading{gap:10px}
.event-view .event-response-icon{width:36px;height:36px;flex-basis:36px;border-radius:7px}
.event-view .event-response-icon>svg{width:19px;height:19px}
.event-view .event-response-heading h3{font-size:19px}
.event-view .event-response>p{font-size:11px;line-height:1.75}
.event-view .rsvp-actions{gap:8px;margin-top:16px}
.event-view .rsvp-actions>.btn{flex-basis:120px;min-height:46px;padding:11px 12px;font-size:11px}
.event-view .event-view-roster{margin-top:23px}
.event-view .roster-heading{gap:8px 11px;margin-bottom:12px}
.event-view .roster-heading h3{font-size:20px}
.event-view .roster-heading>span{font-size:8px;padding:5px 7px}
.event-view .roster-list{grid-template-columns:minmax(0,1fr);gap:8px}
.event-view .roster-row{grid-template-columns:29px minmax(0,1fr) auto;min-height:62px;padding:11px;column-gap:9px}
.event-view .roster-row>.avatar{grid-row:1}
.event-view .roster-person{grid-row:1}
.event-view .roster-person strong{font-size:11px}
.event-view .roster-person small{font-size:8px}
.event-view .roster-row>.status-badge{grid-column:3;grid-row:1;max-width:94px;margin-top:0;font-size:7px}
.event-view .event-view-lock{padding:15px;gap:9px 10px}
.event-view .event-view-lock>p{flex-basis:160px;font-size:11px}
.event-view .event-view-lock>.btn{margin-left:28px;font-size:10px}
.event-view .event-view-actions{gap:8px;margin-top:22px;padding-top:18px}
.event-view .event-view-actions>.btn{font-size:10px;padding:10px 11px}
.broadcast-picker{padding:15px;margin-top:18px}
.broadcast-picker .broadcast-picker-heading{gap:7px;margin-bottom:13px}
.broadcast-picker .broadcast-picker-heading>span,.broadcast-picker .broadcast-picker-heading>strong{flex-basis:100%;font-size:10px}
.broadcast-picker .broadcast-picker-heading>button,.broadcast-picker .broadcast-picker-heading>div>button{font-size:9px}
.broadcast-picker .selection-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.broadcast-picker .selection-column>h4{font-size:11px}
.broadcast-picker .selection-list{max-height:250px}
}
@media(max-width:380px){
.event-view .event-view-hero{align-items:flex-start;gap:12px;padding:14px}
.event-view .event-view-date{width:62px;min-height:94px;flex-basis:62px;padding-inline:5px}
.event-view .event-view-date>strong{font-size:39px}
.event-view .event-view-date>span{font-size:9px}
.event-view .event-view-heading h2{font-size:21px}
.event-view .event-response{padding:15px}
.event-view .rsvp-actions>.btn{flex-basis:100%}
.event-view .roster-row{grid-template-columns:27px minmax(0,1fr);column-gap:8px}
.event-view .roster-row>.avatar{width:27px;height:27px;grid-row:1/3}
.event-view .roster-row>.status-badge{grid-column:2;grid-row:2;margin-top:4px;max-width:100%}
.event-view .event-view-actions>button[data-action="cancel-event"]{margin-left:0}
}

.broadcast-picker .broadcast-picker-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.broadcast-picker .broadcast-invitation{margin:0;padding:14px 15px;border-color:#c9e3d3;background:#edf8f1}
.broadcast-picker .broadcast-invitation strong{font-size:12px;font-weight:650;line-height:1.5}

/* One matchup order across the month, agenda, and club-event dialog. */
.calendar-page .calendar-matchup,.event-view .calendar-matchup{display:grid;align-items:center;min-width:0;width:100%;line-height:1.35;text-align:left}
.calendar-page .calendar-matchup>.matchup-our-name,.event-view .calendar-matchup>.matchup-our-name{min-width:0;margin:0;color:#1c4531;font-weight:700}
.calendar-page .calendar-matchup>.matchup-score,.event-view .calendar-matchup>.matchup-score{display:block;margin:0;color:#087238;font-weight:750;line-height:1.1;letter-spacing:-.025em;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.calendar-page .calendar-matchup>.matchup-opponent,.event-view .calendar-matchup>.matchup-opponent{display:block;min-width:0;color:#1c4531;font-weight:600;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.calendar-page .calendar-matchup>.club-crest,.calendar-page .calendar-matchup>.club-crest-fallback,.event-view .calendar-matchup>.club-crest,.event-view .calendar-matchup>.club-crest-fallback{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:0;margin:0;padding:0;border:0;background:transparent;object-fit:contain;vertical-align:middle}
.calendar-page .month-event>.calendar-matchup{grid-template-columns:12px max-content max-content minmax(0,1fr) 12px;gap:2px;margin:1px 0;font-size:8px}
.calendar-page .month-event .calendar-matchup>.club-crest,.calendar-page .month-event .calendar-matchup>.club-crest-fallback{width:12px;height:15px;flex:0 0 12px}
.calendar-page .month-event .matchup-our-name{font-size:8px;letter-spacing:-.025em;white-space:nowrap}
.calendar-page .month-event .matchup-score{font-size:10px}
.calendar-page .month-event .matchup-opponent{font-size:8px;line-height:1.4}
.calendar-page .month-event.cancelled .calendar-matchup>.matchup-our-name,.calendar-page .month-event.cancelled .calendar-matchup>.matchup-score,.calendar-page .month-event.cancelled .calendar-matchup>.matchup-opponent{color:#5e7064}
.calendar-page .month-event.cancelled .matchup-opponent{text-decoration:line-through}
.calendar-page .calendar-item-copy>.calendar-matchup{grid-template-columns:18px 30px max-content minmax(0,1fr) 18px;gap:6px;margin:2px 0;min-height:29px}
.calendar-page .calendar-item-copy .calendar-matchup>.club-crest,.calendar-page .calendar-item-copy .calendar-matchup>.club-crest-fallback{width:18px;height:23px;flex:0 0 18px}
.calendar-page .calendar-item-copy .matchup-our-name{font-size:9px;letter-spacing:-.02em;white-space:nowrap}
.calendar-page .calendar-item-copy .matchup-score{font-size:24px}
.calendar-page .calendar-item-copy .matchup-opponent{font-size:11px;line-height:1.4}
.calendar-page .calendar-agenda-item.cancelled .matchup-opponent{text-decoration:line-through;text-decoration-color:#a5afa8}
.event-view .event-view-matchup{min-width:0;margin:20px 0 0;padding:20px;border:1px solid #d5e6dc;border-radius:8px;background:#f8fcf9}
.event-view .event-view-matchup>.calendar-matchup{grid-template-columns:52px minmax(0,1fr) max-content minmax(0,1fr) 52px;gap:13px;min-height:64px}
.event-view .event-view-matchup .calendar-matchup>.club-crest,.event-view .event-view-matchup .calendar-matchup>.club-crest-fallback{width:52px;height:58px;flex:0 0 52px}
.event-view .event-view-matchup .matchup-our-name{font-size:18px;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere}
.event-view .event-view-matchup .matchup-score{font-size:28px}
.event-view .event-view-matchup .matchup-opponent{font-size:18px;font-weight:650;line-height:1.4;text-align:center}
@media(min-width:651px) and (max-width:800px){
.calendar-page .month-event>.calendar-matchup{grid-template-columns:10px max-content max-content minmax(0,1fr) 10px;gap:1px}
.calendar-page .month-event .calendar-matchup>.club-crest,.calendar-page .month-event .calendar-matchup>.club-crest-fallback{width:10px;height:13px;flex-basis:10px}
.calendar-page .month-event .matchup-our-name{font-size:7px}
.calendar-page .month-event .matchup-score{font-size:9px}
.calendar-page .month-event .matchup-opponent{font-size:8px}
}
@media(max-width:650px){
.calendar-page .calendar-item-copy>.calendar-matchup{gap:5px}
.calendar-page .calendar-item-copy .matchup-score{font-size:22px}
.event-view .event-view-matchup{margin-top:18px;padding:16px 14px}
.event-view .event-view-matchup>.calendar-matchup{grid-template-columns:38px minmax(0,1fr) max-content minmax(0,1fr) 38px;gap:8px;min-height:54px}
.event-view .event-view-matchup .calendar-matchup>.club-crest,.event-view .event-view-matchup .calendar-matchup>.club-crest-fallback{width:38px;height:46px;flex-basis:38px}
.event-view .event-view-matchup .matchup-our-name,.event-view .event-view-matchup .matchup-opponent{font-size:13px}
.event-view .event-view-matchup .matchup-score{font-size:25px}
}
@media(max-width:380px){
.calendar-page .calendar-item-copy>.calendar-matchup{grid-template-columns:15px 27px max-content minmax(0,1fr) 15px;gap:4px}
.calendar-page .calendar-item-copy .calendar-matchup>.club-crest,.calendar-page .calendar-item-copy .calendar-matchup>.club-crest-fallback{width:15px;height:20px;flex-basis:15px}
.calendar-page .calendar-item-copy .matchup-our-name{font-size:8px}
.calendar-page .calendar-item-copy .matchup-score{font-size:20px}
.calendar-page .calendar-item-copy .matchup-opponent{font-size:10px}
.event-view .event-view-matchup{padding:14px 11px}
.event-view .event-view-matchup>.calendar-matchup{grid-template-columns:30px minmax(0,1fr) max-content minmax(0,1fr) 30px;gap:5px}
.event-view .event-view-matchup .calendar-matchup>.club-crest,.event-view .event-view-matchup .calendar-matchup>.club-crest-fallback{width:30px;height:39px;flex-basis:30px}
.event-view .event-view-matchup .matchup-our-name,.event-view .event-view-matchup .matchup-opponent{font-size:12px}
.event-view .event-view-matchup .matchup-score{font-size:23px}
}

/* Month match cards use two rows so opponent names never break into letters. */
.calendar-page .month-event:has(>.calendar-matchup){min-height:64px;padding:7px 5px;gap:5px}
.calendar-page .month-event.match:not(.cancelled){border-color:#cce5d5;border-left-color:#128345;background:#edf8f1;color:#26714a}
.calendar-page .month-event>.calendar-matchup{grid-template-columns:16px minmax(0,1fr) max-content;grid-template-rows:minmax(22px,auto) minmax(19px,auto);align-items:center;column-gap:4px;row-gap:5px;margin:0;font-size:10px}
.calendar-page .month-event .calendar-matchup>.club-crest,.calendar-page .month-event .calendar-matchup>.club-crest-fallback{width:16px;height:19px;flex:0 0 16px}
.calendar-page .month-event .calendar-matchup>.club-crest:first-child,.calendar-page .month-event .calendar-matchup>.club-crest-fallback:first-child{grid-column:1;grid-row:1;justify-self:start}
.calendar-page .month-event .calendar-matchup>.matchup-our-name{grid-column:2;grid-row:1;font-size:9px;line-height:1.3;letter-spacing:-.025em;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.calendar-page .month-event .calendar-matchup>.matchup-score{grid-column:3;grid-row:1;justify-self:end;min-width:26px;padding:4px 3px;border-radius:3px;background:#dff1e6;color:#087238;font-size:12px;font-weight:750;line-height:1.15;letter-spacing:-.025em}
.calendar-page .month-event .calendar-matchup>.matchup-opponent{grid-column:1/3;grid-row:2;min-width:0;max-width:100%;overflow:hidden;color:#1c4531;font-size:10px;font-weight:600;line-height:1.4;text-align:left;white-space:nowrap;word-break:normal;overflow-wrap:normal;text-overflow:ellipsis}
.calendar-page .month-event .calendar-matchup>.club-crest:last-child,.calendar-page .month-event .calendar-matchup>.club-crest-fallback:last-child{grid-column:3;grid-row:2;justify-self:end}
.calendar-page .month-event>.month-event-time{font-size:9px;line-height:1.3}
.calendar-page .month-event.cancelled .calendar-matchup>.matchup-score{background:#e7ece9;color:#5e7064}
@media(min-width:651px) and (max-width:800px){
.calendar-page .month-event:has(>.calendar-matchup){padding-inline:3px}
.calendar-page .month-event>.calendar-matchup{grid-template-columns:14px minmax(0,1fr) max-content;column-gap:3px}
.calendar-page .month-event .calendar-matchup>.club-crest,.calendar-page .month-event .calendar-matchup>.club-crest-fallback{width:14px;height:18px;flex-basis:14px}
.calendar-page .month-event .calendar-matchup>.matchup-our-name{font-size:8px}
.calendar-page .month-event .calendar-matchup>.matchup-score{min-width:23px;padding-inline:2px;font-size:11px}
}

/* Agenda cards reserve a full-width row for the teams and an aligned result. */
.calendar-page .calendar-agenda .calendar-agenda-section{padding-inline:19px}
.calendar-page .calendar-agenda .calendar-section-heading{gap:11px;padding:19px 0 16px}
.calendar-page .calendar-agenda .calendar-section-heading h2{font-size:20px;line-height:1.3}
.calendar-page .calendar-agenda .calendar-section-icon{width:32px;height:32px;flex-basis:32px}
.calendar-page .calendar-agenda .calendar-agenda-item{display:grid;grid-template-columns:minmax(0,1fr) 14px;grid-template-rows:auto auto auto;align-items:center;column-gap:8px;row-gap:10px;min-height:0;padding:16px 0 17px}
.calendar-page .calendar-agenda .calendar-agenda-item>.calendar-item-date{grid-column:1;grid-row:1;justify-self:start;flex-direction:row;gap:5px;width:auto;min-height:25px;padding:4px 7px;border-color:#d9e7de;border-radius:4px;background:#f1f7f3}
.calendar-page .calendar-agenda .calendar-item-date>strong{font-size:14px;font-weight:750;line-height:1;letter-spacing:-.02em}
.calendar-page .calendar-agenda .calendar-item-date>span{font-size:8px;font-weight:650;line-height:1.2}
.calendar-page .calendar-agenda .calendar-item-copy{display:contents}
.calendar-page .calendar-agenda .calendar-item-labels{grid-column:1/-1;grid-row:1;align-self:center;justify-self:end;justify-content:flex-end;gap:4px 7px;min-width:0;margin:0 0 0 70px}
.calendar-page .calendar-agenda .calendar-kind{font-size:8px;line-height:1.5;letter-spacing:.035em}
.calendar-page .calendar-agenda .calendar-item-labels .status-badge{font-size:8px;padding:3px 5px;line-height:1.4}
.calendar-page .calendar-agenda .calendar-item-copy>.calendar-matchup{grid-column:1/-1;grid-row:2;grid-template-columns:26px minmax(0,1fr) 42px minmax(0,1fr) 26px;align-items:center;gap:7px;min-height:38px;margin:0}
.calendar-page .calendar-agenda .calendar-item-copy .calendar-matchup>.club-crest,.calendar-page .calendar-agenda .calendar-item-copy .calendar-matchup>.club-crest-fallback{width:26px;height:33px;flex-basis:26px;margin:0;justify-self:center}
.calendar-page .calendar-agenda .calendar-item-copy .matchup-our-name{text-align:center;font-size:10px;font-weight:700;line-height:1.35;letter-spacing:-.015em;white-space:nowrap}
.calendar-page .calendar-agenda .calendar-item-copy .matchup-score{display:flex;align-items:center;justify-content:center;width:42px;min-height:32px;padding:4px 2px;border:1px solid #d5e7dc;border-radius:5px;background:#edf7f1;color:#087238;font-size:18px;font-weight:750;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;font-variant-numeric:tabular-nums}
.calendar-page .calendar-agenda .calendar-item-copy .matchup-opponent{text-align:center;display:-webkit-box;min-width:0;max-width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1c4531;font-size:12px;font-weight:650;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
.calendar-page .calendar-agenda .calendar-item-title{grid-column:1/-1;grid-row:2;min-height:32px;font-size:13px;line-height:1.4}
.calendar-page .calendar-agenda .calendar-item-meta{grid-column:1;grid-row:3;min-width:0;margin:0;color:#5a6962;font-size:9px;line-height:1.6;overflow-wrap:normal}
.calendar-page .calendar-agenda .calendar-agenda-item>svg{grid-column:2;grid-row:3;justify-self:end;align-self:center;width:13px;height:13px;color:#5a6962}
.calendar-page .calendar-agenda .calendar-agenda-item.cancelled .matchup-score{border-color:#dce3df;background:#f1f4f2;color:#5e7064}
.calendar-page .calendar-agenda .calendar-more{min-height:44px;font-size:10px}
@media(max-width:650px){
.calendar-page .calendar-agenda .calendar-agenda-section{padding-inline:18px}
.calendar-page .calendar-agenda .calendar-section-heading h2{font-size:21px}
.calendar-page .calendar-agenda .calendar-item-meta{font-size:10px}
}
@media(max-width:380px){
.calendar-page .calendar-agenda .calendar-agenda-section{padding-inline:15px}
.calendar-page .calendar-agenda .calendar-item-copy>.calendar-matchup{grid-template-columns:25px minmax(0,1fr) 40px minmax(0,1fr) 25px;gap:6px}
.calendar-page .calendar-agenda .calendar-item-copy .calendar-matchup>.club-crest,.calendar-page .calendar-agenda .calendar-item-copy .calendar-matchup>.club-crest-fallback{width:25px;height:31px;flex-basis:25px}
.calendar-page .calendar-agenda .calendar-item-copy .matchup-our-name{font-size:9px}
.calendar-page .calendar-agenda .calendar-item-copy .matchup-score{width:40px;font-size:17px}
.calendar-page .calendar-agenda .calendar-item-copy .matchup-opponent{font-size:11px}
.calendar-page .calendar-agenda .calendar-item-meta{font-size:9px}
}

/* Account activation and private player records. */
.account-login-brand{padding-bottom:20px}
.account-login-brand h3{font-size:30px}
.account-login-tabs{display:flex;gap:4px;margin:0 0 24px;padding:5px;border:1px solid #dbe5df;border-radius:7px;background:#f1f5f3}
.account-login-tabs>button{flex:1;min-width:0;padding:12px 8px;border:0;border-radius:4px;background:transparent;color:#526158;font:inherit;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer}
.account-login-tabs>button.active{background:#356c46;color:white;box-shadow:0 1px 3px #16362318}
.account-form-intro,.account-login-help{font-size:12px;line-height:1.65;color:#627268}
.account-form-intro{margin:0 0 20px}.account-login-help{margin:22px 0 0;text-align:center}
.activation-code-input{font-family:ui-monospace,monospace;letter-spacing:.06em}
.activation-player{display:flex;align-items:center;gap:16px;padding:18px;background:#eff6f1;border:1px solid #d7e7db;border-radius:7px;margin:0 0 24px}
.activation-player .account-lock{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#dfeee3;border-radius:50%;color:#356c46}
.activation-player h3{font-family:inherit;font-size:20px;margin:5px 0 7px;line-height:1.3}
.activation-player p{font-size:12px;line-height:1.5;margin:0;color:#617268}
.activation-player .eyebrow{font-size:9px}
.private-data-note,.private-profile-intro{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;color:#526a59}
.private-data-note{margin:15px 0 20px}.private-data-note>.icon,.private-profile-intro>.icon{flex:0 0 17px;width:17px;margin-top:2px}
.private-profile-intro{margin-bottom:20px;padding:15px;border-radius:6px;background:#eff6f1}.private-profile-intro p{margin:0}
.account-back{display:block;margin:20px auto 0;font-size:12px}
.profile-account-sidebar{display:grid;align-content:start;gap:20px}
.account-private-card{padding:24px}
.account-private-heading{display:flex;align-items:center;gap:10px;color:#356c46}.account-private-heading h3{font-family:inherit;font-size:18px;margin:0}
.account-private-card>p{font-size:12px;color:#65756a;line-height:1.6;margin:14px 0 18px}
.accounts-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}
.accounts-heading h2{margin:0;font-family:inherit;font-size:24px}.accounts-heading p{margin:7px 0 0;font-size:13px;color:#66756c}
.accounts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.accounts-toolbar .checkbox-field{font-size:11px;margin:0}
.accounts-table .player-cell>span:last-child{display:block}.accounts-table td small{display:block;font-size:10px;font-weight:400;line-height:1.5;color:#738076;margin-top:5px}.accounts-table .player-cell strong{font-size:12px}
.accounts-table .text-link{font-size:11px;display:inline-flex;align-items:center;gap:6px}.accounts-table .text-link>.icon{width:14px;height:14px}
.accounts-table .account-state{font-size:11px;font-weight:600;color:#8a713e}.accounts-table .account-state.is-active{color:#356c46}
.accounts-table .btn-small{font-size:10px;white-space:nowrap}.accounts-table .action-group{justify-content:flex-end}.accounts-empty{padding:24px;color:#68776e;font-size:13px}
.account-code-status{padding:24px;margin-top:24px}.account-code-status h3{font-family:inherit;font-size:19px;margin:0 0 8px}.account-code-status>p{font-size:12px;line-height:1.6;color:#6b786e;margin:0 0 14px}
.account-code-status-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid #e5ebe7}.account-code-status-row strong{font-size:12px}.account-code-status-row small{display:block;font-size:10px;color:#748176;margin-top:4px}.account-code-status-row button{font-size:11px}
.code-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.code-list-heading p{font-size:12px;line-height:1.5;color:#67746b;margin:0}.code-list-heading button{font-size:11px;flex-shrink:0}
.code-player-list{max-height:300px;overflow-y:auto;border:1px solid #e0e9e3;border-radius:6px}.code-player-list label{padding:13px 15px;margin:0;border-bottom:1px solid #e8eeea;font-size:12px}.code-player-list label:last-child{border-bottom:0}.code-player-list>p{font-size:12px;padding:15px;color:#65786b}
#issued-account-codes{font:12px/1.8 ui-monospace,monospace;resize:vertical}
.admin-account-identity .avatar{flex:0 0 46px;width:46px;height:46px;font-size:15px}
.admin-account-password{margin-top:26px;padding-top:24px;border-top:1px solid #dce7df}
.admin-account-password>p{margin:12px 0 18px;font-size:12px;line-height:1.65;color:#65756b}
.admin-account-password .account-private-heading h3{font-size:17px}
@media(max-width:700px){.accounts-heading{align-items:flex-start;flex-direction:column}.accounts-heading .action-group{width:100%;flex-wrap:wrap}.accounts-heading .btn{font-size:11px}.accounts-toolbar .team-switch{max-width:100%}.account-private-card{padding:20px}.account-login-brand h3{font-size:25px}.activation-player{padding:15px;gap:12px}.activation-player h3{font-size:18px}.account-login-tabs>button{font-size:11px;padding:11px 6px}.accounts-table{overflow-x:auto}.accounts-table .data-table{min-width:650px}}