@font-face{font-family:RoadRage;src:url('assets/fonts/RoadRage.ttf') format('truetype');font-display:swap}
:root{--purple-deep:#160b27;--purple-ink:#090516;--gold:#ffcf24;--gold-lt:#ffe490;--lilac:#eee7f7;--slab:RoadRage,Impact,sans-serif}
html,body{background:#09070d}
#deck{inset:50% auto auto 50%;width:min(100vw,177.7778vh);height:min(56.25vw,100vh);transform:translate(-50%,-50%);container-type:size;box-shadow:0 0 100px #0009}
.slide{background:#090516 url('assets/theme/comic-world.png') center/cover}
.slide::before{background:linear-gradient(90deg,#090516a6,#09051640);z-index:0}
.plate,.cnr,.confetti,.cover .ghost,.cover .rule{display:none}
.varsity{font-family:RoadRage,Impact,sans-serif;letter-spacing:.02em;-webkit-text-stroke:0;text-shadow:.25cqw .35cqw 0 #090516;line-height:.98}
.varsity .g{-webkit-text-stroke:0}
.cover .art{background-image:url('assets/theme/journey.png')!important;background-position:center}
.cover .scrim{background:linear-gradient(90deg,#090516e8 0%,#090516a6 42%,#09051600 80%)}
.cover-lock{text-align:left;margin-right:auto;max-width:66%;padding:0 5cqw}
.cover .crest{width:8cqw;margin-bottom:2cqh}
.cover .pre{font-family:var(--font);font-size:1.4cqw;letter-spacing:.22em}
.cover h1{font-size:10.2cqw;margin:1.5cqh 0 3cqh;white-space:nowrap}
.cover .gold-team{display:block}
.cover .tag{font-size:3.5cqw;letter-spacing:.02em;max-width:90%}
.cover .night{font-size:1.25cqw;letter-spacing:.18em;margin-top:4cqh}
.divider{align-items:flex-start;text-align:left;padding-left:7cqw;background-image:url('assets/theme/training.png')}
.divider::before{background:linear-gradient(90deg,#090516ed,#09051655 66%,transparent)}
.divider h2{font-size:8cqw;max-width:58%;line-height:1.02;position:relative;z-index:3}
.divider .crest{width:7cqw;height:auto;margin-bottom:4cqh}
.divider .sub{font-size:1.35cqw;letter-spacing:.15em}
.player .photo{width:57%;background-size:cover;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);background-color:#090516}
.player .photo::after{display:none}
.player .info{width:49%;padding:5cqh 2cqw 5cqh 5cqw}
.player .numtag{font-size:1.1cqw;letter-spacing:.2em;margin-bottom:2cqh}
.player .num{font-family:Arial,sans-serif;font-weight:900;font-size:14cqw;-webkit-text-stroke:0;line-height:.9;text-shadow:.3cqw .3cqw #090516}
.player .name{font-size:9.2cqw;margin-top:4cqh}
.player .surname{font-family:var(--font);font-size:2.8cqw;font-weight:800;line-height:1.1;margin-top:2cqh}
.player .club{font-size:1.05cqw;letter-spacing:.12em;margin-top:4cqh}
.award-hold{background-image:url('assets/theme/champions.png');justify-content:flex-start;padding:6cqh 5cqw}
.award-hold::before{background:linear-gradient(90deg,#090516b8,transparent 60%)}
.hold-copy{position:relative;z-index:3;width:51%}
.hold-copy .kicker{font-size:1.15cqw;letter-spacing:.22em}
.hold-title{font-family:RoadRage,Impact,sans-serif;text-transform:uppercase;font-size:7.3cqw;line-height:1.04;color:var(--gold);margin:4cqh 0 6cqh;text-shadow:.2cqw .3cqw #090516;text-wrap:balance}
.reveal-button,#play-film,#film-continue{border:0;border-radius:0;background:var(--gold);color:#090516;font:900 1.1cqw var(--font);letter-spacing:.13em;padding:1.4cqw 2.1cqw;cursor:pointer;box-shadow:.3cqw .3cqw #090516;transition:transform .18s,background .18s}
button:hover{filter:brightness(1.1)}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.award .photo{width:48%;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.award .photo::after{display:none}
.award .photo[style*="indi-kicking"]{background-size:145% auto;background-position:0 75%!important}
.player.active,.award.active{animation:none}
.player .photo,.award .photo,.slide.active .photo{opacity:1!important;animation:none!important;transform:none!important;background-color:#090516;isolation:isolate}
.award .info{width:52%;align-items:flex-start;text-align:left;padding:0 4cqw 0 2cqw}
.award .trophy img{height:9cqh;width:auto;margin-bottom:2cqh}
.award .atitle{font-size:3cqw;line-height:1.08}
.award .winner,.award.mvp .winner{font-size:7.8cqw;line-height:1.02;margin-top:3cqh}
.award .wsurname{font-size:1.6cqw;margin-top:2cqh;letter-spacing:.06em}
.award .note{font-size:1.45cqw;line-height:1.5;max-width:28ch;margin-top:3cqh}
.award .bar{border-radius:0;width:6cqw;height:.35cqw;margin-top:4cqh}
.award.mvp .atitle{color:var(--gold);background:none;padding:0}
.closing .scrim{background:#09051699}
.closing .crest{width:8cqw}.closing h2{font-size:9cqw}.closing .sub{font-size:1.5cqw}
.film{padding:0;background:#000}.film::before{display:none}
.film video{width:100%;height:100%;object-fit:contain}
.premiers-hold{padding:0;background:#000}
.premiers-hold::before{display:none}
.premiers-hold.active{animation:none}
.premiers-hold img{display:block;width:100%;height:100%;object-fit:contain}
.premiers-hold-active .hint,.premiers-hold-active #bar{display:none}
.premiers-hold-active #chrome{opacity:0}
.premiers-hold-active #chrome:hover,.premiers-hold-active #chrome:focus-within{opacity:1}
.film-start{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6cqw;background:linear-gradient(90deg,#090516ed,#09051633),url('assets/theme/comic-world.png') center/cover}
.film-start .kicker{font-size:1.3cqw}.film-start h2{font:8cqw/.98 RoadRage,Impact,sans-serif;margin:3cqh 0 5cqh}.film-start h2 span{color:var(--gold)}.film-start p{font-size:1.2cqw;margin-top:2.5cqh;color:var(--lilac)}
#film-continue{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);z-index:6;white-space:nowrap}
#film-error{position:absolute;inset:auto 15%;padding:2cqw;background:#090516;font-size:1.8cqw}#film-error a{color:var(--gold)}
[hidden]{display:none!important}
#bar{height:3px;background:var(--gold);box-shadow:none}
#chrome{background:#090516da;padding:6px 12px;border-radius:4px;gap:16px;bottom:8px;right:12px;transition:opacity .2s}
#chrome button{font-family:var(--font);font-size:24px;color:#eee;min-width:26px;text-align:center}
#chrome #sections{font-size:12px;letter-spacing:.05em}#chrome button:disabled{opacity:.2;cursor:default}
.hint{font-size:9px;letter-spacing:.08em;bottom:10px;left:12px;color:#c6bccb}
.film-active .hint{display:none}.film-active #chrome{opacity:.25}.film-active #chrome:hover,.film-active #chrome:focus-within{opacity:1}
#section-menu{position:fixed;bottom:58px;right:12px;z-index:55;background:#160b27;border:1px solid #665174;padding:8px;display:grid;min-width:180px}
#section-menu button{background:none;border:0;color:#fff;font:600 14px var(--font);text-align:left;padding:12px;cursor:pointer}#section-menu button:hover{background:#402752}
@media(max-width:640px){.hint{display:none}#chrome{font-size:10px;gap:10px;padding:3px 8px}#chrome button{font-size:20px}.player .info{width:49%}.player .photo{width:57%}.award .info{width:52%}.award .photo{width:48%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition:none!important}}