:root{color-scheme:dark;--paper:#fff8ea;--ink:#fff5e2;--muted:#c8bcaa;--red:#c91426;--deep-red:#6d0711;--gold:#d7ad55;--charcoal:#120f0f;--panel:rgba(18,15,15,.8);--line:rgba(255,245,226,.18);--shadow:0 22px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--charcoal);color:var(--ink);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(135deg,rgba(201,20,38,.38),rgba(37,63,84,.2) 48%,rgba(18,15,15,.94)),url("assets/old-trafford-public-domain.jpg");background-size:cover;background-position:center;filter:saturate(.88) contrast(1.08) brightness(.36);transform:scale(1.02)}body::after{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 16% 8%,rgba(201,20,38,.42),transparent 34rem),radial-gradient(circle at 86% 18%,rgba(215,173,85,.16),transparent 30rem),linear-gradient(180deg,rgba(8,6,6,.25),rgba(8,6,6,.94) 78%);pointer-events:none}
a{color:var(--paper);text-decoration-color:rgba(215,173,85,.72);text-underline-offset:.22em}a:hover{color:#fff}.skip-link{position:fixed;left:12px;top:12px;z-index:100;transform:translateY(-150%);background:#fff;color:#111;padding:10px 14px;border-radius:6px}.skip-link:focus{transform:none}.page{min-height:100vh;padding:28px clamp(16px,3vw,44px) 36px}.page>section,.page>footer{max-width:1240px;margin-inline:auto}.breadcrumb{max-width:1240px;margin:0 auto 10px}.eyebrow{margin:0 0 7px;color:var(--gold);font-size:.78rem;font-weight:800;text-transform:uppercase}.standfirst{max-width:820px;color:rgba(255,245,226,.82);font-size:clamp(1.05rem,1.6vw,1.24rem);line-height:1.62}.archive-hero{min-height:38vh;display:grid;align-content:end;padding:clamp(34px,7vh,78px) 0 34px}.archive-hero h1{max-width:1000px;margin:0;color:#fff;font-size:clamp(3rem,7vw,6.7rem);line-height:.91}.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,245,226,.08),rgba(255,245,226,.025)),var(--panel);box-shadow:var(--shadow);padding:clamp(18px,3vw,30px);backdrop-filter:blur(16px)}.panel h2{color:#fff}.panel p{color:rgba(255,245,226,.78);line-height:1.68}.engagement-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(215,173,85,.7);border-radius:8px;background:rgba(201,20,38,.56);color:#fff;padding:10px 15px;text-decoration:none;font:inherit;font-weight:780;cursor:pointer}.engagement-button.secondary{border-color:var(--line);background:rgba(18,15,15,.68)}.engagement-button:hover,.engagement-button:focus-visible{border-color:var(--gold);background:rgba(201,20,38,.76)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.quiz-shell{max-width:920px!important}.quiz-start>p{max-width:760px}.quiz-settings,.xi-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.quiz-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-settings label,.xi-controls label{display:grid;gap:7px;color:var(--muted);font-size:.84rem;font-weight:750}.quiz-settings select,.xi-controls select,.xi-controls input,.xi-slot select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#171313;color:#fff;padding:9px 11px;font:inherit}.quiz-challenge-notice{border-left:3px solid var(--gold);padding-left:12px}.quiz-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:26px;color:var(--muted)}.quiz-progress progress{width:100%;accent-color:var(--red)}.quiz-stage fieldset{border:0;padding:0;margin:0}.quiz-stage legend{max-width:760px;margin-bottom:18px;color:#fff;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:820;line-height:1.16}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.quiz-option{display:flex;align-items:center;gap:10px;min-height:60px;border:1px solid var(--line);border-radius:8px;background:rgba(18,15,15,.65);padding:13px;cursor:pointer}.quiz-option:has(input:checked){border-color:var(--gold)}.quiz-option.is-correct{border-color:#6fca9b;background:rgba(44,106,77,.34)}.quiz-option.is-wrong{border-color:#ff7c88;background:rgba(201,20,38,.28)}.quiz-feedback{margin:18px 0;border-left:3px solid var(--gold);padding:2px 0 2px 15px}.quiz-feedback p{margin:.45em 0}.quiz-result-card{max-width:660px;border:1px solid rgba(215,173,85,.55);border-radius:8px;background:linear-gradient(135deg,rgba(109,7,17,.95),rgba(201,20,38,.72),rgba(18,15,15,.94));padding:clamp(22px,4vw,42px)}.quiz-card-brand{display:flex;align-items:center;gap:12px}.quiz-card-brand span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:var(--gold);color:var(--deep-red);font-weight:900}.quiz-result-card h2{margin:28px 0 2px;font-size:clamp(4rem,11vw,7rem);line-height:.8}.quiz-result-card h2 small{font-size:.38em}.quiz-result-card>div:last-child{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:var(--paper)}.quiz-result-actions,.xi-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.quiz-method{max-width:920px!important;margin-top:18px!important}
.xi-intro,.xi-builder,.xi-method,.xi-pool{margin-top:18px!important}.xi-controls{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.xi-control-grid{margin:0}.xi-progress{font-size:1.05rem;color:var(--muted)}.xi-progress strong{color:#fff;font-size:2rem}.xi-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:18px;margin-top:18px}.xi-pitch{position:relative;min-height:720px;border:2px solid rgba(255,255,255,.35);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.035) 50%,transparent 50%),repeating-linear-gradient(0deg,#205d3e 0,#205d3e 90px,#1b5237 90px,#1b5237 180px);overflow:hidden;padding:28px 20px}.xi-halfway{position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(255,255,255,.38)}.xi-centre-circle{position:absolute;left:50%;top:50%;width:130px;height:130px;border:2px solid rgba(255,255,255,.38);border-radius:50%;transform:translate(-50%,-50%)}.xi-penalty-area{position:absolute;left:25%;width:50%;height:110px;border:2px solid rgba(255,255,255,.38)}.xi-penalty-area--top{top:-2px}.xi-penalty-area--bottom{bottom:-2px}.xi-pitch>[data-xi-pitch]{position:relative;z-index:1;display:flex;min-height:660px;flex-direction:column;justify-content:space-between}.xi-line{display:flex;justify-content:space-around;gap:8px}.xi-slot{display:grid;width:min(180px,30%);gap:5px;text-align:center;color:#fff;font-size:.74rem;font-weight:800;text-shadow:0 1px 3px #000}.xi-slot select{min-height:40px;padding:6px;font-size:.75rem;background:rgba(18,15,15,.92)}.xi-slot.is-filled select{border-color:var(--gold)}.xi-team-card{align-self:start;position:sticky;top:16px}.xi-team-card ol{list-style:none;padding:0}.xi-team-card li{display:grid;grid-template-columns:110px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:9px 0}.xi-team-card li span{color:var(--muted);font-size:.78rem}.xi-captain-line{color:var(--gold)!important;font-weight:800}.xi-actions{align-items:center}.xi-status{flex-basis:100%;margin:0}.xi-pool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.xi-pool-grid h3{color:var(--gold)}.xi-pool-grid ul{padding-left:18px}.xi-pool-grid li{margin:6px 0;color:var(--muted)}
footer{margin-top:28px!important;color:rgba(255,245,226,.6);font-size:.84rem;line-height:1.6}footer a{margin-right:10px}@media(max-width:900px){.xi-workspace{grid-template-columns:1fr}.xi-team-card{position:static}.xi-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.quiz-settings,.quiz-options,.xi-control-grid{grid-template-columns:1fr}.xi-controls{grid-template-columns:1fr}.quiz-progress{grid-template-columns:1fr}.xi-pitch{min-height:650px;padding-inline:8px}.xi-pitch>[data-xi-pitch]{min-height:590px}.xi-slot{width:32%}.xi-slot select{font-size:.68rem;padding:4px}.xi-pool-grid{grid-template-columns:1fr}.archive-hero{min-height:30vh}}@media(max-width:420px){.xi-slot span{font-size:.62rem}.xi-slot select{font-size:.6rem}.xi-pitch{padding-inline:3px}.xi-line{gap:2px}}@media print{.top-level-header,.breadcrumb,.xi-controls,.xi-actions,.xi-method,.xi-pool,footer{display:none!important}.page{padding:0}.xi-workspace{grid-template-columns:1.4fr .6fr}.xi-pitch{min-height:650px;print-color-adjust:exact}.xi-team-card{box-shadow:none}}
