/* site-chrome.css: the ONE header and footer shared by zombabiez.com, the arcade and the launchpad.
   Source: shared/site-chrome/ (built by build.mjs). Everything is scoped to .zb-header / .zb-footer / .zb-area
   so each site's own styles can't change it and it can't change them. */
.zb-header,.zb-footer,.zb-area{--zbc-ink:#f4ffe8;--zbc-mute:#a9b8a3;--zbc-line:rgba(165,255,155,.14);--zbc-green:#4eff5a;--zbc-lime:#b4ff22;--zbc-bg:#090c09;font-family:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.zb-header *,.zb-footer *,.zb-area *{box-sizing:border-box}
.zb-header,.zb-footer,.zb-area{text-align:left}
.zb-header a,.zb-footer a,.zb-area a{text-decoration:none}
.zb-header{position:sticky;top:0;z-index:100;background:rgba(9,12,9,.9);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--zbc-line);color:var(--zbc-ink)}
.zb-header .zbc-wrap{max-width:1200px;margin:0 auto;padding:0 20px;height:68px;display:flex;align-items:center;gap:14px;position:relative}
.zb-brand{font:400 28px/1 "Bangers",Impact,sans-serif;letter-spacing:.04em;color:var(--zbc-ink)!important;transform:rotate(-1deg);white-space:nowrap;flex:none}
.zb-brand b{font-weight:400;color:var(--zbc-green)}
.zbc-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
/* Mint: the one loud button on every page. */
.zbc-mint{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border:2px solid #000;border-radius:12px;background:linear-gradient(135deg,#ff4fc0,#ff8a3d);color:#140510!important;font-weight:800;font-size:16px;line-height:1.1;letter-spacing:.01em;white-space:nowrap;box-shadow:3px 3px 0 #000,0 0 22px rgba(255,79,192,.45);transition:transform .15s,box-shadow .15s}
.zbc-mint:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000,0 0 30px rgba(255,79,192,.65)}
.zbc-short{display:none}
.zbc-toggle{display:inline-flex;align-items:center;gap:9px;flex:none;min-height:44px;padding:8px 14px;border:1px solid rgba(155,255,150,.28);border-radius:12px;background:rgba(255,255,255,.04);color:var(--zbc-ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.zbc-toggle:hover,.zbc-toggle[aria-expanded="true"]{background:rgba(78,255,90,.12);border-color:rgba(78,255,90,.5)}
.zbc-toggle i,.zbc-toggle i::before,.zbc-toggle i::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;content:"";position:relative;transition:transform .2s,background .2s}
.zbc-toggle i::before{position:absolute;top:-6px}.zbc-toggle i::after{position:absolute;top:6px}
.zbc-toggle[aria-expanded="true"] i{background:transparent}
.zbc-toggle[aria-expanded="true"] i::before{transform:translateY(6px) rotate(45deg)}
.zbc-toggle[aria-expanded="true"] i::after{transform:translateY(-6px) rotate(-45deg)}
/* Menu panel: every link, grouped, each with a one-line note. */
.zbc-panel{display:none;position:fixed;top:var(--zbc-top,76px);left:12px;right:12px;max-width:1176px;margin:0 auto;max-height:calc(100svh - var(--zbc-top,76px) - 12px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--zbc-line);border-radius:18px;background:rgba(9,12,9,.985);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.zbc-panel.open{display:block}
.zbc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 22px}
.zbc-col-menu{--tone:var(--zbc-mute)}
.zbc-tone-play{--tone:#4eff5a}.zbc-tone-nft{--tone:#ff6fcf}.zbc-tone-shop{--tone:#ffa64d}.zbc-tone-learn{--tone:#b9c6b4}
.zbc-col-menu h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 10px 10px;border-bottom:2px solid color-mix(in srgb,var(--tone) 45%,transparent);color:var(--tone);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.zbc-col-menu h3 svg{flex:none}
.zbc-col-menu a b em{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--zbc-green);color:#04120a;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.zbc-col-menu a{display:block;padding:10px;border-radius:12px;color:var(--zbc-ink)!important}
.zbc-col-menu a b{display:block;font-size:16px;font-weight:700;line-height:1.25}
.zbc-col-menu a span{display:block;margin-top:2px;color:var(--zbc-mute);font-size:13px;line-height:1.35}
.zbc-col-menu a[target] b::after{content:" \2197";opacity:.55;font-weight:500}
.zbc-col-menu a:hover,.zbc-col-menu a:focus-visible{background:rgba(78,255,90,.09)}
.zbc-col-menu a:hover b{color:var(--zbc-green)}
.zbc-col-menu a[aria-current] b{color:var(--zbc-green)}
.zbc-col-menu a[aria-current] b::before{content:"\2022\00a0";color:var(--zbc-green)}
.zbc-col-menu a.zbc-feature{margin:2px 0 6px;border:1px solid rgba(255,79,192,.55);background:linear-gradient(135deg,rgba(255,79,192,.16),rgba(255,138,61,.1))}
.zbc-col-menu a.zbc-feature-mint b{color:#ff7fd0}
.zbc-col-menu a.zbc-feature-credit{border-color:rgba(180,255,34,.55);background:linear-gradient(135deg,rgba(180,255,34,.14),rgba(78,255,90,.06))}
.zbc-col-menu a.zbc-feature-credit b{color:var(--zbc-lime)}
.zbc-col-menu a.zbc-feature-launch{border-color:rgba(167,139,255,.6);background:linear-gradient(135deg,rgba(167,139,255,.17),rgba(255,111,207,.06))}
.zbc-col-menu a.zbc-feature-launch b{color:#c2b0ff}
.zbc-col-menu a.zbc-feature-launch b em{background:#a78bff;color:#120a2a}
.zbc-col-menu a.zbc-feature-shop{border-color:rgba(255,166,77,.55);background:linear-gradient(135deg,rgba(255,166,77,.16),rgba(255,79,192,.06))}
.zbc-col-menu a.zbc-feature-shop b{color:#ffb466}
.zb-header a:focus-visible,.zb-header button:focus-visible,.zb-footer a:focus-visible,.zb-footer button:focus-visible,.zb-area a:focus-visible{outline:3px solid #ff64c8;outline-offset:3px}
@media (max-width:900px){.zbc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}}
@media (max-width:420px){.zbc-long{display:none}.zbc-short{display:inline}}
@media (max-width:620px){
  .zb-header .zbc-wrap{gap:8px;padding:0 12px}
  .zbc-actions{gap:6px}
  .zb-brand{font-size:24px;min-width:0;overflow:hidden}
  .zbc-mint{padding:9px 16px}
  .zbc-toggle{padding:8px 11px}.zbc-toggle span{display:none}
  .zbc-panel{left:8px;right:8px;padding:14px 10px}
  .zbc-grid{grid-template-columns:1fr;gap:14px}
}
@media (max-width:380px){.zb-brand{font-size:23px}.zbc-mint{padding:9px 12px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.zbc-mint,.zbc-toggle i,.zbc-toggle i::before,.zbc-toggle i::after{transition:none}}
/* Page strip: links for the part of the site you're in (arcade, launchpad). */
.zb-area{border-top:1px solid var(--zbc-line);background:rgba(78,255,90,.04);color:var(--zbc-ink)}
.zb-area .zbc-wrap{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.zb-area strong{font:400 20px/1 "Bangers",Impact,sans-serif;letter-spacing:.04em;color:var(--zbc-green);margin-right:6px}
.zb-area a{color:var(--zbc-ink)!important;font-weight:600;font-size:15px;padding:8px 0}
.zb-area a:hover{color:var(--zbc-green)!important}
/* Footer */
.zb-footer{border-top:1px solid var(--zbc-line);background:linear-gradient(180deg,rgba(6,8,6,.4),rgba(3,4,3,.94));color:var(--zbc-mute);font-size:15px}
.zb-footer .zbc-wrap{max-width:1200px;margin:0 auto;padding:46px 20px 26px}
.zbc-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.zbc-about p{margin:12px 0;line-height:1.55;max-width:34ch}
.zbc-social{display:flex;flex-wrap:wrap;gap:6px 16px}
.zbc-social a,.zbc-col a{color:var(--zbc-mute)!important}
.zbc-social a:hover,.zbc-col a:hover{color:var(--zbc-green)!important}
.zbc-col h4{margin:0 0 10px;font:400 19px/1.1 "Bangers",Impact,sans-serif;letter-spacing:.04em;color:var(--zbc-ink)}
.zbc-col h4 button{all:unset;font:inherit;letter-spacing:inherit;color:inherit}
.zbc-col a{display:block;padding:4px 0}
.zbc-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:30px;padding-top:18px;border-top:1px solid var(--zbc-line);font-size:13px}
.zbc-bottom a{color:var(--zbc-mute)!important}.zbc-bottom a strong{color:var(--zbc-green);font-weight:600}.zbc-bottom a:hover{color:var(--zbc-ink)!important}
@media (max-width:860px){.zbc-cols{grid-template-columns:1fr 1fr}.zbc-about{grid-column:1/-1}}
@media (max-width:560px){
  .zbc-cols{grid-template-columns:1fr;gap:0}
  .zbc-about{padding-bottom:12px}
  .zbc-col{border-top:1px solid var(--zbc-line)}
  .zbc-col h4{margin:0}
  .zbc-col h4 button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;cursor:pointer}
  .zbc-col h4 button::after{content:"+";font:700 20px/1 system-ui,sans-serif;color:var(--zbc-green)}
  .zbc-col.open h4 button::after{content:"\2013"}
  .zbc-col>a{display:none;padding:9px 0}
  .zbc-col.open>a{display:block}
  .zbc-col.open{padding-bottom:10px}
  .zbc-bottom{flex-direction:column}
}
.zbc-cols a[target]::after{content:" \2197";opacity:.6}