/* ===== Nezu injected layer ===== */
/* hide site background canvas (matrix noise) so sky shows cleanly */
canvas[aria-hidden="true"].fixed, canvas.pointer-events-none.fixed.-z-10{ display:none !important; }


/* (#4) hide original top CA bar (the $…·Live on Robinhood Chain·CA strip) */
div.h-9.z-50.bg-hood-green{ display:none !important; }

/* (#2) reveal sky behind the app: make the top-level white wrapper transparent */
.min-h-screen.bg-hood-white{ background-color:transparent !important; }
html{ background:#eaf6ff; } body{ background:transparent !important; }

/* sky container behind everything */
#nezu-sky{ position:fixed; inset:0; z-index:-3; pointer-events:none; overflow:hidden;
  background:linear-gradient(180deg,#6fb8ff 0%,#9fd0ff 30%,#cbe7ff 58%,#eaf6ff 82%,#ffffff 100%); }
#nezu-sky .cloud{ position:absolute; left:0; width:220%; background-repeat:repeat-x;
  background-size:auto 100%; will-change:transform; }
/* main REAL clouds band (full-colour sky image) */
#nezu-sky .c-sky{ top:0; height:92vh; background-image:url(/img/sky-wide.jpg);
  opacity:.95; animation:nezuDriftA 70s linear infinite;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%); }
/* extra white puffs drifting the other way for depth */
#nezu-sky .c-near{ top:4%; height:70vh; background-image:url(/img/clouds-near.png);
  opacity:.8; animation:nezuDriftB 55s linear infinite; }
#nezu-sky .c-low{ bottom:0; height:42vh; background-image:url(/img/clouds-near.png);
  opacity:.4; transform:scaleY(-1); animation:nezuDriftA 90s linear infinite reverse; }
@keyframes nezuDriftA{ from{background-position:0 0} to{background-position:-1800px 0} }
@keyframes nezuDriftB{ from{background-position:0 0} to{background-position:1800px 0} } to{background-position:1600px 0} }

/* (#4) custom CA bar, shown only when admin sets a contract */
#nezu-cabar{ position:relative; z-index:50; display:flex; gap:12px; align-items:center;
  justify-content:center; height:38px; padding:0 16px; font-weight:600; font-size:12.5px;
  color:#04121f; background:linear-gradient(90deg,#2f9bff,#0a93ff);
  box-shadow:0 1px 0 rgba(0,0,0,.12); }
#nezu-cabar .lab{ background:#04121f; color:#eaf4ff; border-radius:5px; padding:2px 7px;
  font-size:13px; line-height:1; }
#nezu-cabar .ca{ font-family:ui-monospace,Menlo,monospace; letter-spacing:.2px;
  cursor:pointer; text-decoration:underline; text-underline-offset:2px;
  max-width:62vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#nezu-cabar a{ color:#04121f; text-decoration:none; opacity:.85; }
#nezu-cabar a:hover{ opacity:1; }
#nezu-cabar[hidden]{ display:none !important; }

/* keep app readable above sky */
#root{ position:relative; z-index:0; }

/* (#8) mobile safety for custom bar */
@media (max-width:640px){
  #nezu-cabar{ font-size:11px; height:34px; gap:8px; padding:0 10px; }
  #nezu-cabar .hide-sm{ display:none; }
  #nezu-cabar .ca{ max-width:56vw; }
}

/* (#2) breathing room so "online" doesn't merge with nav links */
nav[aria-label="Primary"]{ margin-left:18px !important; }
header span:has(> .live-dot){ margin-right:6px; }

/* hero wordmark: static, no float/spin animation */
img[src*="puffy2"]{ animation:none !important; transition:none !important; transform:none !important; }

/* (#1) remove the nav square logo icon -> clean "NezuIRL" text */
a[href="/"] span:has(> img[src*="mark2"]){ display:none !important; }
a[href="/"] span:has(> img[src*="hmark"]){ display:none !important; }
/* (#2) new display/headline font */
.display, .display-tight, h1.display, [class*="display"]{ font-family:"Bricolage Grotesque","Anybody Variable",Anybody,ui-sans-serif,system-ui,sans-serif !important; letter-spacing:-0.01em; }