.preview{background:#101010;color:#fff;text-align:center;padding:.4rem 1rem;font-size:.75rem;letter-spacing:.03em}header,footer,.wrap{padding-inline:var(--uv-layout-gutter);max-width:85rem;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.7rem}.wordmark{font-size:clamp(1.5rem,3vw,2.5rem);text-decoration:none;letter-spacing:-.06em;line-height:1}.wordmark span{font:11px Arial;display:block;letter-spacing:.22em;margin-top:.6rem}.account-links{display:flex;gap:1.2rem;align-items:center;font-size:1rem}.account-links form{margin:0}nav{display:flex;flex-wrap:wrap;gap:2rem;padding:.8rem 0;border-top:1px solid #d8d2c9}nav a{text-decoration:none;font-size:1rem;padding-block:.35rem}nav [aria-current]{border-bottom:2px solid #da291c}button,.button{display:inline-block;background:#da291c;color:white;border:0;padding:.8rem 1.5rem;font-weight:bold;text-decoration:none;cursor:pointer;min-height:44px;transition:background 120ms}.button.small{padding:.6rem 1rem}button:hover,.button:hover{background:#b92217}.text-button{padding:0;background:none;color:#101010;font-weight:normal;text-decoration:underline}.text-button:hover{background:none}button:disabled{opacity:.7;cursor:wait}.hero{background:#f3f0ea url("./assets/crumpled-paper.9461d801e8e4.png") center/cover;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:#f3f0ea99;z-index:-1}.hero-inner{max-width:85rem;padding:3.5rem var(--uv-layout-gutter) 4rem;margin:auto;position:relative}.hero h1{font-size:clamp(3.5rem,8vw,7.7rem);margin:1.5rem 0;color:#101010;line-height:.97;max-width:65rem}.hero h1 em{font-style:normal;color:#da291c}.hero .lead{margin:1.5rem 0}.hero-note{position:absolute;right:10%;bottom:5rem;transform:rotate(-6deg);font:clamp(1.2rem,2vw,2rem) var(--uv-font-accent);max-width:18rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:bold;color:#a51f18}.lead{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}.section{padding-block:clamp(3rem,6vw,6rem)}h1{margin-top:1rem;color:#da291c}h2{margin:.6rem 0 1.5rem}h3{margin:.3rem 0}.section-head{max-width:45rem;margin-bottom:3rem}.poll-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid #d8d2c9;padding:1.5rem 0}.poll-row h3{font-size:clamp(1.6rem,3vw,2.7rem)}.poll-row h3 a{text-decoration:none}.arrow{font-size:3rem;text-decoration:none}.meta,small{font-size:.875rem;color:#625d56}.poll-row p{margin:.3rem 0}.ink{background:#101010;color:#fff}.ink h2{color:white}.ink .wrap{max-width:85rem}.story-strip{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:center}.post-row{border-top:1px solid #d8d2c9;padding:2rem 0}.post-row h3{max-width:45rem}.post-row p{max-width:45rem}.reading{max-width:50rem;margin-left:max(0px,calc((100vw - 85rem)/2));}.reading h1{font-size:clamp(3rem,5vw,5rem)}.reading p,.article-copy{line-height:1.75}.ballot-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;margin-top:3rem}.results{background:#fff;padding:2rem;align-self:start}.result-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;border-top:1px solid #d8d2c9;padding:1rem 0}.result-row small{grid-column:1/-1}.pitch{background:#101010;color:white;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem .5rem;padding:2rem 1rem;border:1px solid #625d56}.marker{text-align:center;line-height:1.3;font-size:.8rem;min-height:4rem}.marker strong{display:block;color:#fff;background:#b92217;padding:.3rem;margin:auto auto .3rem;width:3.3rem}.marker:last-child{grid-column:2}.marker span{display:block;overflow-wrap:anywhere}.lineup-list{padding-left:1.4rem;font-size:1rem}.stack{max-width:42rem}form p{margin:1.3rem 0}form label{display:block;font-size:1rem;font-weight:bold;margin-bottom:.4rem}input,select,textarea{max-width:100%;width:100%;background:#fff;color:#101010;border:1px solid #625d56;border-radius:0;padding:.6rem;min-height:44px}input[type=checkbox]{width:auto}input[type=hidden]{display:none}.helptext{display:block;font-size:.875rem;color:#625d56}form ul{font-size:.875rem;padding-left:1.4rem}.errorlist{color:#a51f18;font-weight:bold}.message{padding:1.2rem var(--uv-layout-gutter);background:#fff;border-bottom:2px solid #101010}details{margin-top:2rem;font-size:1rem}summary{cursor:pointer;padding:.7rem 0}footer{border-top:1px solid #d8d2c9;padding-block:2rem;display:flex;gap:3rem;justify-content:space-between}footer p,footer a:not(.wordmark){font-size:.85rem}footer p{max-width:35rem}.skip{position:absolute;top:-8rem;left:1rem;background:white;padding:1rem;z-index:20}.skip:focus{top:1rem}@media(max-width:48rem){.hero-note{display:none}.masthead{align-items:flex-start}.account-links{gap:.7rem;font-size:.875rem;flex-wrap:wrap;justify-content:flex-end}.button.small{padding:.5rem .7rem}nav{gap:1.2rem;justify-content:space-between}nav a{font-size:.875rem}.story-strip,.ballot-layout{grid-template-columns:1fr;gap:2rem}.results{padding:1.3rem}.hero-inner{padding-top:2rem}.hero h1{font-size:clamp(3.1rem,12vw,5.5rem)}footer{display:block}footer>div{margin-top:1.5rem}.wordmark{font-size:1.5rem}.wordmark span{font-size:9px}.reading{margin-left:0}.poll-row h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Position the pitch markers; the ordered list provides the same information. */
.pitch{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.2rem .25rem;position:relative;background-image:linear-gradient(#ffffff15 1px,transparent 1px);background-size:100% 50%;}
.pitch .marker{grid-column:span 4;z-index:1}.pitch .role-LW,.pitch .role-LM{grid-column:1/5;grid-row:1}.pitch .role-ST{grid-column:5/9;grid-row:1}.pitch .role-RW,.pitch .role-RM{grid-column:9/13;grid-row:1}.pitch .role-LCM{grid-column:1/5;grid-row:2}.pitch .role-CDM{grid-column:5/9;grid-row:2}.pitch .role-RCM{grid-column:9/13;grid-row:2}.pitch .role-LB{grid-column:1/4;grid-row:3}.pitch .role-LCB{grid-column:4/7;grid-row:3}.pitch .role-RCB{grid-column:7/10;grid-row:3}.pitch .role-RB{grid-column:10/13;grid-row:3}.pitch .role-GK{grid-column:5/9;grid-row:4}
.formation-4-2-3-1 .role-ST{grid-row:1}.formation-4-2-3-1 .role-LW,.formation-4-2-3-1 .role-RW{grid-row:2}.formation-4-2-3-1 .role-CAM{grid-column:5/9;grid-row:2}.formation-4-2-3-1 .role-LCM{grid-column:3/7;grid-row:3}.formation-4-2-3-1 .role-RCM{grid-column:7/11;grid-row:3}.formation-4-2-3-1 .role-LB,.formation-4-2-3-1 .role-LCB,.formation-4-2-3-1 .role-RCB,.formation-4-2-3-1 .role-RB{grid-row:4}.formation-4-2-3-1 .role-GK{grid-row:5}
.formation-4-4-2 .role-ST{grid-column:3/7}.formation-4-4-2 .role-SS{grid-column:7/11;grid-row:1}.formation-4-4-2 .role-LM{grid-column:1/4;grid-row:2}.formation-4-4-2 .role-LCM{grid-column:4/7}.formation-4-4-2 .role-RCM{grid-column:7/10}.formation-4-4-2 .role-RM{grid-column:10/13;grid-row:2}

.brand-name{text-transform:none}

/* Matchday workspace: factual context first, a private tactical surface second. */
html{scroll-behavior:auto;scroll-padding-top:1rem}
.match-front{background:#e9e4db url("./assets/crumpled-paper.9461d801e8e4.png") center/cover}
.match-front-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;padding-block:3rem}
.match-front h1{font-size:clamp(3.3rem,6vw,6rem);line-height:1;margin:1rem 0 1.2rem;color:#101010}
.match-front h1 span{font:italic 500 .5em Georgia,serif;color:#a51f18}
.match-competition,.match-venue{font-size:1rem;margin:.3rem 0}
.match-time{font-weight:bold;font-size:clamp(1.1rem,2vw,1.45rem);margin:.7rem 0 .2rem}
.next-match>.button{margin-top:1.2rem}
.last-match{border-left:1px solid #b9afa0;padding:1rem 0 0 3rem;align-self:center}
.last-match h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.3;margin:.5rem 0}
.last-match h2 strong{display:block;font-size:clamp(3.7rem,6vw,6rem);color:#a51f18;letter-spacing:-.06em;line-height:1.1}
.last-match>p:not(.eyebrow){max-width:26rem}
.source-note{font-size:.8rem;color:#625d56;border-top:1px solid #b9afa0;padding-top:1.3rem;margin-top:1.5rem}
.source-link{font-size:.85rem}
.xi-workspace{display:grid;grid-template-columns:minmax(15rem,.85fr) minmax(0,1.35fr);gap:4rem;align-items:start}
.xi-intro{max-width:30rem}.xi-intro h2{font-size:clamp(2.7rem,4vw,4.3rem)}
.draft-disclosure{font-size:1rem;border-left:3px solid #da291c;padding-left:1rem}
.vote-roadmap{border-top:1px solid #d8d2c9;margin-top:2rem;padding-top:1.5rem}.vote-roadmap h3{font-size:1.35rem}.vote-roadmap p{font-size:1rem}
.xi-builder[hidden]{display:none}.xi-toolbar{display:flex;align-items:center;gap:1rem}.xi-toolbar label{font-size:1rem;font-weight:bold}.xi-toolbar select{width:auto;flex:1;max-width:12rem}.xi-toolbar button{margin-left:auto;font-size:.875rem}
.draft-pitch{min-height:35rem;padding:1.5rem .75rem;gap:1.2rem .5rem;border:0;background-color:#15382e;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,transparent 49.8%,#ffffff14 49.8%,#ffffff14 50.2%,transparent 50.2%);background-size:100% 50%,100% 100%;}
.draft-pitch .marker{min-width:0;min-height:5rem}.draft-pitch label{display:block;color:#fff;font-size:.75rem;margin-bottom:.3rem;font-weight:bold;letter-spacing:.08em}.draft-pitch select{font-size:.8rem;padding:.4rem .2rem;border:1px solid #ffffff6b;min-height:44px;background:#15382e;color:white;border-radius:0}.draft-pitch .is-picked select{background:#fff;color:#101010}.draft-name{font-size:.75rem;line-height:1.3;margin-top:.4rem;color:#e2e9e5}.is-picked .draft-name{color:#fff}.draft-pitch select:focus-visible{outline-color:#fff}.draft-pitch .marker{transition:transform 180ms}.draft-pitch .marker:focus-within{transform:translateY(-3px)}
.match-review{background:#e8e3da}.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.review-layout>div:first-child{max-width:34rem}.review-layout h2{font-size:clamp(2.4rem,4vw,3.7rem)}.list-heading{font-size:1.3rem;margin-bottom:1rem}.appearance-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;font-size:1rem}.appearance-list li{border-top:1px solid #c9c0b3;padding:.55rem 0}.match-review details{margin-top:1rem;font-size:.875rem}
.recent-result{border-top:1px solid #d8d2c9;padding:1rem 0}.recent-result>p{margin:.3rem 0}.recent-result strong{display:inline-block;color:#a51f18;font-size:1.5rem;margin:0 1rem}.recent-section h2{font-size:clamp(2.3rem,4vw,3.5rem)}
.next-match{animation:match-enter 350ms ease-out}.last-match{animation:match-enter 500ms ease-out}@keyframes match-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:60rem){.match-front-inner{gap:2rem}.last-match{padding-left:2rem}.xi-workspace{grid-template-columns:1fr;gap:2rem}.xi-intro{max-width:none}.xi-builder{max-width:45rem;width:100%;margin:auto}.review-layout{gap:2rem}}
@media(max-width:40rem){.masthead{padding-block:1.1rem}nav{justify-content:flex-start;gap:2rem}.match-front-inner{grid-template-columns:1fr;padding-block:1.6rem;gap:1.7rem}.match-front h1{font-size:3.3rem;margin:.7rem 0 1rem}.last-match{border-left:0;border-top:1px solid #b9afa0;padding:1.2rem 0 0}.last-match h2{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;font-size:1.15rem}.last-match h2 strong{display:inline;font-size:2.6rem}.last-match>p:not(.eyebrow):not(.source-note){margin:.4rem 0}.last-match .source-note{margin-top:1rem;padding-top:.8rem}.match-front .eyebrow{font-size:.7rem}.xi-workspace{padding-block:2.5rem}.xi-builder{order:-1}.xi-intro h2{font-size:2.8rem}.draft-pitch{min-height:32rem;padding:1rem .4rem;gap:1rem .3rem}.draft-pitch select{font-size:.7rem}.draft-pitch .marker{min-height:4.8rem}.xi-toolbar{gap:.6rem}.xi-toolbar label,.xi-toolbar button{font-size:.8rem}.xi-toolbar select{font-size:.9rem;max-width:9rem}.review-layout{grid-template-columns:1fr}.appearance-list{font-size:.9rem}.recent-result strong{margin:0 .4rem}.recent-result>p:not(.meta){font-size:1rem}.source-note{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.next-match,.last-match{animation:none}.draft-pitch .marker{transition:none;transform:none!important}}

/* Activity navigation keeps full labels in a deliberately scrollable row on narrow screens. */
header nav{flex-wrap:nowrap;overflow-x:auto;gap:1.5rem;justify-content:flex-start}header nav a{white-space:nowrap;flex:none}