/* Avengers: #06101f on #f4f7fb = 17.1:1; #f4f7fb on #06101f = 17.1:1. */
body.avengers{--bg:#f4f7fb;--paper:#fff;--ink:#07111f;--muted:#536276;--accent:#b91c2e;--accent2:#1f73c9;--line:#cbd6e4;--soft:#e8eef6;background:linear-gradient(180deg,#dce8f5 0,#f4f7fb 28rem);color:var(--ink)}
.avengers .compact-library-nav{background:rgba(4,12,25,.94);color:#fff;border-color:#28415f}.avengers .compact-library-nav a,.avengers .compact-library-nav summary,.avengers .compact-library-nav .guide-home{color:#fff!important}
.avengers-opening{min-height:clamp(38rem,76vw,66rem);position:relative;overflow:hidden;background:#030813}.avengers-opening .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 48%}.avengers-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,12,.93) 0%,rgba(1,5,12,.58) 34%,transparent 66%),linear-gradient(0deg,rgba(1,5,12,.72),transparent 42%)}
.avengers-opening .intro{position:absolute;z-index:2;left:max(4vw,2rem);bottom:8%;max-width:35rem;color:#fff;text-shadow:0 2px 18px #000}.avengers-opening h1{font-size:clamp(4.4rem,10vw,9.4rem);line-height:.78;letter-spacing:-.07em;margin:.15em 0 .3em;text-transform:uppercase}.avengers-opening .kicker{color:#76c6ff}.avengers-opening .button{background:#b91c2e;color:#fff;border-color:#ff8491}
.avengers .shortcut{border-top:4px solid #b91c2e}.avengers section>h2{letter-spacing:-.045em}.avengers .score-route strong{color:#8f1020}
.avengers .shot-map__field img{width:min(100%,48rem)}.avengers .shot-map__field{filter:drop-shadow(0 18px 34px rgba(5,20,42,.22))}.avengers .shot-map__side article{background:#fff;border-color:#afc4da;box-shadow:0 10px 26px rgba(16,73,136,.12)}.avengers .shot-map__side article h3,.avengers .shot-map__side article p{color:#07111f}.avengers .shot{border-top-color:#5aaae8}.avengers .shot:nth-child(even){transform:translateX(1rem)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.team-grid article{background:#fff;border:1px solid #cbd6e4;border-top:5px solid #1f73c9;padding:1.25rem}.team-grid article:nth-child(4n+1){border-top-color:#299356}.team-grid h3{margin-top:0}
.avengers-spread{position:relative;margin:clamp(4rem,9vw,8rem) calc(50% - 50vw);width:100vw;min-height:clamp(30rem,58vw,58rem);overflow:hidden;background:#020916}.avengers-spread img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.avengers-spread figcaption{position:absolute;z-index:2;max-width:34rem;padding:1.5rem 1.8rem;background:rgba(3,9,20,.88);color:#fff;border-left:6px solid #47b8ff;box-shadow:0 14px 36px rgba(0,0,0,.35)}.avengers-spread figcaption strong,.avengers-spread figcaption span{display:block}.avengers-spread figcaption strong{font-size:clamp(1.7rem,3vw,3rem);line-height:1}.avengers-spread figcaption span{margin-top:.7rem}.avengers-spread--route{width:min(96vw,96rem);margin-left:calc(50% - 48vw);border-radius:0 1.5rem 1.5rem 0}.avengers-spread--route figcaption{right:5%;bottom:7%}.avengers-spread--multiball{min-height:clamp(28rem,50vw,48rem)}.avengers-spread--multiball figcaption{left:7%;bottom:8%;transform:rotate(-1deg)}.avengers-spread--finale figcaption{left:8%;top:8%;border-left-color:#f3b13c}.avengers-spread--finale img{object-position:50% 48%}
.tesseract-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);gap:clamp(2rem,6vw,6rem);align-items:center}.tesseract-section img{width:100%;max-height:38rem;object-fit:cover;border-radius:50% 50% 1.4rem 1.4rem;box-shadow:0 20px 45px rgba(16,73,136,.25)}
@media(max-width:820px){.avengers-opening{min-height:48rem}.avengers-opening .art{object-position:63% center}.team-grid{grid-template-columns:1fr 1fr}.avengers .shot:nth-child(even){transform:none}.tesseract-section{grid-template-columns:1fr}.avengers-spread--route{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}}
@media(max-width:560px){.avengers-opening{min-height:42rem}.avengers-opening:after{background:linear-gradient(0deg,rgba(1,5,12,.96) 0%,rgba(1,5,12,.45) 60%,transparent 100%)}.avengers-opening .intro{left:1.25rem;right:1.25rem;bottom:4%;max-width:none}.avengers-opening h1{font-size:4.6rem}.team-grid{grid-template-columns:1fr}.avengers-spread{min-height:34rem}.avengers-spread figcaption{left:1rem;right:1rem;bottom:1rem;top:auto;max-width:none}.avengers-spread img{object-position:center}.tesseract-section img{max-height:30rem}}