/* Ansem Lab — shared TERMINAL base for sub-pages (burn / wallet / gallery / mine).
   Replaces the legacy style.css on those pages. Matches the homepage (index.css) look.
   CSP-safe: self-hosted fonts only (Space Mono / Inter / Archivo Black). */

:root{
  --acid:#CBF806; --red:#FF2E35; --wow:#FF2E35; --ink:#0e0f13; --bg:#0e0f13; --cream:#f7f6f2;
  --sky:#4fc3ff; --green:#2fe38a; --amber:#ffb02e; --ember:#ff7a18;
  --panel:#12141a; --panel2:#171a21; --line:#232734; --mut:#8a92a3; --dim:#5c6473; --txt:#c7ccd6;
  --wow-glow:rgba(203,248,6,.28);
  --mono:'Space Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --disp:'Archivo Black','Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%}
body{
  background:var(--ink); color:var(--txt); font-family:var(--sans);
  font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased; min-height:100vh;
  background-image:
    linear-gradient(rgba(203,248,6,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(203,248,6,.018) 1px,transparent 1px);
  background-size:100% 26px,26px 100%;
}
::selection{background:var(--acid);color:var(--ink)}
a{color:var(--acid);text-decoration:none}
a:hover{text-decoration:none;opacity:.85}
.mono{font-family:var(--mono)}
.dim{color:var(--dim)} .green{color:var(--green)} .amb{color:var(--amber)}
.acid{color:var(--acid)} .red{color:var(--red)} .sky{color:var(--sky)}
img{max-width:100%}
h1,h2,h3{margin:0}

/* ================= HEADER / NAV (matches homepage nav) ================= */
header{
  position:sticky;top:0;z-index:70;background:rgba(10,11,14,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
  display:block;padding:0;font-family:var(--mono);
}
header .wrap{
  max-width:1120px;margin:0 auto;padding:0 18px;
  display:flex;align-items:center;gap:12px;height:56px;
}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;font-size:14px;
  letter-spacing:.3px;color:var(--acid);white-space:nowrap;text-decoration:none}
.logo img{width:22px;height:22px;border-radius:5px}
header .spacer{flex:1}
.lnk{font-family:var(--mono);font-size:12.5px;color:var(--txt);padding:8px 10px;border-radius:6px;transition:.14s;white-space:nowrap}
.lnk::before{content:'$ ';color:var(--dim)}
.lnk:hover{color:var(--acid);background:rgba(203,248,6,.06);opacity:1}
.lnk[aria-current="page"]{color:var(--acid)}
.net-pill{font-family:var(--mono);font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:6px;
  padding:6px 10px;display:flex;align-items:center;gap:7px;white-space:nowrap}
.net-pill.wrong-net{border-color:var(--red);color:#ff8a8f}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex:none;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* buttons */
button{font-family:var(--mono);cursor:pointer;border:1px solid var(--line);border-radius:6px;font-weight:700;
  padding:9px 15px;font-size:12.5px;letter-spacing:.3px;transition:.14s;background:var(--panel2);color:var(--txt)}
.btn,.btn-wow,.btn-ghost{font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.3px;
  padding:9px 15px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--txt);
  cursor:pointer;transition:.14s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.btn-wow{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.btn-wow:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--wow-glow)}
.btn-ghost:hover{border-color:var(--acid);color:var(--acid)}
button:hover{transform:translateY(-1px)}
button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
#darkToggle{display:none!important}   /* terminal is dark-only */

/* ================= STATUS / TAG BAR (homepage statusbar strip) ================= */
.tagbar{
  background:#0a0b0e;border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:12px;color:var(--dim);
  text-align:center;padding:8px 16px;letter-spacing:.3px;
}
/* official scam-prevention notice */
.notice-band{background:linear-gradient(180deg,rgba(255,176,46,.11),rgba(255,176,46,.03));border-bottom:1px solid rgba(255,176,46,.4);font-family:var(--mono)}
.notice-band .wrap{display:flex;gap:14px;align-items:flex-start;max-width:1080px;margin:0 auto;padding:11px 18px}
.notice-band .nb-tag{flex:none;font-size:11px;font-weight:700;color:var(--ink);background:var(--amber);padding:4px 10px;border-radius:6px;letter-spacing:.05em;white-space:nowrap;margin-top:1px}
.notice-band .nb-text{font-size:12.5px;line-height:1.55;color:var(--txt);text-align:left}
.notice-band .nb-text b{color:var(--cream)} .notice-band .nb-text b.rd{color:var(--red)} .notice-band .nb-text b.amb{color:var(--amber)}
.notice-band .nb-sub{color:var(--dim);font-size:11.5px}
@media(max-width:640px){.notice-band .wrap{flex-direction:column;gap:8px}}

/* ================= HERO / SECTION HEADINGS ================= */
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;color:var(--dim);
  letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}
.kicker::before{content:'▚';color:var(--acid)}
.h2{font-family:var(--disp);font-size:clamp(26px,4.6vw,42px);line-height:1.05;letter-spacing:-.5px;color:var(--cream);margin:0 0 10px}
.disp{font-family:var(--disp)}
h1.h2{font-weight:400}

/* ================= STATS (mine + shared) ================= */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 15px;font-family:var(--mono)}
.stat .k{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.6px}
.stat .v{font-size:20px;font-weight:700;margin-top:5px;color:var(--cream)}
.stat .v.sm{font-size:14px}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.stats{grid-template-columns:1fr}}

.section-h{display:flex;align-items:center;gap:10px;margin:18px 0 14px;font-family:var(--mono)}
.section-h h2{font-family:var(--disp);font-size:16px;margin:0;color:var(--cream);letter-spacing:0}
.section-h .sub{color:var(--dim);font-size:12px}
.section-h .spacer{flex:1}

/* ================= STATUS LINE ================= */
.status{margin:14px auto;max-width:640px;text-align:center;font-family:var(--mono);font-weight:700;font-size:13px;min-height:20px;color:var(--dim)}
.status.err{color:#ff8a8f} .status.ok{color:var(--green)} .status.work{color:var(--amber)}

/* ================= FOOT ================= */
.foot{margin-top:44px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:11.5px;line-height:1.8}
.foot a{color:var(--txt)} .foot a:hover{color:var(--acid)}
.foot code{color:var(--mut)}

/* page content wrap (direct body child; header .wrap is overridden above) */
body > .wrap{max-width:1120px;margin:0 auto;padding:26px 18px 64px}

/* ================= MOBILE ================= */
@media(max-width:760px){
  header .wrap{height:auto;min-height:52px;flex-wrap:wrap;gap:8px;padding:8px 14px}
  .logo{font-size:13px}
  .lnk{padding:7px 8px;font-size:12px}
  .net-pill{display:none}
}
@media(prefers-reduced-motion:reduce){ .dot{animation:none} }