/* The Addams Family — theme tokens for body.addams, kept in its own file so the shared
   theme sheet is untouched. Same WCAG targets as guide-themes.css:
     text 4.5:1 on --bg and --paper; --line-ui 3:1 on --paper; --accent-ink 4.5:1 as text.
   Ground: mansion black with a violet cast. Accent: the purple of the backglass.
   Accent-ink: The Power's lightning yellow. Bone: graveyard green.
   Measured: ink/bg 15.1, ink/paper 13.9, muted/bg 7.6, muted/paper 7.0,
   accent-ink/bg 11.0, accent-ink/paper 10.1, line-ui/paper 3.8, white/accent 8.1. */
body.addams{--bg:#0c0a14;--paper:#171329;--ink:#e9e1d3;--muted:#a79db5;--line:#2c2542;--line-ui:#7a6ba3;--accent:#6a2fa8;--accent-ink:#e6bd4f;--bone:#6fa98a}

/* Editorial rhythm chosen for this art: mansion arrival, vault mechanism, then finale. */
body.addams{--addams-gutter:max(40px,calc((100vw - 1240px)/2 + 40px))}
body.addams .opening.cinematic{overflow:visible}
body.addams .opening.cinematic .art{width:100%;max-width:none;height:clamp(430px,67vh,710px);max-height:none;object-fit:cover;margin:0;-webkit-mask-image:linear-gradient(#000 44%,transparent 93%);mask-image:linear-gradient(#000 44%,transparent 93%)}
body.addams .opening.cinematic .intro{position:relative;margin-top:-120px;padding-top:0}
body.addams .field-graphic--first-ball-route{position:relative;width:100vw;max-width:none;margin:48px 0 54px calc(50% - 50vw);border:0;border-radius:0;background:none;overflow:hidden}
body.addams .field-graphic--first-ball-route img{width:100%;height:clamp(440px,72vh,760px);object-fit:cover;object-position:50% 56%}
body.addams .field-graphic--first-ball-route figcaption{position:absolute;inset:auto auto 0 0;width:min(48%,650px);padding:90px 150px 42px var(--addams-gutter);background:linear-gradient(90deg,rgba(12,10,20,.96) 0%,rgba(12,10,20,.88) 68%,transparent 100%);font-size:17px}
body.addams .field-graphic--multiball-flow{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;width:100vw;max-width:none;margin:90px 0 60px calc(50% - 50vw);border:0;border-radius:0;background:none}
body.addams .field-graphic--multiball-flow img{width:100%;height:clamp(420px,68vh,720px);object-fit:cover;object-position:50% 48%}
body.addams .field-graphic--multiball-flow figcaption{display:flex;flex-direction:column;justify-content:center;padding:44px var(--addams-gutter) 44px 54px;font-size:17px}
body.addams .field-graphic--main-progression{position:relative;width:100%;max-width:none;margin:88px 0 42px;border:0;background:none;overflow:visible}
body.addams .field-graphic--main-progression img{width:100%;height:auto;border-radius:8px}
body.addams .field-graphic--main-progression figcaption{position:relative;width:min(600px,calc(100% - 30px));margin:-78px 18px 0 auto;padding:28px 34px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:16px}
@media(max-width:900px){
  body.addams .opening.cinematic .art{height:clamp(360px,58vh,490px)}
  body.addams .opening.cinematic .intro{margin-top:-90px}
  body.addams .field-graphic--first-ball-route img{height:clamp(310px,62vw,480px)}
  body.addams .field-graphic--first-ball-route figcaption{position:static;width:auto;padding:24px var(--addams-gutter) 0;background:none}
  body.addams .field-graphic--multiball-flow{grid-template-columns:1fr;margin-top:70px}
  body.addams .field-graphic--multiball-flow img{height:clamp(300px,62vw,470px)}
  body.addams .field-graphic--multiball-flow figcaption{padding:24px var(--addams-gutter) 0}
}