/* bp3fix.css · Nudy World bp3 (Oct 19 2026) · Ki 11:46 PM "Blue cause can't see white": never white (or pale) text on a light background.
   Every rule here was found by a measured contrast pass (text colour vs the painted background, 393px) and fixed to >= 4.5:1 (>= 3:1 for big titles). */
/* 1) footer: one solid dark panel on every era (it took the era colour and went white-on-blue / white-on-cream) */
footer{background:#060806!important;color:#cfd8cc!important;border-top:1px solid #1f3a18}
footer strong{color:#fff!important}
footer a{color:#9dff6e!important}
/* 2) the JUST DOIN ME ribbon: solid dark band so the white/yellow words never sit on sky */
.ribbon{background:#07090a!important;background-image:none!important}
html[data-era="slimerre"] .ribbon{background:#0a2463!important}
/* 3) JOIN pill + era chip text per era */
html[data-era="slimerre"] .bar .navjoin b,html[data-era="slimerre"] .w-hero .chip{color:#0a2463!important}
html[data-era="dr-ev4l"] .bar .navjoin b,html[data-era="paradise"] .bar .navjoin b,html[data-era="slimeball"] .bar .navjoin b{color:#fff!important}
.era-slimeball .w-hero .chip{color:#fff!important}
/* 4) SLI'MERRE (light sky): section heads + card titles = the era's dark blue, white edge for lift */
.era-slimerre h3.dfont,.era-slimerre .wgame b,.era-slimerre .bp-h{color:#0a2463!important;-webkit-text-fill-color:#0a2463!important;text-shadow:0 1px 0 rgba(255,255,255,.75),0 0 10px rgba(255,255,255,.55)!important;-webkit-text-stroke:0!important}
/* 5) SLI'MERRE 2 (orange-red sky) + 6) PARADISE (teal water): section heads become solid dark pills (same idea as Dr. Ev4l's sign heads) */
html body .world.era-slimerre-2 .w-sec > h3.dfont,html body .world.era-slimerre-2 .wrap > h3.dfont,html body .world.era-slimerre-2 h3.dfont{display:table!important;margin-left:auto!important;margin-right:auto!important;background:#1c0b3e!important;color:#fff3e4!important;-webkit-text-fill-color:#fff3e4!important;text-shadow:none!important;-webkit-text-stroke:0!important;padding:5px 16px 3px!important;border-radius:12px!important;background-clip:padding-box!important}
html body .world.era-slimerre-2 .w-sub,html body .world.era-slimerre-2 .w-quote,html body .world.era-slimerre-2 .vhint{background:rgba(28,11,62,.82)!important;color:#fff3e4!important;border-radius:12px;padding:6px 12px}
html body .world.era-slimerre-2 .w-quote p,html body .world.era-slimerre-2 .w-quote cite,html body .world.era-slimerre-2 .w-quote a{color:#fff3e4!important}
html body .world.era-slimerre-2 .wgame b{color:#fff3e4!important;-webkit-text-fill-color:#fff3e4!important}
html body .world.era-paradise .w-sec > h3.dfont,html body .world.era-paradise .wrap > h3.dfont,html body .world.era-paradise h3.dfont{display:table!important;margin-left:auto!important;margin-right:auto!important;background:#052a2b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;-webkit-text-stroke:0!important;padding:5px 16px 3px!important;border-radius:12px!important;background-clip:padding-box!important}
html body .world.era-paradise .wgame b{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* 7) SLIMEBALL game names: red on charcoal -> brighter red */
html body .world.era-slimeball .wgame b{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 0 #b3060f!important}
/* 8) FADED small heads: blue on black -> lighter blue */
.era-faded-in-the-booth .bp-h{color:#6fb1f2!important}
/* 9) home arcade tiles: small white words on bright art get a dark backing */
.gtile b,.gtile small{text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.85)!important}
.gtile small{background:rgba(0,0,0,.55);border-radius:6px;padding:1px 5px}
.nnm-t{text-shadow:0 3px 0 #7a0008,0 0 12px #000,0 0 3px #000!important}
/* 10) video titles over thumbnails: always on a dark scrim */
.vt{background:linear-gradient(transparent,rgba(0,0,0,.85) 40%)!important;text-shadow:0 1px 2px #000!important}

/* 11) Ki 11:54 PM: no leftover cover slivers / sliced-cover strips under the era titles (Sli'merre scene, Sli'merre 2 skyline + cars) */
.world .w-hero::after,.era .w-hero::after{content:none!important;display:none!important;background:none!important}

/* 12) Ki 11:55 PM: the cut-out cover title FILLS each Pick-a-World card's title band, edge to edge */
.wcard .lbl{padding:6px 6px!important;min-height:78px;display:flex!important;flex-direction:column;align-items:stretch;justify-content:center}
.wcard .lbl b.ti{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:none!important;height:70px;margin:0!important;padding:0!important;transform:none!important}
.wcard .lbl b.ti img.t-title,.wcard .lbl b.ti img.tart-img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important;transform:none!important}
.wcard .lbl small{display:none!important}
.wcard[href$="/slimeball"] .lbl b.ti::after,.wcard[href$="/slimeball"] .kvdw i{display:none!important}
/* titles that sit on a same-colour band/page get a hairline dark edge so the real lettering reads (art itself unchanged) */
.wcard[href$="/slimerre-2"] .lbl img.t-title,.era-slimerre-2 .w-title img.t-title{filter:drop-shadow(0 2px 0 #1c0b3e) drop-shadow(0 0 6px rgba(28,11,62,.75))!important}
.wcard[href$="/paradise"] .lbl img.t-title,.era-paradise .w-title img.t-title{filter:drop-shadow(0 1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 5px rgba(0,0,0,.5))!important}
.wcard[href$="/faded-in-the-booth"] .lbl img.t-title,.era-faded-in-the-booth .w-title img.t-title{filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 4px rgba(0,0,0,.8))!important}
.wcard[href$="/rich-shooter"] .lbl b.ti::after,.era-rich-shooter .w-title.ti::after{display:none!important}
/* era page title = the cover cut-out, whole, never cropped */
.w-title.ti{height:auto!important;max-height:none!important;overflow:visible!important}
.w-title img.t-title{display:block;margin:4px auto 0;width:auto!important;height:auto!important;max-width:min(92vw,620px)!important;max-height:240px!important;object-fit:contain!important}
.era-slimeball .w-title .kvdrop{display:none!important}

/* 13) Ki 11:32 PM: the socials drip at the bottom of home is continuous and sits BEHIND the buttons */
#links .links{position:relative;isolation:isolate;padding-bottom:26px}
#links .links a{position:relative;overflow:visible!important}
#links .links a::before,#links .links a::after{content:"";position:absolute;z-index:-1;top:62%;width:9px;height:16px;border-radius:0 0 9px 9px;background:linear-gradient(#39ff14,#1fae0b);box-shadow:0 0 6px rgba(57,255,20,.5);animation:nw3drip 2.6s cubic-bezier(.55,0,.75,.4) infinite;pointer-events:none}
#links .links a::before{left:22%}
#links .links a::after{left:68%;width:7px;animation-delay:1.3s;animation-duration:3.1s}
#links .links a:nth-child(2n)::before{animation-delay:.6s}#links .links a:nth-child(3n)::after{animation-delay:2s}
@keyframes nw3drip{0%{transform:translateY(-6px) scaleY(.4);opacity:0}10%{opacity:1}55%{transform:translateY(10px) scaleY(1.25);opacity:1}100%{transform:translateY(34px) scaleY(.6);opacity:0}}
@media (prefers-reduced-motion:reduce){#links .links a::before,#links .links a::after{animation:none;transform:translateY(6px)}}
/* THEN / NOW: both pictures the same 4:5 frame, tops aligned */
.tn{align-items:start!important}.tn-f .tn-pic{aspect-ratio:4/5!important}