/* ═══════════════════════════════════════════════════════════════════ MEME BOT WARS — shared war-room theme (1980s GI Joe / tactical HUD) Linked by every page; the mbw.js injector adds the header + fonts. Page-specific palettes are mapped onto these tokens. ═══════════════════════════════════════════════════════════════════ */ :root{ --mbw-ground:#0d100c; --mbw-ground-2:#0a0c09; --mbw-panel:#14180f; --mbw-panel-2:#191e12; --mbw-line:#2b3320; --mbw-line-2:#3a4529; --mbw-amber:#f2b42e; --mbw-amber-dim:#a67d1c; --mbw-cobra:#cf2b2b; --mbw-cobra-dim:#7d1c1c; --mbw-steel:#4d86bf; --mbw-olive:#7f9142; --mbw-olive-dim:#55622c; --mbw-cream:#e8e2cf; --mbw-khaki:#a49f86; --mbw-muted:#77785f; --mbw-hazard: repeating-linear-gradient(-45deg,#f2b42e 0 14px,#0d100c 14px 28px); } /* base overrides — only on pages that opt in with */ body.mbw{ background:var(--mbw-ground) !important; color:var(--mbw-cream); font-family:"Barlow Semi Condensed",system-ui,sans-serif; background-image: radial-gradient(120% 70% at 50% -10%, rgba(242,180,46,.05), transparent 60%), repeating-linear-gradient(0deg, rgba(0,0,0,.14) 0 1px, transparent 1px 3px); } body.mbw .mono,body.mbw code,body.mbw pre{font-family:"Chakra Petch",monospace;font-variant-numeric:tabular-nums} body.mbw h1,body.mbw h2,body.mbw h3{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.5px} body.mbw a{color:var(--mbw-amber)} body.mbw ::selection{background:var(--mbw-amber);color:var(--mbw-ground)} /* ── shared header (injected by mbw.js) ── */ .mbw-hdr{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0b0e0a,#0d100c);border-bottom:1px solid var(--mbw-line-2)} .mbw-hdr .in{display:flex;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:9px 20px;flex-wrap:wrap} .mbw-brand{font-family:"Black Ops One",system-ui;font-size:16px;letter-spacing:.5px;color:var(--mbw-cream);white-space:nowrap;text-decoration:none} .mbw-brand b{color:var(--mbw-amber)} .mbw-nav{display:flex;gap:4px;flex-wrap:wrap} .mbw-nav a{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--mbw-khaki); text-decoration:none;padding:6px 11px;border:1px solid transparent;border-radius:2px;transition:.12s} .mbw-nav a:hover{color:var(--mbw-amber);border-color:var(--mbw-line-2)} .mbw-nav a.on{color:var(--mbw-ground);background:var(--mbw-amber);border-color:var(--mbw-amber)} .mbw-defcon{margin-left:auto;display:flex;align-items:center;gap:9px;font-family:"Oswald",sans-serif;text-transform:uppercase; letter-spacing:1.5px;font-size:11px;color:var(--mbw-muted)} .mbw-defcon .lvl{font-family:"Chakra Petch",monospace;font-weight:700;letter-spacing:2px;padding:2px 9px;border:1px solid;border-radius:2px} .mbw-hazard{height:6px;background:var(--mbw-hazard);opacity:.75} /* ── reusable components ── */ .mbw-label{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--mbw-amber); display:flex;align-items:center;gap:11px;margin-bottom:12px} .mbw-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--mbw-line-2),transparent)} .mbw-stencil{font-family:"Black Ops One",system-ui;letter-spacing:.5px;text-transform:none} .mbw-panel{position:relative;background:linear-gradient(180deg,var(--mbw-panel),var(--mbw-ground-2));border:1px solid var(--mbw-line-2)} .mbw-panel::before,.mbw-panel::after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--mbw-amber);opacity:.55} .mbw-panel::before{top:-1px;left:-1px;border-right:0;border-bottom:0} .mbw-panel::after{bottom:-1px;right:-1px;border-left:0;border-top:0} .mbw-btn{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;font-size:13px; padding:9px 16px;border:1px solid var(--mbw-amber);color:var(--mbw-ground);background:var(--mbw-amber);border-radius:2px;cursor:pointer} .mbw-btn.ghost{background:transparent;color:var(--mbw-cream);border-color:var(--mbw-line-2)} .mbw-btn.ghost:hover{border-color:var(--mbw-amber);color:var(--mbw-amber)} /* anchor buttons: outrank `body.mbw a{color:amber}` so amber-fill buttons keep dark text */ body.mbw a.mbw-btn{color:var(--mbw-ground);text-decoration:none} body.mbw a.mbw-btn.ghost{color:var(--mbw-cream)} body.mbw a.mbw-btn.ghost:hover{color:var(--mbw-amber)} /* severity text helpers (semantic, separate from the amber accent) */ .mbw-good{color:var(--mbw-olive)} .mbw-warn{color:var(--mbw-amber)} .mbw-crit{color:var(--mbw-cobra)}