/* ═══════════════════════════════════════════════════════════════════
   ORB.CSS — chanceaoi.com identity layer v3 (2026-09-13)
   The alien energy orb era: neon-matrix base, ONE nav for the whole
   site, gold seat preserved, missing-person strip honored in footer.
   Loads AFTER styles.css + mansion.css → wins cascade. Existing HTML
   contracts (card, btn, tag, lnk...) keep working underneath.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --phos:#39ff88; --phos2:#6dffb0; --phos-soft:#7dff9e; --phos-deep:#1f6b3f;
  --orb-bg:#03110a; --orb-panel:#05170d; --orb-card:#041408;
  --ridge:#124026; --ridge-hi:#1d5c34;
  --gold:#ffd45a; --gold-deep:#6d5a1f;
  --ice:#9fd8ff; --alert:#ff5a52; --txt:#d9ffe8; --mut:#6fae85;
}

html{background:var(--orb-bg)}
body{
  background:
    radial-gradient(ellipse 120% 55% at 50% -10%, rgba(57,255,136,.09), transparent 55%),
    repeating-linear-gradient(0deg, rgba(57,255,136,.02) 0 1px, transparent 1px 4px),
    var(--orb-bg) !important;
  color:var(--txt);
}
/* deep glow pools behind the page */
body::after{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(circle 520px at 10% -6%, rgba(57,255,136,.12), transparent 60%),
    radial-gradient(circle 460px at 94% 110%, rgba(57,255,136,.07), transparent 60%);
}

/* rain brightened — the matrix must feel alive on every page */
canvas#mansion-rain{opacity:.25 !important}
canvas#rain{position:fixed;inset:0;z-index:-1}

/* ── THE ONE NAV — corridor of doors ─────────────────────────────── */
nav.top, nav{position:relative}
nav.orbbar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:10px 20px;
  background:linear-gradient(180deg, rgba(2,13,7,.98), rgba(4,20,11,.94)) !important;
  border-bottom:1px solid var(--ridge-hi);
  box-shadow:0 1px 0 rgba(57,255,136,.14) inset, 0 6px 26px rgba(0,0,0,.65);
  z-index:60;
}
nav.orbbar .logo{
  display:inline-flex;align-items:center;gap:9px;margin-right:auto;
  color:var(--phos) !important;font-weight:700;letter-spacing:.2em;
  font-family:monospace;text-decoration:none;font-size:1.02rem;
  text-shadow:0 0 12px rgba(57,255,136,.65);
}
nav.orbbar .logo img{
  width:24px;height:24px;filter:drop-shadow(0 0 7px rgba(57,255,136,.8));
  animation:orbHover 3.6s ease-in-out infinite;
}
@keyframes orbHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
nav.orbbar a.lnk{
  color:#c4ecd2;text-decoration:none;font-size:.84rem;letter-spacing:.05em;
  padding:6px 13px;border:1px solid transparent;border-radius:15px;
  font-family:'Segoe UI',Arial,sans-serif;
  transition:border-color .2s, box-shadow .2s, color .2s, background .2s;
}
nav.orbbar a.lnk:hover{
  background:#072815;color:var(--phos);
  border-color:var(--ridge-hi);box-shadow:0 0 12px rgba(57,255,136,.28);
}
nav.orbbar a.lnk.on{
  background:#0a3320;color:var(--phos);border-color:#2c6a42;
  box-shadow:0 0 14px rgba(57,255,136,.35);
}
nav.orbbar a.cta-hot{
  color:#052a14;background:linear-gradient(180deg,var(--phos),#1ecb67);
  border-color:#2c6a42;font-weight:700;text-shadow:none;
  box-shadow:0 0 16px rgba(57,255,136,.5);
}
nav.orbbar a.cta-hot:hover{filter:brightness(1.12)}
nav.orbbar .acctchip{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;
}
nav.orbbar #who{color:#8dffc4;font-family:monospace;font-size:.8rem}
nav.orbbar .signin-btn{
  background:#0a3320;color:var(--phos);border:1px solid #2c6a42;border-radius:8px;
  font-family:monospace;font-weight:700;font-size:.8rem;padding:.42rem .85rem;
  cursor:pointer;letter-spacing:.08em;transition:all .2s;
}
nav.orbbar .signin-btn:hover{background:#0e4a2a;box-shadow:0 0 14px rgba(57,255,136,.4)}
.godchip{color:var(--gold);border:1px solid var(--gold-deep);border-radius:6px;
  padding:.05rem .5rem;font-size:.7rem;box-shadow:0 0 10px rgba(255,212,90,.3)}

/* GENESIS gold seat, kept */
a.genesis-tab{
  color:var(--gold) !important;border:1px solid var(--gold-deep) !important;
  background:linear-gradient(180deg,#241c07,#150f04) !important;
  box-shadow:0 0 14px rgba(255,212,90,.25);font-weight:700;
}

/* ── MISSING STRIP — the honor lane, footer-level ────────────────── */
.missing-strip{
  position:relative;z-index:5;border-top:1px solid #5c221a;
  background:linear-gradient(90deg,#160706,#1c0b08 60%,#160706);
  color:#ffb7a8;font-size:.74rem;letter-spacing:.06em;text-align:center;
  padding:7px 16px;font-family:monospace;
}
.missing-strip a{color:#ff8a7a;text-decoration:none;border-bottom:1px dotted #7a2622}
.missing-strip a:hover{color:#ffb0a0}
.missing-strip .mp-hrt{color:#ff5a52;animation:mpbeat 1.8s infinite}
@keyframes mpbeat{0%,100%{opacity:1}50%{opacity:.45}}

/* ── THE ORB — hero face ─────────────────────────────────────────── */
.orb-hero{position:relative;display:inline-block}
.orb-hero img,.orb-hero canvas{width:min(300px,58vw);height:auto;display:block;
  filter:drop-shadow(0 0 26px rgba(57,255,136,.55)) drop-shadow(0 0 80px rgba(57,255,136,.25));
  animation:orbBreathe 4.2s ease-in-out infinite}
@keyframes orbBreathe{
  0%,100%{filter:drop-shadow(0 0 22px rgba(57,255,136,.5)) drop-shadow(0 0 70px rgba(57,255,136,.22))}
  50%{filter:drop-shadow(0 0 34px rgba(109,255,176,.75)) drop-shadow(0 0 110px rgba(57,255,136,.4))}
}
.orb-hero::after{ /* splash ring ticks around the orb */
  content:"";position:absolute;inset:-14px;border-radius:50%;
  border:1px dashed rgba(57,255,136,.22);
  animation:orbSpin 26s linear infinite;pointer-events:none;
}
@keyframes orbSpin{to{transform:rotate(360deg)}}

/* ── three-door grid (landing + store) ──────────────────────────── */
.orb-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}
.orb-doors .door{
  display:block;text-decoration:none;padding:22px 18px;border-radius:8px;
  background:linear-gradient(160deg,var(--orb-card) 0%,#020d07 100%);
  border:1px solid var(--ridge);position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(57,255,136,.05),0 10px 30px rgba(0,0,0,.5);
  transition:transform .18s, box-shadow .2s, border-color .2s;
}
.orb-doors .door:hover{transform:translateY(-3px);border-color:var(--ridge-hi);
  box-shadow:0 0 26px rgba(57,255,136,.18),0 12px 32px rgba(0,0,0,.6)}
.orb-doors .door h3{font-family:monospace;letter-spacing:.12em;color:var(--phos);
  margin:0 0 6px;font-size:1rem;text-shadow:0 0 10px rgba(57,255,136,.5)}
.orb-doors .door p{color:var(--mut);font-size:.85rem;line-height:1.5;margin:0}
.orb-doors .door .dprice{font-family:monospace;color:var(--phos2);font-size:.78rem;
  letter-spacing:.1em;display:block;margin-top:10px}

/* ── cards inherit the mansion bones; tighten headers ────────────── */
.card h3{font-family:monospace !important;letter-spacing:.1em}
.kv-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.price-tag{font-family:monospace;color:var(--phos2);border:1px solid var(--ridge);
  padding:2px 9px;border-radius:6px;letter-spacing:.1em}

/* h1 hero wordmark */
h1.wordmark{
  font-family:monospace;letter-spacing:.42em;color:#eafff2;text-align:center;
  text-shadow:0 0 18px rgba(57,255,136,.9),0 0 60px rgba(57,255,136,.45);
  font-weight:700;font-size:clamp(1.4rem,4.5vw,2.4rem);margin:.4rem 0;
}

/* panels + inputs tuned to the deep green */
input,select,textarea{
  background:#04150c !important;border:1px solid var(--ridge) !important;
  color:#e8fff2 !important;border-radius:8px;
}
input:focus{border-color:var(--phos) !important;box-shadow:0 0 12px rgba(57,255,136,.3)}

/* footer */
footer{background:#010805 !important;border-top:1px solid var(--ridge-hi);
  box-shadow:0 -1px 0 rgba(57,255,136,.08) inset}
footer b{font-family:monospace;letter-spacing:.14em;color:#c9ffe0 !important}

/* ── mobile ──────────────────────────────────────────────────────── */
@media(max-width:640px){
  nav.orbbar{padding:8px 10px}
  nav.orbbar .logo{width:100%;margin-bottom:2px}
  .orb-doors{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  .orb-hero img,.orb-hero canvas{animation:none}
  .orb-hero::after{animation:none}
  nav.orbbar .logo img{animation:none}
  .missing-strip .mp-hrt{animation:none}
}