body.xmen{--bg:#edf2fa;--paper:#fff;--ink:#101c36;--muted:#52617b;--line:#bbc8df;--line-ui:#7182a2;--accent:#2756a5;--accent-ink:#234f9a;--bone:#dce5f3;background:linear-gradient(#a5bde1 0,#edf2fa 39rem);color:var(--ink)}.xmen .compact-library-nav{background:#08132af6;border-color:#385b9c}.xmen .compact-library-nav a,.xmen .compact-library-nav summary,.xmen .guide-home{color:#fff!important}.xm-opening{position:relative;min-height:clamp(42rem,76vw,70rem);overflow:hidden;background:#08132a}.xm-opening .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 28%}.xm-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08132af0,#08132a82 43%,transparent 73%),linear-gradient(0deg,#08132ab0,transparent 47%)}.xm-opening .intro{position:absolute;z-index:2;left:max(4vw,2rem);bottom:7%;max-width:38rem;color:#fff;text-shadow:0 2px 18px #000}.xm-opening h1{font-size:clamp(5rem,12vw,11rem);line-height:.78;letter-spacing:-.07em;margin:.12em 0 .25em;text-transform:uppercase}.xm-opening .kicker{color:#ffd860}.xmen .shot-map__side article{background:#fff;border-color:#a8b9d6}.xmen .shot-map__side article h3,.xmen .shot-map__side article p{color:#101c36}.xm-spread{position:relative;margin:clamp(4rem,9vw,8rem) calc(50% - 50vw);width:100vw;min-height:clamp(31rem,58vw,58rem);overflow:hidden;background:#08132a}.xm-spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.xm-spread figcaption{position:absolute;z-index:2;max-width:36rem;padding:1.4rem 1.7rem;background:#08132ae7;color:#fff;border-left:6px solid #f2c846;box-shadow:0 16px 40px #0009}.xm-spread strong,.xm-spread span{display:block}.xm-spread strong{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1}.xm-spread span{margin-top:.7rem}.xm-spread--route{width:min(96vw,98rem);margin-left:calc(50% - 48vw);border-radius:0 2rem 2rem 0}.xm-spread--route figcaption{right:6%;bottom:7%}.xm-spread--multiball figcaption{left:6%;bottom:7%;border-color:#66d184}.xm-spread--finale figcaption{left:6%;top:8%;border-color:#ef673d}.xmen .score-route strong{color:#234f9a}
@media(max-width:560px){.xm-opening{min-height:46rem}.xm-opening .art{object-position:62% 30%}.xm-opening:after{background:linear-gradient(0deg,#08132afc,#08132a66 72%,transparent)}.xm-opening .intro{left:1.2rem;right:1.2rem;bottom:4%}.xm-opening h1{font-size:4.8rem}.xm-spread{min-height:36rem}.xm-spread figcaption{left:1rem;right:1rem;bottom:1rem;top:auto;max-width:none}}