/* Monster Bash: #f7fbff on #10051b = 17.8:1; #180b22 on #fff = 18.3:1. */
body.monsterbash{--bg:#f4eff8;--paper:#fff;--ink:#180b22;--muted:#675774;--line:#d4c3de;--line-ui:#9077a0;--accent:#762ba1;--accent-ink:#6d218f;--bone:#e8dcef;background:linear-gradient(180deg,#c9a9dc 0,#f4eff8 34rem);color:var(--ink)}
.monsterbash .compact-library-nav{background:rgba(16,5,27,.96);border-color:#54326b}.monsterbash .compact-library-nav a,.monsterbash .compact-library-nav summary,.monsterbash .guide-home{color:#fff!important}
.mb-opening{position:relative;min-height:clamp(42rem,76vw,70rem);overflow:hidden;background:#0b0610}.mb-opening .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.mb-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,3,20,.93),rgba(12,3,20,.45) 42%,transparent 70%),linear-gradient(0deg,rgba(12,3,20,.68),transparent 44%)}
.mb-opening .intro{position:absolute;z-index:2;left:max(4vw,2rem);bottom:7%;max-width:38rem;color:#fff;text-shadow:0 2px 18px #000}.mb-opening h1{font-size:clamp(4.5rem,10vw,10rem);line-height:.78;letter-spacing:-.075em;margin:.15em 0 .28em;text-transform:uppercase}.mb-opening .kicker{color:#86ff9d}.mb-opening .button{background:#762ba1;color:#fff;border-color:#d389f7}
.monsterbash .shortcut{border-top:4px solid #52b96c}.monsterbash .shot-map__field img{width:min(100%,48rem)}.monsterbash .shot-map__side article{background:#fff;border-color:#c6afd3;box-shadow:0 10px 24px rgba(49,18,70,.12)}.monsterbash .shot-map__side article h3,.monsterbash .shot-map__side article p{color:#180b22}.monsterbash .shot{border-top-color:#762ba1}.monsterbash .shot:nth-child(odd){transform:translateX(-.65rem)}.monsterbash .score-route strong{color:#6d218f}
.monster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.monster-grid article{background:#fff;border:1px solid var(--line);padding:1.2rem;border-radius:1rem 1rem .2rem .2rem;box-shadow:0 10px 24px #31124618}.monster-grid article:nth-child(3n+1){border-top:6px solid #52b96c}.monster-grid article:nth-child(3n+2){border-top:6px solid #762ba1}.monster-grid article:nth-child(3n){border-top:6px solid #d74c73}.monster-grid h3{margin-top:0}
.mb-spread{position:relative;margin:clamp(4rem,9vw,8rem) calc(50% - 50vw);width:100vw;min-height:clamp(32rem,58vw,58rem);overflow:hidden;background:#0b0610}.mb-spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mb-spread figcaption{position:absolute;z-index:2;max-width:36rem;padding:1.5rem 1.8rem;background:rgba(16,5,27,.86);color:#fff;border-left:6px solid #7bdf8d;box-shadow:0 16px 42px #0009}.mb-spread strong,.mb-spread span{display:block}.mb-spread strong{font-size:clamp(1.9rem,3.3vw,3.3rem);line-height:.95}.mb-spread span{margin-top:.75rem}.mb-spread--route{width:min(96vw,98rem);margin-left:calc(50% - 48vw);border-radius:0 2rem 2rem 0}.mb-spread--route figcaption{right:6%;bottom:7%}.mb-spread--multiball img{object-position:center 38%}.mb-spread--multiball figcaption{left:6%;bottom:7%;border-left-color:#e34f7c}.mb-spread--finale{min-height:clamp(34rem,64vw,64rem)}.mb-spread--finale figcaption{left:7%;top:8%;border-left-color:#e8bc45}
.mb-spread--finale figcaption{top:auto;bottom:8%}
@media(max-width:820px){.mb-opening .art{object-position:52% 30%}.monster-grid{grid-template-columns:1fr 1fr}.monsterbash .shot:nth-child(odd){transform:none}.mb-spread--route{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}}
@media(max-width:560px){.mb-opening{min-height:46rem}.mb-opening:after{background:linear-gradient(0deg,rgba(12,3,20,.97),rgba(12,3,20,.42) 68%,transparent)}.mb-opening .intro{left:1.2rem;right:1.2rem;bottom:4%;max-width:none}.mb-opening h1{font-size:4.5rem}.monster-grid{grid-template-columns:1fr}.mb-spread{min-height:36rem}.mb-spread figcaption{left:1rem;right:1rem;bottom:1rem;top:auto;max-width:none}}