/* kv504 · Nudy World chunk 1 visuals (Ki's 35-min walkthrough, Oct 17 2026 8:08 PM) — CSS only, light */
@keyframes c1tw{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes c1pop{0%,70%,100%{transform:scale(.2) rotate(0);opacity:0}80%{transform:scale(1) rotate(45deg);opacity:1}90%{transform:scale(.6) rotate(90deg);opacity:.8}}
.hero>h1,.hero>p{position:relative;z-index:1}
#worlds,#arcade,#links{position:relative}
.wcard .lbl{position:relative;isolation:isolate}
/* 3 · Nudy Land: the era nav logo keeps its D */
html[data-era="nudy-land"] .bar .brand{background-image:url(img/nav/nudy-land.webp?v=2);width:99px}
html[data-era="slimerre"] .bar .brand{background-image:url(img/nav/slimerre.webp?v=2);width:60px}
html[data-era="anyways"] .bar .brand{background-image:url(img/nav/anyways.webp?v=2);width:58px}
html[data-era="rich-shooter"] .bar .brand{background-image:url(img/nav/rich-shooter.webp?v=2);width:150px}
/* 4 · Sli'merre: the album's own painted sky + a straight crop of the real cover (Ki 10:53 PM: real him, not the half cut-out) */
.world.era-slimerre{background:#8fc0f0!important}
.world.era-slimerre::before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;opacity:1!important;background:url(img/sl-sky.webp?v=2) center/cover no-repeat!important}
.era-slimerre .w-hero::after{content:"";display:block;width:min(820px,100%);margin:12px auto 0;aspect-ratio:7/3;background:url(img/sl-scene.webp?v=2) center/cover no-repeat;border-radius:14px;box-shadow:0 8px 22px rgba(10,36,99,.35)}
.era-slimerre .w-logo{box-shadow:0 12px 34px rgba(10,36,99,.35)!important}
.era-slimerre .facts li,.era-slimerre .cap,.era-slimerre .wgame,.era-slimerre .pn a{background:rgba(255,255,255,.72)!important}
.era-slimerre .w-sec>h3,.era-paradise .w-sec>h3{color:var(--slime);text-shadow:0 2px 0 #0b3d00,0 0 10px rgba(0,0,0,.55)}
/* Sli'merre 2: its painted sunset sky + skyline, gas station and the cars; buttons in the sky's blue, not orange */
.world.era-slimerre-2::before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;opacity:1!important;background:linear-gradient(rgba(42,6,6,.15),rgba(42,6,6,.35)),url(img/sl2-sky.webp?v=1) center/cover no-repeat!important}
.era-slimerre-2 .w-hero::after{content:"";display:block;width:min(820px,100%);margin:8px auto -4px;aspect-ratio:1200/430;background:url(img/sl2-scene.webp?v=1) center bottom/contain no-repeat}
.era-slimerre-2 .facts li,.era-slimerre-2 .cap,.era-slimerre-2 .wgame,.era-slimerre-2 .pn a{background:rgba(26,12,40,.72)!important}
.era-slimerre-2 .cap button,.era-slimerre-2 .tracks .ktrk{border-color:#8e9cf0!important}
/* 5 · Rich Shooter: little white crosses twinkling in the back like the album, on the header too */
.world.era-rich-shooter::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--spark) 0 0/260px 300px,var(--spark) 130px 150px/180px 208px;opacity:.8;animation:c1tw 2.6s ease-in-out infinite}
.era-rich-shooter .w-hero{position:relative}
.era-rich-shooter .w-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--spark) 70px 40px/220px 254px;opacity:.7;animation:c1tw 2.6s ease-in-out infinite -1.3s}
.era-rich-shooter .w-hero>*{position:relative;z-index:1}
html[data-era="rich-shooter"] .bar{background-image:var(--spark),linear-gradient(#050505,#050505)!important;background-size:200px 230px,auto!important;background-position:30px -40px,0 0!important}
html[data-era="rich-shooter"] .bar .brand{position:relative;overflow:visible}
html[data-era="rich-shooter"] .bar .brand::after{content:"";position:absolute;width:18px;height:18px;right:-4px;top:-5px;background:var(--star) center/contain no-repeat;animation:c1pop 2.4s ease-in-out infinite;filter:drop-shadow(0 0 4px #fff)}
.era-rich-shooter .w-title{overflow:visible}
.era-rich-shooter .w-title .tart-img{animation:c1flash 3.2s ease-in-out infinite}
@keyframes c1flash{0%,86%,100%{filter:brightness(1)}90%{filter:brightness(1.45) drop-shadow(0 0 10px #fff6c8)}}
.era-rich-shooter .w-sec{position:relative}
.era-rich-shooter .w-sec>h3{position:relative}
.era-rich-shooter .w-sec>h3::after{content:"";position:absolute;width:20px;height:20px;right:-16px;top:-8px;background:var(--star) center/contain no-repeat;animation:c1pop 3s ease-in-out infinite;filter:drop-shadow(0 0 5px #fff)}
/* 8 · Paradise: the album's lagoon with its fish, as the page background */
.world.era-paradise{background:#5ec7b0!important}
.world.era-paradise::before{content:""!important;opacity:1!important;background:linear-gradient(rgba(6,59,61,.10),rgba(6,59,61,.30)),url(img/para-water.webp?v=1) 0 0/320px 320px repeat!important}
.era-paradise .facts li,.era-paradise .cap,.era-paradise .wgame,.era-paradise .pn a{background:rgba(6,59,61,.82)!important}
/* 9 · Faded in the Booth: no frame, a bright car light off to the side, old textured photo */
.era-faded-in-the-booth .w-hero{position:relative}
.era-faded-in-the-booth .w-logo{box-shadow:none!important;border-radius:0!important;background:transparent!important;filter:sepia(.28) contrast(1.08) brightness(1.06) saturate(.92);-webkit-mask:radial-gradient(ellipse 70% 68% at 50% 50%,#000 62%,transparent 100%);mask:radial-gradient(ellipse 70% 68% at 50% 50%,#000 62%,transparent 100%)}
.era-faded-in-the-booth .w-hero::before{content:"";position:absolute;z-index:2;pointer-events:none;top:4%;right:-6%;width:min(56%,420px);aspect-ratio:1;background:radial-gradient(circle,#fffdf2 0 4%,rgba(255,236,170,.95) 9%,rgba(255,196,90,.55) 22%,rgba(255,160,50,.18) 42%,transparent 66%);mix-blend-mode:screen;animation:c1car 5s ease-in-out infinite}
@keyframes c1car{0%,100%{opacity:.9}50%{opacity:1}47%{opacity:.7}}
.world.era-faded-in-the-booth{background:#05060a!important}
.world.era-faded-in-the-booth::before{background:radial-gradient(50% 30% at 92% 10%,rgba(255,214,120,.16),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .25 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E") 0 0/180px 180px!important;opacity:.22!important}
/* 6 · header fits: NUDY WORLD never cut, nav never cut at 375/393 */
.bar .brand{flex:none;line-height:1.15;padding:2px 0}
@media (max-width:440px){.bar{gap:5px;padding:8px 8px}.bar nav{gap:3px}.bar nav a{padding:5px 7px;font-size:12px;letter-spacing:.2px}.bar nav a[href="#links"]{display:none}.brand{font-size:21px}.navjoin{padding:5px 9px;font-size:13px}html[data-era] .bar .brand{max-width:92px}}
@media (max-width:380px){.bar nav a[href="#countdown"]{display:none}}
@media (min-width:900px){.bar .brand{font-size:30px}.bar nav a{font-size:15px;padding:7px 13px}.wcard .lbl b.ti .tart-img{max-height:74px!important}}
/* 10 · music: one joined block (radio header + video + now playing), full screen pops the whole block */
.mblock{position:relative;margin:0 auto 18px;max-width:980px;background:#000;border:2px solid var(--slime);border-radius:20px;overflow:hidden;box-shadow:0 0 34px rgba(124,255,58,.25)}
.mblock .mban{border-bottom:0;padding:62px 14px 14px}
.mblock .mstage{margin:0;padding:0 12px 12px}
.mblock .mscreen{border-radius:12px}
.mblock.fs{position:fixed;inset:0;z-index:999;max-width:none;margin:0;border-radius:0;border:0;display:flex;flex-direction:column;overflow:auto}
.mblock:fullscreen{max-width:none;margin:0;border-radius:0;border:0;display:flex;flex-direction:column;overflow:auto}
.mblock.fs .mban,.mblock:fullscreen .mban{padding:40px 12px 8px}
.mblock.fs .mban h1,.mblock:fullscreen .mban h1{font-size:clamp(34px,7vw,64px)}
.mblock.fs .mstage,.mblock:fullscreen .mstage{flex:1;display:flex;flex-direction:column;justify-content:center}
.mblock.fs .mscreen,.mblock:fullscreen .mscreen{width:min(100%,calc((100vh - 190px) * 16 / 9));margin:0 auto}
body.c1lock{overflow:hidden}
.mtv{background:linear-gradient(180deg,#b6ff7a,#5cf01e)!important;color:#031a00!important;border:0!important;font-weight:700}
@media (prefers-reduced-motion:reduce){.world.era-rich-shooter::after,.era-rich-shooter .w-hero::before,.era-rich-shooter .w-title .tart-img,html[data-era="rich-shooter"] .bar .brand::after,.era-rich-shooter .w-sec>h3::after,.era-faded-in-the-booth .w-hero::before{animation:none!important}}

.t-title[src*="nudy-land-title"],.t-title[src*="slimerre-title"]{border-radius:12px}