:root {
  --yellow: #f3ba2f;
  --yellow2: #ffd20a;
  --black: #090907;
  --ink: #12120f;
  --panel: #1a1914;
  --panel2: #25231b;
  --cream: #e5d6aa;
  --muted: #8d897b;
  --green: #63d471;
  --red: #ff3d30;
  --orange: #ff7a00;
  --blue: #68a7de;
  --border: #4f4938;
  --pixel: "Press Start 2P", ui-monospace, monospace;
  --terminal: "VT323", "Courier New", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  background: #11100c;
  color: #f1ead5;
  font-family: var(--terminal);
  font-size: 22px;
  line-height: 1.25;
  overflow-x: hidden;
}
body.locked { overflow: hidden; }
::selection { background: var(--yellow); color: #000; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.pixel-image { image-rendering: pixelated; image-rendering: crisp-edges; }

.crt-layer { pointer-events: none; position: fixed; inset: 0; z-index: 9998; }
.crt-scanlines {
  opacity: .18;
  background: repeating-linear-gradient(to bottom, transparent 0, transparent 2px, rgba(0,0,0,.45) 3px, rgba(0,0,0,.45) 4px);
  mix-blend-mode: multiply;
}
.crt-noise {
  z-index: 9997;
  opacity: .035;
  background-image:
    repeating-radial-gradient(circle at 20% 10%, rgba(255,255,255,.75) 0 1px, transparent 1px 3px),
    repeating-radial-gradient(circle at 70% 80%, rgba(0,0,0,.9) 0 1px, transparent 1px 4px);
  background-size: 7px 9px, 11px 13px;
  animation: noiseShift .15s steps(2) infinite;
}
.crt-vignette { z-index: 9996; box-shadow: inset 0 0 140px rgba(0,0,0,.8); }
@keyframes noiseShift { 0%{transform:translate(0,0)} 25%{transform:translate(1px,-1px)} 50%{transform:translate(-1px,1px)} 75%{transform:translate(1px,1px)} }

.boot-screen {
  position: fixed; inset: 0; z-index: 10000; background: #000; display: grid; place-items: center;
  transition: opacity .35s ease, visibility .35s ease;
}
.boot-screen.hidden { opacity: 0; visibility: hidden; }
.boot-tv { width: min(920px, 92vw); min-height: 620px; border: 8px solid #27251e; box-shadow: 0 0 0 4px #000, 0 0 0 7px var(--yellow), 16px 16px 0 #000; position: relative; overflow: hidden; background: #0a0a08; }
.boot-static { position: absolute; inset: 0; opacity: .11; background: repeating-linear-gradient(90deg,#fff 0 1px,#000 1px 3px); animation: staticRoll .12s infinite steps(2); }
@keyframes staticRoll { to { transform: translateY(8px); } }
.boot-inner { position: relative; z-index: 2; min-height: 620px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 50px 30px; }
.boot-logo { width: 126px; height: 126px; object-fit: cover; margin-bottom: 20px; border: 4px solid var(--yellow); }
.boot-lines { width: min(640px, 90%); min-height: 110px; text-align: left; font-size: 23px; color: #bcb39a; margin: 20px auto; }
.boot-lines p { margin: 2px 0; }
.tiny { font-size: 16px; }.dim { color: #756f61; }

.glitch { position: relative; }
.glitch::before,.glitch::after { content: attr(data-text); position: absolute; inset: 0; pointer-events: none; }
.glitch::before { transform: translate(3px,0); color: #ff3d30; clip-path: inset(0 0 58% 0); opacity: .65; animation: glitchA 2.7s infinite steps(1); }
.glitch::after { transform: translate(-3px,0); color: #5dff77; clip-path: inset(58% 0 0 0); opacity: .45; animation: glitchB 3.1s infinite steps(1); }
@keyframes glitchA { 0%,92%,100%{transform:translate(0)}93%{transform:translate(5px,-2px)}95%{transform:translate(-5px,2px)} }
@keyframes glitchB { 0%,89%,100%{transform:translate(0)}90%{transform:translate(-6px,1px)}92%{transform:translate(4px,-1px)} }
.mega { font-family: var(--pixel); color: var(--yellow); font-size: clamp(28px, 5vw, 56px); line-height: 1.25; }

.ticker { position: sticky; top: 0; z-index: 200; height: 34px; overflow: hidden; background: var(--yellow); color: #0d0d09; border-top: 3px solid #000; border-bottom: 3px solid #000; font-family: var(--pixel); font-size: 9px; }
.ticker-track { width: max-content; display: flex; align-items: center; gap: 28px; height: 100%; white-space: nowrap; animation: ticker 28s linear infinite; }
@keyframes ticker { to { transform: translateX(-50%); } }

.site-header { position: sticky; top: 34px; z-index: 190; min-height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding: 10px 4vw; background: rgba(12,12,9,.95); border-bottom: 2px solid #343126; backdrop-filter: blur(8px); }
.brand { display: inline-flex; align-items: center; gap: 12px; justify-self: start; }
.brand-logo { width: 46px; height: 46px; object-fit: cover; }
.brand span { display: grid; font-family: var(--pixel); font-size: 10px; line-height: 1.4; }
.brand strong { color: #fff; }.brand em { color: var(--yellow); font-style: normal; }
.nav-links { display: flex; gap: 24px; font-family: var(--pixel); font-size: 8px; color: #c9c0a8; }
.nav-links a:hover { color: var(--yellow); }
.wallet-btn { justify-self: end; }

.pixel-btn { cursor: pointer; border: 3px solid #000; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; font-family: var(--pixel); font-size: 9px; font-weight: 700; text-transform: uppercase; box-shadow: 5px 5px 0 #000; transition: transform .08s, box-shadow .08s, filter .15s; }
.pixel-btn:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 #000; filter: brightness(1.08); }
.pixel-btn:active { transform: translate(5px,5px); box-shadow: 0 0 0 #000; }
.pixel-btn.yellow { background: var(--yellow); color: #000; border-color: #16150f; }
.pixel-btn.black { background: #16150f; color: var(--yellow); border-color: #544e3a; }
.pixel-btn.ghost { background: transparent; color: #e7ddc2; border-color: #6c644c; box-shadow: 5px 5px 0 #000; }
.tiny-btn { min-height: 38px; padding: 9px 12px; font-size: 7px; }

.hero { min-height: calc(100vh - 110px); position: relative; overflow: hidden; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 30px; padding: 8vh 5vw 9vh; border-bottom: 3px solid #393528; background: #242219; }
.hero-grid-bg { position:absolute; inset:0; opacity:.22; background-image: linear-gradient(rgba(243,186,47,.18) 1px,transparent 1px), linear-gradient(90deg,rgba(243,186,47,.18) 1px,transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(to right,#000,transparent 80%); }
.hero::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(9,9,7,.15), transparent 60%); pointer-events:none; }
.hero-copy,.hero-art-wrap { position:relative; z-index:2; }
.eyebrow,.section-label { color: var(--yellow); font-family: var(--pixel); font-size: 8px; letter-spacing: .08em; }
.hero-title { font-family: var(--pixel); font-size: clamp(50px, 8vw, 118px); line-height: .95; margin: 28px 0 24px; color: #fff; text-shadow: 7px 7px 0 #000; }
.hero-kicker { font-family: var(--pixel); font-size: clamp(14px, 1.7vw, 24px); color: var(--yellow); margin:0 0 10px; line-height:1.5; }
.hero-body { font-size: clamp(26px, 2.5vw, 42px); margin:0 0 30px; color:#d6ccb0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
.micro-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }
.micro-badges span { border:1px solid #665f49; padding:7px 9px; color:#8f8874; font-family:var(--pixel); font-size:6px; background:#11100c; }
.hero-art-wrap { transform: rotate(1deg); }
.hero-art { width: 112%; max-width: 1040px; margin-left: -6%; border: 6px solid #000; box-shadow: 14px 14px 0 rgba(0,0,0,.8); display:block; }
.tape { position:absolute; z-index:3; background:#111; color:var(--yellow); padding:10px 18px; font-family:var(--pixel); font-size:8px; border:2px solid #544e3a; transform:rotate(-5deg); }
.tape-a { top:-18px; left:-18px; }
.hero-sticker { position:absolute; right:-20px; bottom:-28px; width:130px; height:130px; background:var(--red); color:#fff; border:5px solid #000; display:grid; place-items:center; text-align:center; font-family:var(--pixel); font-size:13px; line-height:1.35; transform:rotate(7deg); box-shadow:8px 8px 0 #000; }
.scroll-cue { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); font-family:var(--pixel); font-size:7px; color:#8d856e; z-index:2; }

.section { padding: 96px 5vw; border-bottom: 2px solid #403b2d; background:#222018; position:relative; }
.section:nth-of-type(even) { background:#171611; }
.section-head,.split-head { display:flex; justify-content:space-between; gap:50px; align-items:end; margin:26px 0 38px; }
.section h3 { margin:0; font-family:var(--pixel); font-size:clamp(24px,3vw,46px); line-height:1.35; color:#fff; text-shadow:4px 4px 0 #000; }
.section-head p,.split-head p { max-width:650px; color:#aaa28e; font-size:24px; margin:0; }
.status-chip { border:1px solid #81765a; padding:8px 12px; font-family:var(--pixel); font-size:7px; color:#d8cfb8; background:#11100c; }
.status-chip i { width:7px;height:7px;background:var(--orange);display:inline-block;margin-right:6px;animation:blink 1s steps(1) infinite; }
@keyframes blink { 50%{opacity:0} }

.status-grid { display:grid; grid-template-columns:repeat(5,1fr); border:2px solid #4c4635; background:#11100c; }
.status-card { min-height:190px; padding:24px 20px; border-right:1px solid #4c4635; display:flex; flex-direction:column; justify-content:space-between; position:relative; }
.status-card:last-child { border-right:0; }
.status-card .card-num { color:#686250; font-family:var(--pixel); font-size:7px; }
.status-card strong { color:#fff; font-family:var(--pixel); font-size:clamp(18px,2vw,30px); }
.status-card small { color:#bcb39a; font-family:var(--pixel); font-size:7px; line-height:1.7; }
.card-note { color:#625d4f; font-size:17px; }
.warning-card strong,.warning-card .blink { color:var(--red); }

.machine-section { background:#0d140d!important; background-image:linear-gradient(rgba(54,145,65,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(54,145,65,.12) 1px,transparent 1px)!important; background-size:20px 20px!important; }
.machine-window { border:3px solid #4a4a37; background:#0a0b09; box-shadow:10px 10px 0 #000; }
.window-bar { height:42px; border-bottom:2px solid #4a4a37; background:#1d1d17; display:flex; align-items:center; justify-content:space-between; padding:0 14px; font-family:var(--pixel); font-size:7px; color:#c8c0a8; }
.window-lights { display:flex; gap:6px; }.window-lights i { display:block;width:10px;height:10px;background:#59564a; }.window-lights i:nth-child(1){background:var(--red)}.window-lights i:nth-child(2){background:var(--yellow)}.window-lights i:nth-child(3){background:var(--green)}
.machine-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items:stretch; padding:30px; gap:10px; }
.flow-box { border:2px solid #4c4a3d; min-height:180px; padding:20px 16px; display:flex; flex-direction:column; gap:20px; background:#14140f; }
.flow-box b { color:#706b5a; font-family:var(--pixel); font-size:7px; }.flow-box span { color:#fff; font-family:var(--pixel); font-size:10px; line-height:1.5; }.flow-box small { color:#8a8370; font-size:18px; line-height:1.1; }.flow-box.danger { border-color:#683028; background:#190d0b; }.flow-box.danger span{color:#ff665c}
.flow-arrow { display:grid; place-items:center; color:var(--yellow); font-family:var(--pixel); font-size:18px; }
.machine-console { border-top:2px solid #3c3a30; padding:22px 26px; color:#a9a38c; min-height:175px; font-size:21px; background:#070806; }
.machine-console div { margin:2px 0; }.green{color:var(--green)!important}.yellow-text{color:var(--yellow)!important}.red-text{color:var(--red)!important}.console-cursor{display:inline-block;width:10px;height:20px;background:var(--yellow);vertical-align:-3px;animation:blink .7s steps(1) infinite;margin-left:3px}

.fund-meter-wrap { border:2px solid #4a4434; background:#11100c; padding:24px; box-shadow:8px 8px 0 #000; }
.fund-title { display:flex; justify-content:space-between; gap:20px; font-family:var(--pixel); font-size:8px; color:#a69d84; }.fund-title strong{font-size:17px;color:var(--yellow)}
.fund-meter { margin:20px 0 8px; height:32px; border:3px solid #000; background:#28241a; box-shadow:0 0 0 2px #5b533d; padding:4px; }.fund-fill{height:100%;width:1%;background:repeating-linear-gradient(90deg,var(--yellow) 0 16px,#000 16px 18px);transition:width .6s steps(8)}
.fund-scale { display:flex; justify-content:space-between; color:#625c4d; font-family:var(--pixel); font-size:6px; }
.pile-grid { margin-top:34px; display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.empty-stonk { min-height:250px;border:2px solid #514a38;background:#15140f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;box-shadow:6px 6px 0 #000; }
.empty-stonk:hover{background:#1d1a12}.big-question{font-family:var(--pixel);font-size:55px;color:#5c5648}.empty-stonk b{font-family:var(--pixel);font-size:8px;color:#d7ceb7}.empty-stonk span{color:#716a59;font-size:18px}.empty-stonk.locked{filter:saturate(.3);opacity:.7}

.brokers-section { background:#1f1e18!important; }
.collection-frame { position:relative;border:6px solid #080806;background:#0b0b09;padding:14px;box-shadow:12px 12px 0 #000;overflow:hidden; }
.collection-image { display:block;width:100%; }
.collection-glass { position:absolute;inset:14px;box-shadow:inset 0 0 60px rgba(243,186,47,.08);pointer-events:none; }
.frame-badge{position:absolute;z-index:2;top:25px;left:25px;background:#0b0b09;color:var(--yellow);border:2px solid var(--yellow);padding:8px 10px;font-family:var(--pixel);font-size:7px;box-shadow:4px 4px 0 #000}
.collection-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;color:#8a826d;font-family:var(--pixel);font-size:7px}.shake{animation:shake .45s steps(2)}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px,2px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,4px)}80%{transform:translate(3px,-2px)}100%{transform:translate(0)}}

.log-section { background:#120d0a!important; }
.log-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;margin-top:30px}.terminal-panel{border:3px solid #514638;background:#080705;box-shadow:10px 10px 0 #000}.terminal-content{padding:22px;min-height:330px}.terminal-content p{margin:4px 0;color:#b4aa91}.terminal-content time{color:#6d6655;margin-right:10px}.terminal-content b{color:var(--yellow)}.terminal-input{display:flex;align-items:center;gap:10px;border-top:2px solid #3c342b;padding:12px 16px;background:#0e0b08;color:var(--yellow)}.terminal-input input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-family:var(--terminal);font-size:22px}.office-note{background:#e5d6aa;color:#18130c;padding:30px;transform:rotate(1.5deg);box-shadow:10px 12px 0 #000;position:relative;align-self:start}.office-note .pin{position:absolute;right:18px;top:10px;font-family:var(--pixel);font-size:20px}.office-note h4{font-family:var(--pixel);font-size:14px;line-height:1.4;margin:0 0 28px}.office-note p{font-size:25px;margin:8px 0}.office-note strong{display:block;margin-top:30px;font-size:20px}

.final-section { text-align:center;padding:120px 5vw;background:var(--yellow);color:#0a0907;border-top:8px solid #000;position:relative;overflow:hidden; }
.final-section::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.05) 4px 5px);pointer-events:none}.final-logo{width:150px;height:150px;object-fit:cover;border:5px solid #000;box-shadow:10px 10px 0 rgba(0,0,0,.25);position:relative}.final-section h3{position:relative;margin:34px auto 20px;max-width:1100px;font-family:var(--pixel);font-size:clamp(26px,4vw,54px);line-height:1.35;text-shadow:none}.final-section p{position:relative;max-width:850px;margin:0 auto 28px;font-size:29px}.center-actions{justify-content:center;position:relative}.last-line{position:relative;margin-top:50px;font-family:var(--pixel);font-size:7px;opacity:.65}

.sound-control { position:fixed;right:18px;bottom:18px;z-index:300;display:flex;align-items:center;gap:8px;background:#0b0b08;border:2px solid #514a38;padding:6px 9px;box-shadow:5px 5px 0 #000; }.square-btn{width:38px;height:38px;background:var(--yellow);border:2px solid #000;font-family:var(--pixel);cursor:pointer}.sound-control span{font-family:var(--pixel);font-size:6px;color:#9e957f}.toast{position:fixed;left:50%;bottom:35px;z-index:10001;transform:translate(-50%,30px);opacity:0;background:#0c0c09;color:#fff;border:3px solid var(--yellow);box-shadow:7px 7px 0 #000;padding:14px 18px;font-family:var(--pixel);font-size:8px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}

.broke-mode .hero,.broke-mode .section{animation:screenJerk .18s steps(2) 5}.broke-mode .crt-noise{opacity:.14}.broke-mode{filter:contrast(1.08) saturate(1.12)}@keyframes screenJerk{0%{transform:translateX(0)}50%{transform:translateX(3px)}100%{transform:translateX(-2px)}}

@media (max-width: 1100px){
  .site-header{grid-template-columns:1fr auto}.nav-links{display:none}.wallet-btn{grid-column:2}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{width:100%;margin:0}.status-grid{grid-template-columns:repeat(2,1fr)}.status-card{border-bottom:1px solid #4c4635}.status-card:last-child{grid-column:span 2}.machine-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);height:25px}.pile-grid{grid-template-columns:repeat(2,1fr)}.log-layout{grid-template-columns:1fr}.office-note{max-width:520px}.split-head,.section-head{align-items:start;flex-direction:column}.section-head{gap:20px}
}
@media (max-width: 650px){
  body{font-size:19px}.site-header{padding:8px 12px;top:34px}.brand span{display:none}.brand-logo{width:40px;height:40px}.wallet-btn{font-size:6px;padding:9px 10px;min-height:38px}.hero{padding:55px 18px 80px}.hero-title{font-size:48px}.hero-sticker{width:86px;height:86px;font-size:9px;right:-8px;bottom:-18px}.tape{font-size:6px}.section{padding:70px 18px}.status-grid{grid-template-columns:1fr}.status-card,.status-card:last-child{grid-column:1;border-right:0}.pile-grid{grid-template-columns:1fr}.fund-scale span:nth-child(2){display:none}.collection-frame{padding:6px}.collection-glass{inset:6px}.frame-badge{display:none}.collection-bottom{align-items:flex-start;flex-direction:column}.boot-tv{min-height:540px}.boot-inner{min-height:540px}.sound-control span{display:none}.scroll-cue{display:none}.final-section{padding:90px 20px}
}