/* bp2.css · Nudy World polish bp2 (Oct 18 2026): phone ☰ menu with 44px+ targets, sound pill moved to a corner. */
.bar .nwmenu-btn{display:none}
@media (max-width:760px){
 .bar{gap:8px!important;padding:6px 8px!important;min-height:56px;flex-wrap:nowrap!important}
 .bar .brand{flex:0 1 auto!important;min-width:0}
 .bar .navjoin{margin-left:auto!important;min-height:44px;padding:0 16px!important;font-size:15px!important;position:static!important}
 .bar .navjoin.in{padding:0 12px 0 4px!important}
 .bar .nwmenu-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:0;padding:0;border-radius:12px;border:1px solid rgba(124,255,58,.55);background:rgba(0,0,0,.55);color:#b6ff8a;cursor:pointer;-webkit-tap-highlight-color:transparent}
 html[data-era] .bar .nwmenu-btn{color:var(--era-ink,#b6ff8a);border-color:color-mix(in srgb,var(--era-acc,#7cff3a) 60%,transparent);background:color-mix(in srgb,var(--era-bg,#000) 70%,transparent)}
 .bar .nwmenu-btn svg{width:22px;height:22px;display:block}
 .bar .nwmenu-btn .x{display:none}
 html.nwmenu-open .bar .nwmenu-btn .x{display:block}
 html.nwmenu-open .bar .nwmenu-btn .h{display:none}
 .bar nav{position:absolute!important;left:0;right:0;top:100%;margin:0!important;display:none!important;flex-direction:column!important;gap:2px!important;padding:6px 10px 14px!important;overflow:visible!important;max-height:calc(100vh - 64px);overflow-y:auto!important;background:var(--era-bg,#050505);border-bottom:1px solid rgba(124,255,58,.35);box-shadow:0 18px 30px -12px rgba(0,0,0,.85)}
 html.nwmenu-open .bar nav{display:flex!important}
 .bar nav a,.bar nav a[href="#links"],.bar nav a[href="#countdown"]{display:flex!important;align-items:center;min-height:48px;padding:0 14px!important;font-size:18px!important;letter-spacing:1px!important;border-radius:10px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;white-space:nowrap}
 .bar nav a.nwfavlink{font-family:var(--ui)!important;letter-spacing:1px!important}
 .bar nav a.nwfavlink::after{content:"\00a0 FAVORITES"}
}
/* sound pill: phones get a small round icon in the bottom-left corner (nothing there to cover) */
@media (max-width:820px){
 .nwsnd-pill{top:auto!important;right:auto!important;left:calc(10px + env(safe-area-inset-left,0px))!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:44px;height:44px;padding:0!important;justify-content:center;gap:0!important;opacity:.82}
 .nwsnd-pill span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .nwsnd-pill svg{width:20px;height:20px}
 html.nwmenu-open .nwsnd-pill{display:none}
}

/* era pages: JOIN pill takes the era colour as one shape (was a coloured box inside the green pill) */
html[data-era] .bar .navjoin{background:var(--era-acc)!important;box-shadow:0 0 12px color-mix(in srgb,var(--era-acc) 55%,transparent)!important}
html[data-era] .bar .navjoin b{background:none!important;color:var(--era-bg)!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-era="rich-shooter"] .bar .navjoin{background:linear-gradient(110deg,#6b4a07 0%,#d4a017 18%,#fff6c8 30%,#b8860b 42%,#7a5208 55%,#e9c25a 70%,#fff1a8 80%,#8a5a07 100%)!important;background-size:240% 100%!important;animation:goldsh 4s linear infinite;border:1px solid #f6e7b0}
html[data-era="rich-shooter"] .bar .navjoin b{color:#1a1204!important;text-shadow:0 1px 0 rgba(255,255,255,.4)}
@media (max-width:760px){html[data-era="rich-shooter"] .bar nav a{background-size:100% 100%!important;animation:none!important}}