/* Oct 15 2026 (Ki 8:28 PM): Just Doin Me = elements cut from the REAL cover (snakes, paisley band, cherubs, sprigs, clovers; Apple Music artwork 3000x3000 served at 1425px, white ink keyed off the red, native pixels, never upscaled) scattered like a bandana print on the cover's own red. */
.world.tex-bandana{background:#5a0206}
.world.tex-bandana::before{background:linear-gradient(180deg,rgba(40,0,4,.38),rgba(40,0,4,.12) 340px,rgba(40,0,4,0) 600px)!important;opacity:1}
.world.tex-bandana .w-hero{text-shadow:0 1px 3px #000,0 2px 16px rgba(0,0,0,.8)}
.world.tex-bandana .w-sec{position:relative}
.world.tex-bandana .facts,.world.tex-bandana .tracks span,.world.tex-bandana .wgame,.world.tex-bandana .cap{background-color:rgba(30,0,3,.78)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.count{background:radial-gradient(85% 70% at 50% 52%,rgba(28,0,3,.86) 0%,rgba(40,0,4,.64) 58%,rgba(60,0,6,.20) 100%),url(img/jdm-flyerbg-m.webp?v=1) center/cover no-repeat,#5a0206!important}
/* game icons: real cover thumbs instead of emoji */
.gtile .ic img,.wgame .ic img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.gtile .ic,.wgame .ic{overflow:hidden}

/* sound pill (Oct 15 2026): small, text + drawn speaker, under the top bar, out of the way of game controls */
.nwsnd-pill{position:fixed;right:10px;top:calc(env(safe-area-inset-top) + 62px);z-index:60;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;border:1px solid rgba(124,255,58,.55);background:rgba(0,0,0,.72);color:#b6ff8a;font:12px/1 var(--ui,Anton,Impact,sans-serif);letter-spacing:1.4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 14px rgba(124,255,58,.25);cursor:pointer}
.nwsnd-pill.off{color:#cfcfcf;border-color:rgba(255,255,255,.35);box-shadow:none}
.nwsnd-pill[hidden]{display:none}
html.intro-on .nwsnd-pill,html.nw-gaming .nwsnd-pill{display:none}
.gtile .ic{width:54px;height:54px;font-size:0;border-radius:12px;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 6px 14px rgba(0,0,0,.5)}
.wgame .ic{width:52px;height:52px;flex:none;font-size:0;border-radius:12px;box-shadow:0 0 0 2px rgba(255,255,255,.8)}
.world.tex-bandana .w-sec>h3{display:inline-block;background:rgba(30,0,3,.72);padding:4px 12px;border-radius:10px}

/* Oct 15 2026 8:48 PM: Ki's official NUDY'S NIGHTMARE flyer is the element source: chrome snakes, cherubs, knots and scrollwork keyed off it at native size (never upscaled), plus the cover's paisley; deep red bandana base sampled from the flyer; red smoke drift; chrome blackletter. The Nudy illustration on the flyer is never used as background. */
.world.tex-bandana{position:relative}
.world.tex-bandana::after,.count::after,.nnm::after{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0;opacity:.55;mix-blend-mode:screen;
 background:radial-gradient(40% 28% at 20% 30%,rgba(255,40,40,.32),transparent 70%),radial-gradient(36% 24% at 80% 60%,rgba(255,70,50,.26),transparent 70%),radial-gradient(50% 30% at 50% 95%,rgba(200,10,20,.35),transparent 70%);
 animation:nmSmoke 18s ease-in-out infinite alternate;filter:blur(8px)}
.world.tex-bandana::after{position:fixed;inset:0}
@keyframes nmSmoke{0%{transform:translate(-4%,2%) scale(1)}50%{transform:translate(3%,-3%) scale(1.08)}100%{transform:translate(-2%,-1%) scale(1.03)}}
.count>*,.nnm>*{position:relative;z-index:1}
.world.tex-bandana>*{position:relative;z-index:1}
.chrome-bl,.count h3,.world.tex-bandana .w-title{font-family:'UnifrakturMaguntia',serif!important;background:linear-gradient(180deg,#ffffff 0%,#f1f1f1 30%,#9a9a9a 48%,#5d5d5d 52%,#e9e9e9 64%,#ffffff 78%,#a7a7a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important;
 filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 0 #2a0003) drop-shadow(0 3px 0 #120001) drop-shadow(0 8px 14px rgba(0,0,0,.7))}
.world.tex-bandana .w-title{font-size:clamp(44px,14vw,104px)}
.nnm{position:relative;overflow:hidden;margin-top:16px;border-radius:22px;padding:20px 14px 16px;text-align:center;border:2px solid #e9e9e9;box-shadow:0 0 0 4px #000,0 0 40px rgba(180,0,10,.45);
 background:radial-gradient(85% 60% at 50% 40%,rgba(25,0,2,.80),rgba(40,0,4,.55) 70%,rgba(60,0,6,.25)),url(img/jdm-flyerbg-m.webp?v=1) center/cover no-repeat,#5a0206}
.nnm-k{font:13px var(--ui);letter-spacing:4px;color:#ffe2e2}
.nnm-t{margin:4px 0 0;font-size:clamp(44px,13vw,80px);line-height:1;font-weight:400}
.nnm-s{font:15px var(--ui);letter-spacing:3px;text-transform:uppercase;color:#fff;margin-top:6px;text-shadow:0 2px 6px #000}
.nnm-fly{margin:14px auto 0;max-width:420px}
.nnm-fly img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.25)}
.nnm-d{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nnm-d li{background:rgba(20,0,2,.78);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 8px}
.nnm-d b{display:block;font:400 20px/1.1 var(--ui);letter-spacing:1px;color:#fff}
.nnm-d span{font-size:12.5px;color:#f3caca;letter-spacing:.4px}
@media (prefers-reduced-motion:reduce){.world.tex-bandana::after,.count::after,.nnm::after{animation:none}}

/* Ki 9:02 PM Oct 15: no small subtitle under the big gothic Just Doin Me title */
.world.tex-bandana .w-sub,.e2-just-doin-me .e2-sub{display:none!important}

/* restored first-version arcade tiles: big playful drawn icons instead of cover thumbs */
.gtile .ic:has(canvas.tart),.wgame .ic:has(canvas.tart){width:78px;height:78px;top:2px;right:4px;border-radius:0;box-shadow:none;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.gtile .ic canvas.tart,.wgame .ic canvas.tart{width:100%;height:100%;display:block}
.gtile{transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.gtile:active{transform:scale(.96) rotate(-1deg)}
.gtile:hover .ic{animation:tileBop .6s ease}@keyframes tileBop{40%{transform:translateY(-6px) rotate(-6deg)}}
#extras{padding-top:6px}#extras .xrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:0 0 16px}
#extras .xrow p{margin:0}
.gtile .ic:has(canvas.tart){width:62px;height:62px;top:4px;right:6px}.gtile{min-height:156px}.gtile b{max-width:calc(100% - 8px)}
