html.theme-camo{
  --bg:#2c2f22;--panel:#3b3d2e;--panel2:#4a4634;--line:#6b644c;--text:#f3efe4;--muted:#c4bba0;
  --accent:#f7c600;--accent2:#e0b13a;--accent-ink:#1a170e;--inset:#26281e;
  --tabbar-bg:#1e2018;--tab-color:#c4bba0;--tab-active:#f7c600;
}
html.theme-camo .tabbar{background:var(--tabbar-bg)}
html.theme-camo .tabbar a{color:var(--tab-color)}
html.theme-camo .tabbar a.active{color:var(--tab-active)}


/* First-run welcome, empty hunts, and polished auth/NDA/first-log. v2.7.10 first-run and Camo theme additions. */
.firstrun{
  position:fixed;inset:0;z-index:80;background:var(--bg);color:var(--text);
  display:flex;flex-direction:column;
}
.firstrun-slides{flex:1;position:relative;min-height:0}
.firstrun-slide{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  opacity:0;pointer-events:none;transition:opacity .35s ease;
}
.firstrun-slide.is-on{opacity:1;pointer-events:auto}
.firstrun-slide .shot{
  position:absolute;inset:0;margin:0;
}
.firstrun-slide .shot img{
  width:100%;height:100%;max-width:none;object-fit:cover;
}
.firstrun-slide .copy{
  position:relative;z-index:2;padding:28px 22px calc(16px + env(safe-area-inset-bottom));
  background:linear-gradient(to top,rgba(16,14,10,.78) 0%,rgba(16,14,10,.35) 70%,transparent 100%);
  color:#f9f6ef;
}
.firstrun-slide h2{font-size:1.55rem;margin:0 0 .4rem;color:#f9f6ef;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.firstrun-slide p{margin:0;color:#efeae0;font-size:1.05rem;max-width:28em;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.firstrun-bar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:12px 18px calc(14px + env(safe-area-inset-bottom));
  background:var(--panel);border-top:1px solid var(--line);
}
.firstrun-dots{display:flex;gap:6px;flex:1}
.firstrun-dots button{
  width:8px;height:8px;padding:0;border-radius:50%;border:0;background:var(--line);cursor:pointer;
  min-width:8px;min-height:8px;
}
.firstrun-dots button[aria-current="true"]{background:var(--accent);width:18px;border-radius:99px}
.firstrun-bar .btn{min-width:140px}
.firstrun-skip{background:none;border:0;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;min-height:44px;padding:0 8px}

.empty-first{padding:0 0 18px;overflow:hidden;border:0}
.empty-first .empty-photo{margin:0 0 14px;max-height:220px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}
.empty-first .empty-photo img{width:100%;height:220px;max-width:none;object-fit:cover;object-position:center 40%}
.empty-first h2,.empty-first p,.empty-first .btn{margin-left:16px;margin-right:16px}
.empty-first h2{margin-top:4px}
.empty-first .btn.primary{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;text-decoration:none}
.empty-first .muted{margin-top:12px}

.first-log-note{
  margin:0 0 12px;padding:10px 12px;border-radius:12px;
  background:var(--panel2);border:1px solid var(--line);color:var(--text);font-size:.95rem;
}

#socialAuth,#socialNda{overflow:hidden;padding-top:0}
.auth-hero,.nda-hero{
  margin:0 -14px 14px;height:140px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;
}
.auth-hero img,.nda-hero img{width:100%;height:140px;max-width:none;object-fit:cover}
#socialAuth h2,#socialNda h2{margin-top:4px}
.nda-lock .nda-hero{margin:0 0 10px;width:100%;border-radius:12px}
.nda-setup .nda-hero{margin:0 0 10px}

@media (prefers-reduced-motion:reduce){
  .firstrun-slide{transition:none}
}

body.firstrun-open{overflow:hidden}
