/* Pump Farm look: night pixel farm. Built from the logo (gold coin, green sprout). Static textures, transform/opacity animations only. */
@font-face { font-family: pixel; src: url(/media/pixel.woff2) format("woff2"); font-display: swap; }
:root {
  --bg: #0b1410; --bg2: #0e1a14; --card: #121d18; --line: #2c4436; --text: #eaf5ea; --mute: #9db3a6;
  --accent: #5dff8f; --accent-ink: #04220f; --ok: #5dff8f; --warn: #ffd23e; --gold: #ffd23e; --r: 0px;
  --f-display: pixel, ui-monospace, Menlo, monospace;
}
* { border-radius: 0 !important; }
.bg { background: linear-gradient(180deg, rgba(11, 20, 16, .5), rgba(11, 20, 16, .93) 62%, #0b1410), url(/media/hero.jpg) center top / cover no-repeat #0b1410; }
body.claim .bg { background: linear-gradient(180deg, rgba(11, 20, 16, .78), rgba(11, 20, 16, .96) 55%, #0b1410), url(/media/hero.jpg) center top / cover no-repeat #0b1410; }
.nav { backdrop-filter: none; -webkit-backdrop-filter: none; background: #0b1410; border-bottom: 2px solid var(--line); }
.brand { font: 400 13px/1 var(--f-display); }
.brand img, .bd-top img { image-rendering: auto; }
h1 { font: 400 clamp(26px, 5.4vw, 58px)/1.25 var(--f-display) !important; letter-spacing: 0 !important; text-shadow: 0 4px 0 #000; }
h1 em { color: var(--gold) !important; }
section h2, .live-head h2 { font: 400 clamp(17px, 2.8vw, 28px)/1.35 var(--f-display) !important; letter-spacing: 0 !important; text-shadow: 0 3px 0 #000; }
.stepcard h3, .bd-top h3 { font: 400 clamp(15px, 2.6vw, 20px)/1.4 var(--f-display) !important; }
.how-grid b, .tk-grid dd, .stats dd { font: 400 13px/1.5 var(--f-display) !important; }
.tk-grid dd.mono { font: 500 14px/1.4 var(--f-mono) !important; }
.eyebrow, .prog-label, .kick { font: 400 10px/1.4 var(--f-display) !important; letter-spacing: 0 !important; }
.lede { color: #d5e6d8; text-shadow: 0 2px 0 #000; }
.btn { font: 400 12px/1 var(--f-display); padding: 14px 18px; box-shadow: 0 4px 0 #0c7a36; transition: transform .1s; }
.btn:hover { transform: none; } .btn:active { transform: translateY(3px); }
.btn.small { font-size: 10px; padding: 10px 12px; }
.btn.big, .big-cta { font-size: 13px; padding: 18px 20px; }
.btn.ghost { box-shadow: 0 4px 0 #06100b; border: 2px solid var(--line); }
.chip, .icon-btn { border: 2px solid var(--line); background: var(--card); }
.how-grid li, .tk-grid div, .stats div, .feed li, .stepcard, .board { border: 2px solid var(--line) !important; box-shadow: 0 4px 0 #06100b; }
.stepcard, .board { border-color: var(--accent) !important; }
.how-grid li::before { font: 400 12px/1 var(--f-display); background: var(--gold); color: #221a00; }
.how-grid li img { display: block; width: 48px; height: 48px; image-rendering: pixelated; margin-bottom: 12px; }
.how-grid.pics li::before { display: none; }
.prog { height: 10px; border: 2px solid var(--line); background: #06100b; }
.field { border: 2px solid var(--line); }
.h-art img { border-radius: 0 !important; box-shadow: 0 0 0 4px #06100b; }
.coin img { box-shadow: 0 0 0 4px #06100b; }
.strip { border-block: 2px solid var(--line); background: #0b1410; }
.strip-run i { color: var(--gold); }
.what { padding: 80px 0 0; }
.crops { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.crops li { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 2px solid var(--line); background: var(--card); font: 400 10px/1 var(--f-display); }
.crops img { width: 24px; height: 24px; image-rendering: pixelated; }
.foot { border-top: 2px solid var(--line); margin-top: 60px; padding-top: 28px; }