/* ==========================================================
   NodeZero terminal theme
   Loaded after style.css. Remove the <link> to theme.css to
   go back to the retro pixel look.
   ========================================================== */
:root{
  --px:1px;
  --t-bg:#050605;
  --t-panel:#090c09;
  --t-line:#1d2a1a;
  --t-line-hi:#2f4a24;
  --t-dim:#5f6d59;
  --navy:#1d2a1a;
  --beige-lo:#1d2a1a;
  --crt-bg:#070a07;
}
html,body{background:var(--t-bg)}
body{
  background-image:
    linear-gradient(rgba(154,203,99,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(154,203,99,.035) 1px,transparent 1px);
  background-size:40px 40px;
}
img{image-rendering:auto}
:focus-visible{outline:1px solid var(--crt-ink);outline-offset:2px}

/* ---- type: monospace headings with shell prompts ---- */
h1,h2,.brand,.ticker,.cc,.rl,.faq summary,.how h2,.box h2,.sec-head h2{
  font-family:"IBM Plex Mono",monospace;font-weight:600;letter-spacing:-.01em;
}
h1{font-size:clamp(34px,5vw,58px);line-height:1.08}
h1::before{content:"$ ";color:var(--crt-ink)}
h1::after{content:"_";color:var(--crt-ink);animation:tBlink 1.1s steps(1) infinite}
@keyframes tBlink{50%{opacity:0}}
.sec-head h2,.how h2{font-size:22px}
.sec-head h2::before,.how h2::before{content:"> ";color:var(--crt-ink)}
.box h2{font-size:20px}
.box h2::before{content:"# ";color:var(--crt-ink)}
.sec-head .meta,.lead{color:var(--t-dim)}
.lead{font-size:15px}
.brand{font-size:18px}
.brand img{width:34px}
.ticker{font-size:12px;background:transparent;border:1px solid var(--t-line-hi);color:var(--crt-ink)}

/* ---- buttons: [ bracketed ] commands ---- */
.btn,.btn.gold,.btn.beige,.btn.red{
  font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:13px;letter-spacing:.02em;
  background:transparent;box-shadow:none;border:1px solid var(--crt-ink);color:var(--crt-ink);
  padding:11px 18px;transition:background .12s,color .12s;
}
.btn::before{content:"[ ";opacity:.6}
.btn::after{content:" ]";opacity:.6}
.btn:hover{background:var(--crt-ink);color:#050605}
.btn:active{transform:none;box-shadow:none}
.btn.gold{border-color:#E0B341;color:#E0B341}
.btn.gold:hover{background:#E0B341;color:#050605}
.btn.beige{border-color:var(--t-line-hi);color:var(--text)}
.btn.beige:hover{background:var(--t-line-hi);color:var(--text)}
.btn.red{border-color:var(--red);color:var(--red)}
.btn.red:hover{background:var(--red);color:#050605}
.btn:disabled,.btn.gold:disabled{background:transparent;opacity:.35;color:var(--t-dim);border-color:var(--t-line-hi)}
.who .btn{padding:7px 12px;font-size:12px}

/* ---- windows instead of beige monitors ---- */
.casing{background:var(--t-panel);color:var(--text);border:1px solid var(--t-line);box-shadow:none}
.screen{border:1px solid var(--t-line);border-radius:0;box-shadow:none;background:var(--crt-bg)}
.screen::after{background:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);opacity:.6}
.monitor .casing{padding:0}
.monitor .casing::before{
  content:"●  ●  ●     nodezero@network: ~/status";display:block;white-space:nowrap;overflow:hidden;
  padding:9px 14px;border-bottom:1px solid var(--t-line);font-size:12px;color:var(--t-dim);letter-spacing:.02em;
}
.monitor .screen{border:0;margin:0}
.monitor .bezel-row,.monitor .stand,.monitor .base{display:none}
.monitor .btn{margin-top:14px}
.term-casing{padding:0}
.term-casing .screen{border:0}

/* ---- panels & cards: thin lines, no glow ---- */
.panel,.reg,.occupant,.rule,.strip,.perk,.faq details,.wallet-box,.ca-box,.sys,.readouts div,.tel-tabs button{
  border-width:1px;box-shadow:none;
}
.rule{background:var(--t-panel);border-color:var(--t-line)}
.rule h3{font-family:"IBM Plex Mono",monospace;font-weight:600}
.rule h3::before{content:"// ";color:var(--crt-ink)}
.wallet-box{border-style:dashed;border-color:var(--t-line-hi)}
.faq details{background:var(--t-panel)}
.faq summary{font-size:14px}
.faq summary::before{content:"$ ";color:var(--crt-ink);margin-right:4px}
.tag{border-width:1px}
.n{border-width:1px}
.n.dead{border-width:1px}
header{border-bottom:1px solid var(--t-line);margin-bottom:8px}
footer{border-top:1px solid var(--t-line)}