:root{--red:#d31227;--red-dark:#790714;--ink:#09090b;--paper:#f4f0e8;--gold:#d5ad54;--muted:#9a999c;--heading:"Barlow Condensed",Impact,sans-serif;--body:Inter,Arial,sans-serif;--page-w:min(78vw,570px);--page-h:min(71vh,806px)}
*{box-sizing:border-box}html{background:#08080a}body{margin:0;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#3a3a40 0,#17171b 35%,#070708 80%);color:#fff;font-family:var(--body)}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(.75rem,3vw,2.2rem);border-bottom:1px solid #36363a;background:rgba(8,8,10,.93);backdrop-filter:blur(14px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none}.brand img{width:50px;height:50px;object-fit:contain}.brand span{display:grid;line-height:.88}.brand small{font:700 .68rem var(--heading);letter-spacing:.16em}.brand strong{font:900 1.55rem var(--heading);letter-spacing:.03em}.top-actions{display:flex;align-items:center;gap:.35rem}.text-button,.icon-button,.turn-button{border:1px solid #414148;background:#151518;cursor:pointer}.text-button{padding:.55rem .75rem;text-transform:uppercase;font:800 .8rem var(--heading);letter-spacing:.1em}.icon-button{width:40px;height:40px;font-size:1.3rem}.text-button:hover,.text-button:focus-visible,.icon-button:hover,.icon-button:focus-visible,.turn-button:hover,.turn-button:focus-visible{border-color:var(--red);background:#211114}.reader{height:calc(100dvh - 146px);display:grid;place-items:center;perspective:1800px;overflow:hidden;padding:1.1rem}.loading,.error{text-align:center}.book{position:relative;width:var(--page-w);height:var(--page-h);transform-style:preserve-3d;filter:drop-shadow(0 30px 36px rgba(0,0,0,.5))}.book:after{content:"";position:absolute;left:4%;right:4%;bottom:-18px;height:25px;background:#000;filter:blur(16px);opacity:.8}.programme-page{position:absolute;inset:0;overflow:hidden;background:var(--paper);color:#161618;transform-origin:left center;backface-visibility:hidden;transition:transform .72s cubic-bezier(.2,.72,.18,1),opacity .4s;box-shadow:inset 14px 0 24px rgba(50,35,20,.08),1px 0 #d8d2c7;border-radius:2px;z-index:1}.programme-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.11),transparent 5%,transparent 94%,rgba(0,0,0,.05));mix-blend-mode:multiply}.programme-page.is-current{transform:rotateY(0);opacity:1;z-index:5}.programme-page.is-before{transform:rotateY(-178deg);opacity:0;z-index:6}.programme-page.is-after{transform:translateX(8px) rotateY(0);opacity:0;pointer-events:none}.programme-page.is-after:nth-child(2n){transform:translateX(12px)}.programme-page.no-animate{transition:none}.page-inner{height:100%;padding:clamp(1.4rem,4.4vh,3.2rem);position:relative;overflow:auto}.folio{position:absolute;bottom:1rem;right:1.2rem;z-index:2;color:#777;font:700 .7rem var(--body)}.kicker{margin:0 0 .45rem;color:var(--red);font:800 clamp(.7rem,1.7vw,.9rem) var(--heading);letter-spacing:.18em;text-transform:uppercase}.page-inner h2{margin:.1rem 0 1.2rem;font:900 clamp(2.5rem,7vw,5rem)/.83 var(--heading);letter-spacing:-.035em;text-transform:uppercase}.red-rule{width:58px;height:7px;margin:-.3rem 0 1.4rem;background:var(--red);transform:skewX(-20deg)}.article-copy{font-size:clamp(.78rem,1.55vw,1rem);line-height:1.62}.article-copy p:first-child:first-letter{float:left;margin:.05em .12em 0 0;color:var(--red);font:900 4.2em/.72 var(--heading)}blockquote{margin:1.5rem 0;padding:1rem 0 1rem 1.1rem;border-left:6px solid var(--red);font:800 clamp(1.25rem,3vw,2rem)/1.05 var(--heading);text-transform:uppercase}.author{font:700 .72rem var(--body);text-align:right}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:1.4rem 0}.facts div{padding:.7rem .35rem;background:#18181a;color:#fff;text-align:center}.facts dt{font:700 .55rem var(--heading);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.facts dd{margin:.1rem 0 0;font:900 .9rem var(--heading);text-transform:uppercase}.cover{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.1rem;color:#fff;background:linear-gradient(145deg,rgba(0,0,0,.02),#070709 62%),linear-gradient(35deg,#2c0208,#a90c1d)}.cover:before{content:"";position:absolute;inset:0;background:radial-gradient(#fff .5px,transparent .7px);background-size:6px 6px;opacity:.08}.cover-stripes,.cover-stripes:after{position:absolute;content:"";top:-15%;right:-7%;width:22%;height:130%;background:var(--red);transform:rotate(15deg)}.cover-stripes:after{top:0;right:130%;width:45%;height:100%;background:#fff;opacity:.12}.cover-crest{position:relative;width:clamp(86px,18vh,145px);height:clamp(86px,18vh,145px);object-fit:contain}.cover-league{position:relative;margin:.7rem 0;color:var(--gold);font:800 .8rem var(--heading);letter-spacing:.18em;text-transform:uppercase}.cover-match{position:relative;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin:auto 0}.cover-match div{display:grid;justify-items:center;gap:.35rem}.cover-match img{width:clamp(65px,12vh,105px);height:clamp(65px,12vh,105px);object-fit:contain}.cover-match strong{font:900 clamp(1.2rem,4vw,2.1rem)/.9 var(--heading);text-transform:uppercase}.cover-match>span{color:var(--red);font:900 2.3rem var(--heading);font-style:italic}.cover-date{position:relative;margin:.7rem 0;font:800 .85rem var(--heading);letter-spacing:.1em;text-transform:uppercase}.cover-sponsor{position:relative;width:min(90%,370px);display:grid;grid-template-columns:1fr auto;align-items:center;padding:.6rem .8rem;background:#fff;color:#111;text-align:left;border-bottom:4px solid var(--gold)}.cover-sponsor span{color:var(--red);font:800 .58rem var(--heading);letter-spacing:.13em;text-transform:uppercase}.cover-sponsor strong{font:900 .92rem var(--heading);text-transform:uppercase}.cover-sponsor img{grid-column:2;grid-row:1/3;width:90px;height:38px;object-fit:contain}.swipe-hint{position:relative;margin:.8rem 0 0;color:#aaa;font:700 .65rem var(--heading);letter-spacing:.14em;text-transform:uppercase}.contents-page{background:linear-gradient(135deg,#f5f1e9 0 68%,#e6dfd3 68%)}.contents-page ol{list-style:none;padding:0;margin:0}.contents-page li{border-top:1px solid #cfc8bc}.contents-page li:last-child{border-bottom:1px solid #cfc8bc}.contents-page button{width:100%;display:flex;gap:.9rem;padding:.62rem .2rem;border:0;background:transparent;color:#18181a;text-align:left;cursor:pointer;font:800 clamp(.85rem,2vw,1.1rem) var(--heading);text-transform:uppercase}.contents-page button span{color:var(--red);font-weight:900}.edition-stamp{position:absolute;right:1.2rem;bottom:2.3rem;display:flex;align-items:center;gap:.35rem;transform:rotate(-4deg);padding:.65rem;border:3px solid var(--red);color:var(--red);font:900 .8rem var(--heading);text-transform:uppercase}.edition-stamp b{font-size:1.2rem}.team-page{background:linear-gradient(180deg,#f5f1e9,#e6dfd3)}.team-page .intro{font-size:.8rem}.team-list,.finishers-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;list-style:none;padding:0;margin:.7rem 0}.team-list li,.finishers-list li{display:flex;align-items:center;min-height:29px;background:#fff;font:700 clamp(.62rem,1.5vw,.78rem) var(--body);box-shadow:0 1px 0 #d5d0c7}.team-list span,.finishers-list span{width:27px;align-self:stretch;display:grid;place-items:center;margin-right:.45rem;background:#171719;color:#fff;font-weight:800}.team-page h3{margin:.8rem 0 .2rem;font:900 1.2rem var(--heading);text-transform:uppercase}.finishers-list li{background:#252528;color:#fff}.finishers-list span{background:var(--red)}.page-cta{display:flex;justify-content:space-between;margin-top:.7rem;padding:.65rem .8rem;background:var(--red);color:#fff;text-decoration:none;font:800 .75rem var(--heading);letter-spacing:.09em;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1.2rem 0}.stat-grid div{min-height:100px;display:grid;place-content:center;padding:.7rem;background:#151517;color:#fff;text-align:center;border-bottom:5px solid var(--red)}.stat-grid strong{color:var(--gold);font:900 clamp(2.3rem,7vw,4rem)/1 var(--heading)}.stat-grid span{font:800 .7rem var(--heading);letter-spacing:.1em;text-transform:uppercase}.stats-page>p:last-of-type{max-width:75%;font-size:.85rem}.ball-mark{position:absolute;right:-1rem;bottom:-1rem;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font:900 5rem var(--heading);transform:rotate(-14deg);opacity:.9}.feature-page{background:#171719;color:#fff}.feature-page h2{color:#fff}.feature-image{height:22%;display:grid;place-content:center;justify-items:center;margin-bottom:1rem;background:linear-gradient(120deg,#680813,var(--red));overflow:hidden}.feature-image img{position:absolute;width:170px;opacity:.12}.feature-image span{position:relative;font:900 2rem var(--heading);letter-spacing:.12em}.feature-page .article-copy{font-size:.78rem}.feature-page blockquote{color:var(--gold)}.sponsors-page>p{font-size:.82rem}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.logo-grid div{min-height:105px;display:grid;place-items:center;padding:.6rem;background:#fff;border:1px solid #ddd;text-align:center}.logo-grid img{width:100%;height:58px;object-fit:contain}.logo-grid span{font:700 .58rem var(--body);color:#555}.info-page{background:linear-gradient(160deg,#f5f1e9 0 58%,#e7e0d5 58%)}.info-links{display:grid;gap:.55rem}.info-links a{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#171719;color:#fff;text-decoration:none;border-left:5px solid var(--red)}.info-links span{display:grid}.info-links strong{font:900 1.25rem var(--heading);text-transform:uppercase}.info-links small{color:#bbb;font-size:.65rem}.info-links b{color:var(--gold);font-size:1.4rem}.info-page address{position:absolute;left:3rem;right:3rem;bottom:3rem;padding-top:.8rem;border-top:1px solid #aaa;font-style:normal;font-size:.7rem;text-align:center}.back-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(150deg,#050506,#43060d 58%,#d31227);color:#fff}.back-page img{width:150px}.back-page p{margin:1rem 0 .2rem;color:#ccc}.back-page h2{margin:.2rem 0;font-size:clamp(3rem,10vw,6rem)}.back-page>strong{color:var(--gold);font:900 1.6rem var(--heading)}.back-page a{margin-top:2rem;padding:.8rem 1.2rem;border:1px solid #fff;color:#fff;text-decoration:none;font:800 .75rem var(--heading);letter-spacing:.1em;text-transform:uppercase}.reader-controls{height:72px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 1rem;background:#09090b;border-top:1px solid #2c2c30;position:relative;z-index:20}.turn-button{width:48px;height:48px;border-radius:50%;font-size:1.4rem}.turn-button:disabled{opacity:.28;cursor:not-allowed}.progress-wrap{width:min(52vw,350px);text-align:center}.progress-wrap>span{display:block;margin-bottom:.35rem;color:#ccc;font:700 .7rem var(--heading);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:3px;background:#37373b}.progress span{display:block;height:100%;background:var(--red);transition:width .35s}.contents-dialog{width:min(92vw,530px);max-height:82vh;padding:0;border:1px solid #444;background:#111114;color:#fff;box-shadow:0 20px 80px #000}.contents-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.3rem;border-bottom:3px solid var(--red)}.dialog-head small{color:var(--gold);font:800 .65rem var(--heading);letter-spacing:.15em}.dialog-head h2{margin:0;font:900 2.3rem var(--heading);text-transform:uppercase}.contents-dialog ol{list-style:none;margin:0;padding:.5rem 1.3rem 1.3rem}.contents-dialog li{border-bottom:1px solid #303034}.contents-dialog li button{width:100%;display:grid;grid-template-columns:35px 1fr auto;gap:.5rem;padding:.75rem 0;border:0;background:transparent;text-align:left;cursor:pointer}.contents-dialog li span{color:var(--red);font:900 .8rem var(--heading)}.contents-dialog li strong{font:800 1rem var(--heading);text-transform:uppercase}.contents-dialog li b{color:var(--gold)}
.scroll-view{overflow:auto}.scroll-view .reader{height:auto;min-height:calc(100dvh - 74px);overflow:visible;padding:2rem 1rem 6rem}.scroll-view .book{width:min(92vw,680px);height:auto;display:grid;gap:1.4rem;filter:none}.scroll-view .book:after{display:none}.scroll-view .programme-page{position:relative;inset:auto;width:100%;height:auto;min-height:min(125vw,880px);transform:none!important;opacity:1!important;pointer-events:auto;box-shadow:0 18px 50px rgba(0,0,0,.45)}.scroll-view .reader-controls{position:fixed;left:0;right:0;bottom:0}.scroll-view .folio{display:block}
@media(max-width:640px){:root{--page-w:min(91vw,430px);--page-h:calc(100dvh - 168px)}.topbar{height:64px}.brand img{width:43px;height:43px}.brand strong{font-size:1.25rem}.text-button{font-size:.68rem;padding:.48rem}.icon-button{width:36px;height:36px}.reader{height:calc(100dvh - 132px);padding:.65rem}.reader-controls{height:68px}.page-inner{padding:1.25rem}.page-inner h2{font-size:clamp(2.35rem,12vw,4.2rem)}.folio{bottom:.55rem}.team-list li,.finishers-list li{min-height:25px}.info-page address{left:1.25rem;right:1.25rem;bottom:2rem}.top-actions{gap:.2rem}}
@media(max-height:700px){.cover-crest{width:75px;height:75px}.cover-match img{width:58px;height:58px}.cover-match strong{font-size:1.1rem}.cover-sponsor{padding:.35rem .6rem}.page-inner{padding:1.15rem}.page-inner h2{font-size:2.5rem}.article-copy{font-size:.72rem}.team-list li,.finishers-list li{min-height:23px}.logo-grid div{min-height:80px}.logo-grid img{height:42px}}
@media(prefers-reduced-motion:reduce){.programme-page,.progress span{transition:none}.programme-page.is-before{transform:none}}