/* ══ THE SHARED CHROME, IN THE FIELD'S LANGUAGE ═══════════════════════════════════════════════
   Loaded last on every old-chrome page (the story, the mint, the collection, redeem, the economy, terms and
   the mine hub). It restates ONLY the bar and the footer so they match the front door: the floating white
   pill with the mark, the tabs, the wallet chip, the footer row. Each page keeps its own composition and
   its own ground; those are restyled one at a time, on purpose, never by a blanket rule. 18 Sep 2026. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@112,900&family=Inter:wght@400;500;600;700&display=swap');

:root { --fd-ink:#1c1712; --fd-white:#fff; --fd-gold:#f7931e; --fd-shadow:0 12px 34px rgba(28,23,18,.18); --fd-ease:cubic-bezier(.2,.8,.2,1); }

/* ── the bar ── */
.omen-bar {
  position:sticky !important; top:10px !important; z-index:900; height:auto !important; padding:8px 8px 8px 22px !important;
  margin:10px auto 0 !important; width:calc(100% - 32px); max-width:1180px; box-sizing:border-box;
  background:var(--fd-white) !important; border:0 !important; border-radius:999px !important; box-shadow:var(--fd-shadow) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important; font-family:Inter, system-ui, sans-serif !important; gap:16px !important;
  color:var(--fd-ink) !important;
}
.omen-bar .omen-mark img { height:30px !important; width:30px !important; filter:none !important; }
.omen-mark span { font:900 17px/1 Archivo, Impact, sans-serif !important; letter-spacing:.06em !important; text-transform:uppercase; color:var(--fd-ink) !important; }
.omen-tabs { gap:2px !important; }
.omen-tabs a { font:600 12px/1 Inter, sans-serif !important; letter-spacing:.12em !important; text-transform:uppercase; opacity:1 !important; color:var(--fd-ink) !important; padding:9px 12px !important; border-radius:999px !important; transition:background .2s ease, color .2s ease; }
.omen-tabs a:hover { background:rgba(28,23,18,.07) !important; }
.omen-tabs a[aria-current="page"] { background:var(--fd-ink) !important; color:#fff !important; box-shadow:none !important; }
.omen-pill { font:700 8px/1 Inter, sans-serif !important; letter-spacing:.12em !important; border-radius:999px; padding:3px 6px !important; }
.omen-pill.is-live { background:var(--fd-gold) !important; color:var(--fd-ink) !important; }
.omen-pill.is-wait { background:rgba(28,23,18,.1) !important; color:var(--fd-ink) !important; opacity:1 !important; }
.omen-chip { font:600 14px/1 Inter, sans-serif !important; letter-spacing:0 !important; text-transform:none; padding:10px 18px !important; border-radius:999px !important; background:var(--fd-ink) !important; color:#fff !important; border:2px solid var(--fd-ink) !important; transition:background .2s ease, color .2s ease, transform .2s var(--fd-ease); }
.omen-chip:hover { background:var(--fd-gold) !important; color:var(--fd-ink) !important; transform:translateY(-1px); }
.omen-chip.on { background:#e6f7c3 !important; color:#2f5d10 !important; border-color:#2f5d10 !important; }
.omen-chip.nag { background:var(--fd-gold) !important; color:var(--fd-ink) !important; border-color:var(--fd-gold) !important; }
.omen-sub { border:0 !important; justify-content:center; padding:8px 16px !important; }
.omen-sub a { font:600 11px Inter, sans-serif !important; letter-spacing:.12em !important; text-transform:uppercase; border-radius:999px !important; padding:6px 12px !important; }
.omen-phase { border:0 !important; font:500 13.5px/1.5 Inter, sans-serif !important; margin:10px auto 0; width:calc(100% - 32px); max-width:1180px; border-radius:16px; }
@media (max-width:560px) {
  .omen-bar { padding:6px 6px 6px 14px !important; width:calc(100% - 20px); gap:8px !important; }
  .omen-bar .omen-mark img { height:24px !important; width:24px !important; }
  .omen-tabs a { padding:8px 8px !important; font-size:11px !important; letter-spacing:.08em !important; }
  .omen-chip { padding:8px 12px !important; font-size:13px !important; }
}

/* ── the footer: the landing page's row; its colour comes from the page it sits on ── */
.omen-foot { font:600 12px/1.6 Inter, sans-serif !important; letter-spacing:.14em !important; text-transform:uppercase; padding:60px 20px 50px !important; gap:10px 26px !important; }
.omen-foot a { opacity:.65 !important; transition:opacity .2s ease, color .2s ease; }
.omen-foot a:hover { opacity:1 !important; color:var(--fd-gold) !important; }

/* ── the phone: the bar wraps into two rows inside a rounded sheet, every tab on screen, none cut off ── */
@media (max-width:560px) {
  .omen-bar { flex-wrap:wrap !important; border-radius:22px !important; padding:8px 10px 8px 14px !important; gap:6px 8px !important; }
  .omen-tabs { order:3; width:100%; margin:4px 0 0 !important; overflow:visible !important; display:grid !important; grid-template-columns:repeat(3, 1fr); gap:4px !important; }
  .omen-tabs a { display:flex; align-items:center; justify-content:center; min-height:38px; text-align:center; padding:8px 6px !important; font-size:11px !important; letter-spacing:.08em !important; background:rgba(28,23,18,.05); }
  .omen-tabs a:nth-child(n+4) { grid-column:span 1; }
  .omen-chip { margin-left:auto; }
}

/* ── the wallet sheet: the same white card as everything else on the site ── */
.omen-veil { background:rgba(28,23,18,.45) !important; backdrop-filter:blur(4px); }
.omen-sheet { background:var(--fd-white) !important; color:var(--fd-ink) !important; border:0 !important; border-radius:26px !important; box-shadow:0 30px 80px rgba(28,23,18,.35) !important; padding:22px 18px 18px !important; font-family:Inter, system-ui, sans-serif !important; min-width:min(360px, calc(100vw - 32px)); }
.omen-sheet h3 { font:900 20px/1 Archivo, Impact, sans-serif !important; letter-spacing:-.01em !important; text-transform:uppercase; color:var(--fd-ink) !important; opacity:1 !important; margin:0 0 14px !important; }
.omen-sheet button, .omen-sheet a.omen-row { display:flex !important; align-items:center; gap:12px; width:100%; margin:0 0 8px !important; border:2px solid var(--fd-ink) !important; border-radius:16px !important; background:var(--fd-white) !important; color:var(--fd-ink) !important; font:600 15px/1.2 Inter, sans-serif !important; letter-spacing:0 !important; text-transform:none !important; padding:12px 14px !important; text-align:left; cursor:pointer; transition:background .2s ease, transform .2s var(--fd-ease); }
.omen-sheet button:hover, .omen-sheet a.omen-row:hover { background:var(--fd-gold) !important; transform:translateY(-1px); }
.omen-sheet .omen-ic { width:34px !important; height:34px; border-radius:10px; background:rgba(28,23,18,.08); display:inline-grid; place-items:center; font-size:16px !important; flex:none; }
.omen-sheet .omen-sml { font:500 12px Inter, sans-serif !important; letter-spacing:0 !important; opacity:1 !important; color:#6a5f52; margin-top:2px !important; }
.omen-sheet hr { border-top:1px solid rgba(28,23,18,.1) !important; margin:10px 0 !important; }
.omen-sheet .omen-say { font:500 13px/1.55 Inter, sans-serif !important; color:#6a5f52; opacity:1 !important; padding:6px 4px 0 !important; }
.omen-sheet .omen-say b { color:var(--fd-ink) !important; font-weight:700 !important; }
.omen-sheet .omen-code { font:900 28px Archivo, Impact, sans-serif !important; letter-spacing:.2em !important; color:var(--fd-ink) !important; }