@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/assets/fonts/roboto-condensed-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/assets/fonts/roboto-condensed-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/assets/fonts/roboto-condensed-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

*{box-sizing:border-box}
html{background:#f3f2ee;color:#000;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif}
body{margin:0}
a{color:inherit}
button,select{font:inherit}
.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.site-header{align-items:center;background:#000;color:#fff;display:flex;justify-content:space-between;padding:10px 18px}
.site-header a{text-decoration:none}
.site-brand{font-family:Oswald,'Arial Narrow',sans-serif;font-size:20px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.site-header nav{display:flex;gap:18px}
.privacy-settings{background:transparent;border:0;color:#fff;cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.cookie-banner{align-items:center;background:#000;border-top:2px solid #fff;bottom:0;color:#fff;display:flex;gap:20px;justify-content:space-between;left:0;padding:14px 18px;position:fixed;right:0;z-index:1200}
.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;max-width:760px}.cookie-banner div{display:flex;gap:8px;white-space:nowrap}.cookie-banner button{background:#fff;border:1px solid #fff;border-radius:0;color:#000;font-weight:700;padding:7px 10px}.cookie-banner button:first-child{background:#000;color:#fff}

.index-page,.legend-page{margin:0 auto;max-width:1040px;padding:70px 22px}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.index-page h1,.legend-page h1{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(48px,8vw,92px);line-height:.95;margin:8px 0 18px;text-transform:uppercase}
.index-page>p:not(.eyebrow){font-size:22px}
.club-index{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:45px}
.club-index a{align-items:center;border-bottom:1px solid #000;display:grid;gap:8px;grid-template-columns:100px 1fr;padding:16px;text-decoration:none}
.club-index img{filter:grayscale(1);grid-row:1/3;height:90px;object-fit:contain;width:90px}
.club-index .index-crest{grid-row:1/3;height:90px;width:90px}
.club-index strong{font-family:Oswald,'Arial Narrow',sans-serif;font-size:32px;text-transform:uppercase}
.club-index span{font-size:18px}
.legend-page dl{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:35px 0}
.legend-page dl div{border-top:1px solid #000;display:grid;grid-template-columns:55px 1fr;padding:12px 0}
.legend-page dt{font-weight:700}
.legend-page dd{margin:0}

.project-page{margin:0 auto;max-width:1120px;padding:72px 24px 90px}
.project-hero{max-width:990px;padding-bottom:45px}
.project-hero h1{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(56px,8.5vw,108px);font-weight:600;letter-spacing:-.025em;line-height:.9;margin:10px 0 28px;text-transform:uppercase}
.project-deck{font-size:clamp(22px,2.4vw,32px);line-height:1.18;margin:0;max-width:940px}
.project-opening{align-items:start;border-top:2px solid #000;display:grid;gap:60px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);padding:42px 0 64px}
.project-opening-copy{font-size:20px;line-height:1.55}.project-opening-copy p:first-child{font-size:26px;line-height:1.32;margin-top:0}.project-opening-copy p:last-child{margin-bottom:0}
.project-numbers{background:#000;color:#f8f6f0;display:grid;grid-template-columns:1fr 1fr;margin:0}
.project-numbers div{min-height:145px;padding:22px}.project-numbers dt{font-family:Oswald,'Arial Narrow',sans-serif;font-size:54px;font-weight:600;line-height:1}.project-numbers dd{font-size:13px;font-weight:700;letter-spacing:.08em;margin:6px 0 0;text-transform:uppercase}
.project-section{border-top:1px solid #000;display:grid;gap:55px;grid-template-columns:90px minmax(0,1fr);padding:48px 0 58px}
.project-section-number{font-family:Oswald,'Arial Narrow',sans-serif;font-size:24px;font-weight:600;margin:5px 0 0}
.project-section h2{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(38px,5vw,62px);font-weight:600;line-height:.95;margin:0 0 25px;text-transform:uppercase}
.project-section div{max-width:850px}.project-section div p{font-size:20px;line-height:1.55;margin:0 0 18px}.project-section a{font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.project-quote{margin:8px 0 64px;padding:42px 8%}.project-quote p{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(38px,5.8vw,72px);font-weight:500;line-height:1.02;margin:0;text-align:center;text-transform:uppercase}
.project-cta{align-items:end;background:#000;color:#f8f6f0;display:flex;gap:30px;justify-content:space-between;margin-top:10px;padding:30px 34px}.project-cta p{font-size:20px;margin:0;max-width:600px}.project-cta a{border-bottom:1px solid #f8f6f0;font-weight:700;padding-bottom:3px;text-decoration:none;white-space:nowrap}

.team-page{width:100%}
.team-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 14px}
.team-nav{align-items:stretch;display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(250px,340px) minmax(0,1fr);width:100%}
.team-nav-direction{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:4px 14px;text-decoration:none}
.team-nav-direction strong{font-family:Oswald,'Arial Narrow',sans-serif;font-size:20px;font-weight:600;line-height:1.05;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.team-nav-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:3px;text-transform:uppercase}
.team-nav-next{align-items:flex-end;text-align:right}
.team-picker{background:#000;color:#fff;display:grid;gap:2px;padding:7px 12px}
.team-picker>span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.team-nav select{appearance:none;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 2px center;border:0;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-family:Oswald,'Arial Narrow',sans-serif;font-size:18px;font-weight:600;padding:1px 20px 2px 0;text-transform:uppercase;width:100%}
.view-switch{display:none;gap:4px}
.view-switch button{background:transparent;border:1px solid #000;padding:5px 9px}
.view-switch button[aria-pressed=true]{background:#000;color:#fff}
.share-panel{align-items:center;border-top:1px solid #000;display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 14px 10px;padding-top:9px}
.share-primary,.share-alternatives button,.share-alternatives a{background:transparent;border:1px solid #000;border-radius:0;color:#000;display:inline-block;font-weight:600;padding:6px 9px;text-decoration:none}
.share-primary{background:#000;color:#fff}
.share-alternatives{display:flex;flex-wrap:wrap;gap:6px}
.share-status{font-size:14px;font-weight:600;min-height:1em}
.share-panel-bottom{border-bottom:1px solid #000;margin-bottom:20px;margin-top:10px;padding-bottom:9px}
.sheet-stage{overflow:visible;width:100%}
.team-sheet{background-color:#f8f6f0;background-image:radial-gradient(circle at 24% 36%,rgba(74,48,25,.016) 0 .55px,transparent .7px),radial-gradient(circle at 72% 64%,rgba(74,48,25,.011) 0 .45px,transparent .62px),repeating-linear-gradient(4deg,rgba(74,48,25,.005) 0,rgba(74,48,25,.005) .5px,transparent .7px,transparent 4px);background-size:4px 4px,7px 7px,100% 100%;display:grid;grid-template-columns:78% 22%;min-height:1850px;min-width:1180px;padding:26px 22px 18px 28px;width:100%}
.sheet-main{min-width:0;padding-right:12px}
.sheet-title{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(32px,2.35vw,42px);font-weight:600;letter-spacing:.055em;margin:0 0 15px;text-align:center;text-transform:uppercase}
.club-line{align-items:baseline;display:flex;gap:11px;margin:0 7px 4px}
.club-line h2{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(42px,3.15vw,56px);font-weight:700;letter-spacing:.005em;line-height:1;margin:0;text-transform:uppercase}
.club-line strong{font-size:clamp(25px,1.9vw,34px)}
.team-summary{font-size:clamp(14px,1.02vw,18px);line-height:1.3;margin:0 7px 17px;text-align:justify}
.team-summary b{font-weight:700}
.abbreviation-strip{display:flex;flex-wrap:wrap;font-size:clamp(13px,.92vw,16px);gap:2px 9px;justify-content:center;line-height:1.3;margin:0 0 18px;padding:5px 6px;text-align:center}
.abbreviation-strip b{font-weight:700}
.abbreviation-strip em{font-style:italic;margin-left:5px}
.matches-grid{display:grid;gap:8px;grid-template-columns:1fr}
.match-table{border-collapse:collapse;table-layout:fixed;width:100%}
.match-table .col-date{width:7%}.match-table .col-lineup{width:54%}.match-table .col-goal{width:4%}.match-table .col-opponent{width:12%}.match-table .col-referee{width:10%}.match-table .col-incidents{width:9%}
.match-table th,.match-table td{border:1px solid #000;height:41px;line-height:1;overflow:hidden;padding:3px 4px;text-overflow:clip;white-space:nowrap}
.match-table th{background:rgba(251,249,245,.58);font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(14px,1vw,18px);font-weight:600;height:34px}
.match-table td{font-size:clamp(16px,1.1vw,20px)}
.match-date,.match-goal{text-align:center}
.match-lineup{font-size:clamp(17px,1.18vw,21px)!important;letter-spacing:-.01em;line-height:1.05!important;white-space:normal!important}
.match-lineup abbr,.match-referee abbr,.match-incidents abbr{text-decoration:none}
.match-lineup abbr,.match-referee abbr,.match-incidents abbr{cursor:help}
.match-starters{display:block}.change-arrow{font-size:.75em;font-weight:700;margin-left:1px;vertical-align:.15em}
.match-substitutions{display:block;font-size:.63em;letter-spacing:0;line-height:1.25;margin-top:3px}.substitution-group{white-space:normal}.substitution-group b{font-weight:700}
.match-incidents{font-size:clamp(14px,.95vw,17px)!important;padding:0!important;white-space:normal!important}
.match-incident-cells{align-items:stretch;display:flex;height:100%;min-height:34px;width:100%}
.incident-cell{align-items:center;display:flex;flex:1;justify-content:center;min-width:0;padding:3px 2px}
.incident-cell+.incident-cell{border-left:1px solid #000}
.result-d{background:rgba(0,0,0,.09);font-weight:400}
.sheet-footer{align-items:center;display:flex;font-size:11px;justify-content:space-between;padding:7px 2px 0}
.sheet-footer b{font-family:Oswald,'Arial Narrow',sans-serif;letter-spacing:.06em;text-transform:uppercase}

.sheet-roster{min-width:0;padding-left:11px}
.roster-heading{align-items:center;display:flex;flex-direction:column;height:88px;justify-content:center;margin-bottom:6px;padding:0 5px 5px;text-align:center}
.halftone-crest{filter:contrast(1200%);height:70px;mask-image:var(--portrait);mask-position:center;mask-repeat:no-repeat;mask-size:contain;mix-blend-mode:multiply;overflow:hidden;position:relative;-webkit-mask-image:var(--portrait);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;width:70px}
.halftone-crest::before{background:radial-gradient(circle at center,#333,#fff);background-size:.14em .14em;content:"";inset:-50%;position:absolute;transform:rotate(20deg)}
.halftone-crest img{filter:grayscale(1) brightness(76%) contrast(138%) blur(1px);height:100%;inset:0;mix-blend-mode:hard-light;object-fit:contain;position:absolute;width:100%}
.player-grid{display:grid;gap:9px 7px;grid-template-columns:1fr 1fr}
.inactive-roster{margin-top:24px}
.inactive-player-grid{display:grid;gap:12px 8px;grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}
.inactive-player-grid .player-card{height:180px}
.player-card{background:transparent;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;grid-template-columns:1fr;grid-template-rows:1fr auto;height:180px;min-width:0;padding:0 2px 3px;row-gap:7px;text-align:center;width:100%}
.player-card-inactive{cursor:default}
.player-card:focus-visible{outline:2px solid #000;outline-offset:2px}.player-card[aria-pressed=true] .player-copy>strong{background:#000;color:#f8f6f0}.team-sheet.has-player-highlight .match-table tbody tr{opacity:.24}.team-sheet.has-player-highlight .match-table tbody tr.is-player-match{box-shadow:inset 5px 0 #000;opacity:1}
.player-copy{align-self:start;display:flex;flex-direction:column;gap:4px;min-width:0}
.player-copy>strong{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(15px,1.08vw,19px);font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-copy>span{font-size:clamp(12px,.84vw,15px);line-height:1.05;overflow:hidden}
.player-place{display:block;text-overflow:ellipsis;white-space:nowrap}
.player-stats{white-space:nowrap}
.halftone-photo{align-self:end;filter:contrast(1200%);grid-row:1;height:96px;justify-self:center;mask-image:var(--portrait);mask-position:center 18%;mask-repeat:no-repeat;mask-size:cover;mix-blend-mode:multiply;overflow:hidden;position:relative;-webkit-mask-image:var(--portrait);-webkit-mask-position:center 18%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;width:88px}
.halftone-photo::before{background:radial-gradient(circle at center,#333,#fff);background-size:.14em .14em;content:"";inset:-50%;position:absolute;transform:rotate(20deg)}
.halftone-photo img{filter:grayscale(1) brightness(76%) contrast(71%) blur(1px);height:100%;inset:0;mix-blend-mode:hard-light;object-fit:cover;object-position:center 18%;position:absolute;width:100%}
.code-tooltip{background:#000;color:#f8f6f0;font-size:15px;font-weight:600;line-height:1.2;max-width:260px;padding:8px 10px;pointer-events:none;position:fixed;text-align:left;z-index:1000}
.code-tooltip[hidden]{display:none}

@media(max-width:1180px){.sheet-stage{overflow-x:auto}}

@media(max-width:900px){
  .site-header{align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px 9px}.site-brand{font-size:21px;text-align:center;width:100%}.site-header nav{border-top:1px solid rgba(255,255,255,.35);gap:18px;justify-content:center;padding-top:8px;width:100%}.site-header nav a{font-size:14px}.privacy-settings{display:none}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-banner div{white-space:normal}
  .team-toolbar{align-items:stretch;flex-direction:column;gap:10px;padding:10px 12px}.team-nav{grid-template-columns:1fr 1fr}.team-picker{grid-column:1/-1;grid-row:1;padding:8px 11px}.team-nav select{font-size:17px}.team-nav-direction{padding:9px 5px 2px}.team-nav-direction strong{font-size:17px}.team-nav-kicker{font-size:10px}.team-nav-previous{grid-column:1;grid-row:2}.team-nav-next{grid-column:2;grid-row:2}.view-switch{display:flex;width:100%}.view-switch button{flex:1;padding:8px 12px}.sheet-stage{overflow-x:auto}
  .share-panel{align-items:flex-start;flex-direction:column}.share-alternatives{width:100%}
  .club-index{gap:8px;grid-template-columns:1fr;margin-top:30px}.club-index a{grid-template-columns:82px 1fr;padding:12px 6px}.club-index .index-crest,.club-index img{height:72px;width:72px}.club-index strong{font-size:27px}.club-index span{font-size:16px}.index-page,.legend-page{padding:42px 16px 58px}.index-page h1,.legend-page h1{font-size:clamp(45px,14vw,68px)}.index-page>p:not(.eyebrow){font-size:19px}.legend-page dl{grid-template-columns:1fr}
  .project-page{padding:42px 16px 60px}.project-hero{padding-bottom:30px}.project-hero h1{font-size:clamp(45px,13.5vw,72px);line-height:.92;margin-bottom:20px}.project-deck{font-size:21px;line-height:1.25}.project-opening{display:block;padding:28px 0 45px}.project-opening-copy{font-size:18px}.project-opening-copy p:first-child{font-size:22px}.project-numbers{margin-top:30px}.project-numbers div{min-height:120px;padding:18px}.project-numbers dt{font-size:46px}.project-section{display:block;padding:34px 0 40px}.project-section-number{font-size:18px;margin:0 0 12px}.project-section h2{font-size:clamp(35px,10vw,52px);margin-bottom:20px}.project-section div p{font-size:18px}.project-quote{margin:0 0 36px;padding:26px 2px}.project-quote p{font-size:clamp(34px,10.5vw,50px)}.project-cta{align-items:flex-start;flex-direction:column;padding:24px}.project-cta p{font-size:18px}.project-cta a{align-self:stretch;padding-bottom:7px}
  .team-sheet[data-view=sheet]{transform-origin:top left}
  .team-sheet[data-view=reading]{display:block;min-height:0;min-width:0;padding:16px 12px;width:100%}
  .team-sheet[data-view=reading] .sheet-main{border-right:0;padding-right:0}
  .team-sheet[data-view=reading] .sheet-title{font-size:27px;letter-spacing:.03em}
  .team-sheet[data-view=reading] .club-line{display:block;margin-left:0}.team-sheet[data-view=reading] .club-line h2{font-size:42px}.team-sheet[data-view=reading] .club-line strong{font-size:25px}
  .team-sheet[data-view=reading] .team-summary{text-align:left}
  .team-sheet[data-view=reading] .abbreviation-strip{justify-content:flex-start;text-align:left}
  .team-sheet[data-view=reading] .match-table{display:block}.team-sheet[data-view=reading] .match-table colgroup,.team-sheet[data-view=reading] .match-table thead{display:none}
  .team-sheet[data-view=reading] .match-table tbody{display:grid;gap:12px}
  .team-sheet[data-view=reading] .match-table tr{border-top:2px solid #000;display:grid;grid-template-columns:55px 44px 1fr 44px;grid-template-areas:'date gf opponent ga' 'lineup lineup lineup lineup' 'referee referee incidents incidents';padding:7px 0}
  .team-sheet[data-view=reading] .match-table td{border:0;font-size:17px;height:auto;min-height:25px;overflow:visible;padding:4px;white-space:normal}
  .team-sheet[data-view=reading] .match-date{grid-area:date}.team-sheet[data-view=reading] .match-lineup{grid-area:lineup}.team-sheet[data-view=reading] .match-goal:nth-of-type(3){grid-area:gf}.team-sheet[data-view=reading] .match-opponent{font-weight:700;grid-area:opponent}.team-sheet[data-view=reading] .match-goal:nth-of-type(5){grid-area:ga}.team-sheet[data-view=reading] .match-referee{grid-area:referee}.team-sheet[data-view=reading] .match-incidents{grid-area:incidents;text-align:right}
  .team-sheet[data-view=reading] .sheet-roster{margin-top:30px;padding-left:0}
  .team-sheet[data-view=reading] .inactive-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-sheet[data-view=reading] .player-copy>strong{font-size:18px}.team-sheet[data-view=reading] .player-copy>span{font-size:14px}
  .team-sheet[data-view=reading] .sheet-footer{align-items:flex-start;flex-direction:column;gap:4px}
}

@media(max-width:430px){
  .site-header nav{gap:13px}.site-header nav a{font-size:13px}.project-numbers div{min-height:108px;padding:15px}.project-numbers dt{font-size:42px}.project-numbers dd{font-size:11px}.team-sheet[data-view=reading] .club-line h2{font-size:38px}.share-alternatives{display:grid;grid-template-columns:1fr 1fr}.share-alternatives button,.share-alternatives a{text-align:center}
}

@media(min-width:901px){.team-sheet{width:100%}.team-sheet[data-view=sheet]>.is-sticky-column{align-self:start;position:sticky;top:var(--sticky-top,10px)}}
