body.spiderman{--bg:#eef3fa;--paper:#fff;--ink:#111d34;--muted:#526079;--line:#c0cbde;--line-ui:#6d7d9a;--accent:#be1f2d;--accent-ink:#a81523;--bone:#dfe7f2;background:linear-gradient(#9eb2d0 0,#eef3fa 39rem);color:var(--ink)}.spiderman .compact-library-nav{background:#07142af5;border-color:#344f7d}.spiderman .compact-library-nav a,.spiderman .compact-library-nav summary,.spiderman .guide-home{color:#fff!important}.sm-opening{position:relative;min-height:clamp(42rem,76vw,70rem);overflow:hidden;background:#07142a}.sm-opening .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 29%}.sm-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07142af2,#07142a88 43%,transparent 72%),linear-gradient(0deg,#07142ab0,transparent 46%)}.sm-opening .intro{position:absolute;z-index:2;left:max(4vw,2rem);bottom:7%;max-width:38rem;color:#fff;text-shadow:0 2px 18px #000}.sm-opening h1{font-size:clamp(4.4rem,10vw,9.5rem);line-height:.8;letter-spacing:-.065em;margin:.12em 0 .25em;text-transform:uppercase}.sm-opening .kicker{color:#7fc9ff}.spiderman .shot-map__side article{background:#fff;border-color:#aebcd3}.spiderman .shot-map__side article h3,.spiderman .shot-map__side article p{color:#111d34}.spiderman main article>img{display:block;max-width:100%;height:auto}.villain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.villain-grid article{background:#fff;border:1px solid var(--line);border-top:6px solid #be1f2d;padding:1.2rem;border-radius:1rem .2rem}.villain-grid article:nth-child(2){border-top-color:#867029}.villain-grid article:nth-child(3){border-top-color:#222}.villain-grid article:nth-child(4){border-top-color:#506a91}.sm-spread{position:relative;margin:clamp(4rem,9vw,8rem) calc(50% - 50vw);width:100vw;min-height:clamp(31rem,58vw,58rem);overflow:hidden;background:#07142a}.sm-spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sm-spread figcaption{position:absolute;z-index:2;max-width:36rem;padding:1.4rem 1.7rem;background:#07142ae7;color:#fff;border-left:6px solid #d72b3a;box-shadow:0 16px 40px #0009}.sm-spread strong,.sm-spread span{display:block}.sm-spread strong{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1}.sm-spread span{margin-top:.7rem}.sm-spread--route{width:min(96vw,98rem);margin-left:calc(50% - 48vw);border-radius:0 2rem 2rem 0}.sm-spread--route figcaption{right:6%;bottom:7%}.sm-spread--multiball figcaption{left:6%;bottom:7%;border-color:#a6b7d2}.sm-spread--finale figcaption{left:6%;top:8%}.spiderman .score-route strong{color:#a81523}
@media(max-width:560px){.sm-opening{min-height:46rem}.sm-opening .art{object-position:65% 30%}.sm-opening:after{background:linear-gradient(0deg,#07142afa,#07142a66 72%,transparent)}.sm-opening .intro{left:1.2rem;right:1.2rem;bottom:4%}.sm-opening h1{font-size:4rem}.villain-grid{grid-template-columns:1fr}.sm-spread{min-height:36rem}.sm-spread figcaption{left:1rem;right:1rem;bottom:1rem;top:auto;max-width:none}}