/* bp4g.css · NUDY WORLD · Oct 19 2026 overnight pass (Websites by Ki) */
/* Ki 1:24 AM: "Background black so u can see title, it'll match his shirt." Title strips sit on black when the era color fights the lettering. Letters untouched. */
.wcard[href="#/world/slimerre"] .lbl{background:#000!important;background-image:none!important}

/* Ki 1:25 + 1:26 AM: GUMBO strip = the crumpled paper bag from the Gumbo page art (kraft cut from img/logo-gumbo.webp, no lettering), cover lettering on top untouched */
.wcard[href="#/world/gumbo"] .lbl{background:#7a5a33 url(img/t/gumbo-kraft.webp?v=2) center/cover no-repeat!important;box-shadow:inset 0 0 18px rgba(40,20,0,.55),inset 0 2px 0 rgba(255,240,200,.25)}
.wcard[href="#/world/gumbo"] .lbl b{color:#1c1108!important;-webkit-text-fill-color:#1c1108!important;-webkit-text-stroke:0!important;background:none!important;text-shadow:0 1px 0 rgba(255,236,196,.45),0 0 1px rgba(28,17,8,.6)!important;filter:none!important}
/* each strip wears its era page's title look */
.wcard[href="#/world/slimeball"] .lbl{background:radial-gradient(60% 80% at 25% 30%,rgba(255,255,255,.09),transparent 70%),radial-gradient(50% 70% at 80% 60%,rgba(255,255,255,.06),transparent 70%),radial-gradient(60% 50% at 50% 110%,rgba(212,17,27,.28),transparent 70%),#0a0a0a!important}
.wcard[href="#/world/nudy-land"] .lbl{background:radial-gradient(70% 60% at 50% 0,rgba(255,180,59,.22),transparent 70%),linear-gradient(transparent 40%,rgba(120,140,160,.2)),#0c141d!important}
.wcard[href="#/world/dr-ev4l"] .lbl{background:repeating-conic-gradient(from 0deg at 50% -40%,rgba(192,20,30,.22) 0 6deg,transparent 6deg 12deg),linear-gradient(#140204,#050505)!important}
.wcard[href="#/world/rich-shooter"] .lbl{background:radial-gradient(70% 90% at 50% 120%,rgba(212,160,23,.28),transparent 70%),#050505!important}
.wcard[href="#/world/ea-monster"] .lbl{background:radial-gradient(60% 70% at 50% 120%,rgba(57,255,20,.22),transparent 70%),#041204!important}
.wcard[href="#/world/slimerre-2"] .lbl{background:radial-gradient(80% 70% at 50% 130%,rgba(255,110,25,.35),transparent 70%),linear-gradient(#000,#1c0404)!important}
.wcard[href="#/world/paradise"] .lbl{background:linear-gradient(180deg,#000 0,#000 62%,#04302f 100%)!important;box-shadow:inset 0 -3px 0 #5ec7b0}
.wcard[href="#/world/just-doin-me"] .lbl{background:linear-gradient(#4a0206,#1a0003)!important}
.wcard[href="#/world/faded-in-the-booth"] .lbl{background:radial-gradient(60% 80% at 50% 120%,rgba(217,165,33,.18),transparent 70%),#04060c!important}

.wcard[href="#/world/paradise"] .lbl b.ti img{filter:brightness(1.35) drop-shadow(0 0 5px rgba(255,70,50,.55))!important}

/* ---- shortcuts row: IG highlights ---- */
.nw3-emb.g-hl a img{border-radius:50%!important;border:2px solid #000!important;box-shadow:0 0 0 2.5px #39ff14,0 0 14px rgba(57,255,20,.45)!important;object-position:50% 30%}
.nw3-emb.g-hl a.emb-pde img{object-fit:contain;padding:9px;background:#000}
.nw3-emb.g-hl a.emb-ea img{object-fit:contain;padding:4px}
.nw3-emb.g-hl a.emb-ug img{filter:sepia(.3) contrast(1.05);box-shadow:0 0 0 2.5px #efe3c2,0 0 12px rgba(239,227,194,.4)!important}
.nw3-emb.g-hl small{font-weight:700;letter-spacing:.8px}
/* ---- THE FAMILY ---- */
.g-fam{max-width:1180px;margin:0 auto 6px;padding:0 14px}
.g-famh{display:flex;align-items:baseline;gap:10px;margin:2px 0 8px;font:400 18px/1 Anton,sans-serif;letter-spacing:.12em;color:#fff}
.g-famh span{border-left:4px solid #39ff14;padding-left:9px}
.g-famh small{font:600 12px/1 system-ui,sans-serif;letter-spacing:.04em;color:#9fe08a}
.g-famr{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}
.g-famr::-webkit-scrollbar{display:none}
.g-fb{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;color:#e9ffe0;text-decoration:none;font:inherit;cursor:pointer}
.g-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;padding:3px;background:conic-gradient(from 210deg,#39ff14,#d4ff3a,#ff3b1f,#ff2fb0,#39ff14);box-sizing:border-box}
.g-ring>*{width:100%;height:100%;border-radius:50%;background:#050805;border:2px solid #000;display:grid;place-items:center;overflow:hidden}
.g-ring .fav svg{width:78%;height:78%}
.g-fb small{font:700 10.5px/1.1 system-ui,sans-serif;letter-spacing:.3px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-join .g-ring{background:#39ff14}.g-join b{font:400 34px/1 Anton,sans-serif;color:#39ff14}
.g-join small{color:#39ff14}
.g-slot .g-ring{background:conic-gradient(from calc(var(--i)*60deg),rgba(57,255,20,.9),rgba(57,255,20,.15) 40%,rgba(57,255,20,.9) 80%);animation:gspin 3.2s linear infinite}
.g-slot .g-ring i{font:400 10px/1.05 Anton,sans-serif;font-style:normal;letter-spacing:.08em;color:#9fe08a;text-align:center;animation:gspin 3.2s linear infinite reverse}
.g-slot small{color:#7fa877}
@keyframes gspin{to{transform:rotate(360deg)}}
.g-fb:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:12px}
.g-pop{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s;padding:18px}
.g-pop.on{opacity:1}
.g-popc{position:relative;width:min(320px,100%);text-align:center;padding:22px 18px 18px;border-radius:22px;background:radial-gradient(120% 90% at 50% 0,#163a0c,#050805 70%);border:1.5px solid #39ff14;box-shadow:0 0 30px rgba(57,255,20,.35);transform:translateY(12px) scale(.96);transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.g-pop.on .g-popc{transform:none}
.g-x{position:absolute;right:8px;top:8px;width:40px;height:40px;border-radius:50%;border:0;background:#000;color:#fff;font-size:16px;cursor:pointer}
.g-pav{width:84px;height:84px;margin:0 auto 8px;border-radius:50%;background:#000;border:3px solid #39ff14;display:grid;place-items:center}
.g-pav .fav svg{width:70px;height:70px}
.g-ph{display:block;font:400 22px/1.1 Anton,sans-serif;letter-spacing:.04em;color:#fff}
.g-pn{margin:2px 0 10px;color:#cfe9c6;font-size:14px}
.g-pm{color:#cfe9c6}
.g-pd{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.g-pd div{background:rgba(0,0,0,.55);border:1px solid rgba(57,255,20,.3);border-radius:12px;padding:8px 4px}
.g-pd dt{font:400 10px/1 Anton,sans-serif;letter-spacing:.14em;color:#9fe08a}
.g-pd dd{margin:5px 0 0;font:400 18px/1 Anton,sans-serif;color:#fff}
.g-pd dd small{display:block;font:600 9.5px/1.2 system-ui,sans-serif;color:#9fb79a;margin-top:3px;text-transform:uppercase}
.g-pl{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#39ff14;color:#041000;font:700 14px/1 system-ui,sans-serif;text-decoration:none}
/* ---- #/underground ---- */
.g-ugp{max-width:1180px;margin:0 auto;padding:0 14px 40px}
.g-ugh{text-align:center;padding:22px 4px 14px}
.g-ugh h1{margin:0 0 12px}
.g-ugh .ff-tape{font-size:clamp(24px,7vw,40px)}
.g-ugh p{color:#e9dfc6;max-width:560px;margin:0 auto;font-size:15px;line-height:1.45;text-wrap:balance}
.g-ugg{gap:26px 18px}
a.g-uge{color:#7a1d00;font-weight:700;text-decoration:none;display:inline-flex;min-height:28px;align-items:center}
@media (prefers-reduced-motion:reduce){.g-slot .g-ring,.g-slot .g-ring i{animation:none}}

/* own-photo avatars */
.fav.fph{display:grid;place-items:center;overflow:hidden;border-radius:50%}
.fav.fph img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.g-ring .fav.fph img{width:100%;height:100%}
.avb.avup .avcam{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:22px;line-height:1}
.avb.avup .avcam small{font:400 8.5px/1 Anton,sans-serif;letter-spacing:.08em;color:#39ff14}
.g-pav .fav.fph{width:76px;height:76px}
