/* fix776p (Ki 10:03 PM Oct 19 2026) · world social packs + Just Doin Me world background.
   1) Every pack = SQUARE post on top, STORY/REEL (9:16) under it, each with its own download button (fix776p.js builds them; static files in img/p776/).
   2) JDM world background: bp4b.css's red gradient (html.bp4-deep .world.tex-bandana::before) was out-ranking fix764s and painting a red tint
      instead of the flyer. Now the cleaned Nudy's Nightmare flyer (the background we made) is a fixed full-bleed layer (cover) behind the whole page,
      visible while scrolling, no red overlay; phone gets a 600px copy. position:fixed layer, no background-attachment:fixed. */
html body article.world.era-just-doin-me::before,html.bp4-deep body article.world.era-just-doin-me::before,html.bp4-deep body article.world.era-just-doin-me.tex-bandana::before{
 content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:0!important;opacity:1!important;pointer-events:none!important;filter:none!important;
 background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.06) 22%,rgba(0,0,0,.10) 65%,rgba(0,0,0,.42) 100%),url(img/p776/jdm-bg-m.webp?v=1) center top/cover no-repeat,#140003!important;
 transform:translateZ(0);will-change:auto}
@media(min-width:720px){
 html body article.world.era-just-doin-me::before,html.bp4-deep body article.world.era-just-doin-me::before,html.bp4-deep body article.world.era-just-doin-me.tex-bandana::before{
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.10) 65%,rgba(0,0,0,.45) 100%),url(img/nightmare-clean762.webp?v=1) center 12%/cover no-repeat,#140003!important}
}
html body article.world.era-just-doin-me::after{display:none!important}
html body article.world.era-just-doin-me{background:#140003!important}
html body article.world.era-just-doin-me img.w-logo{background:transparent!important}

/* packs */
.p776{display:flex;flex-direction:column;align-items:center;gap:22px;margin:6px auto 8px;max-width:520px}
.p776-f{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.p776-f img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.10);background:#000}
.p776-sq img{max-width:440px;aspect-ratio:1/1}
.p776-rl img{max-width:300px;aspect-ratio:9/16}
.p776-f figcaption{font:700 13px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.9;text-shadow:0 1px 3px #000}
.p776-f button{appearance:none;border:0;border-radius:999px;padding:11px 20px;font:800 14px/1 system-ui,-apple-system,sans-serif;letter-spacing:.04em;color:#000;background:#7cff3a;box-shadow:0 4px 14px rgba(0,0,0,.5);cursor:pointer;min-height:44px}
.p776-f button.busy{opacity:.6}
.wkit[data-p776] .nkit,#kit[data-p776] .nkit{display:none!important}
@media(max-width:520px){.p776-sq img{max-width:92vw}.p776-rl img{max-width:68vw}}