:root{--ink:#071109;--deep:#0b1d10;--moss:#15351d;--leaf:#2b6a32;--acid:#d4ff45;--banana:#ffd94a;--cream:#fff0ce;--white:#fffdf4;--line:rgba(212,255,69,.22);--pixel:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--acid);color:var(--ink)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.leaf{position:fixed;font-size:16vw;filter:saturate(.6) brightness(.55);opacity:.22;z-index:-1;pointer-events:none}.leaf-a{left:-5vw;top:25vh;transform:rotate(35deg)}.leaf-b{right:-5vw;top:65vh;transform:rotate(-45deg)}
.topbar{position:fixed;z-index:20;left:24px;right:24px;top:20px;min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;background:rgba(7,17,9,.78);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 15px 40px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:12px;font:800 13px var(--pixel);letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--acid);color:var(--ink);box-shadow:4px 4px 0 var(--leaf)}nav{display:flex;gap:28px}nav a,.mini-cta{font:700 11px var(--pixel);letter-spacing:1.2px}nav a{opacity:.72;transition:.2s}nav a:hover{opacity:1;color:var(--acid)}.mini-cta{padding:13px 16px;background:var(--white);color:var(--ink)}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5vw;padding:130px max(5vw,60px) 80px;background:radial-gradient(circle at 75% 50%,rgba(83,151,56,.22),transparent 32%),linear-gradient(140deg,#08130b 5%,#102a17 58%,#08110a)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 82%);opacity:.15}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-kicker{font:700 11px var(--pixel);letter-spacing:2px;color:var(--acid)}.live-dot{display:inline-block;width:8px;height:8px;background:var(--acid);margin-right:8px;box-shadow:0 0 0 5px rgba(212,255,69,.12);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(212,255,69,0)}}h1{font:900 clamp(74px,10vw,166px)/.73 var(--pixel);letter-spacing:-.09em;margin:35px 0 34px;text-shadow:8px 8px 0 #15351d}h1 span{color:var(--acid)}.hero-lead{max-width:520px;font-size:clamp(18px,2vw,25px);line-height:1.5;color:var(--cream)}.hero-actions,.chart-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:54px;padding:0 22px;border:1px solid var(--line);font:800 12px var(--pixel);letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translate(-3px,-3px)}.btn-primary{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:5px 5px 0 var(--leaf)}.btn-primary:hover{box-shadow:8px 8px 0 var(--leaf)}.btn-ghost{background:rgba(255,255,255,.04);color:var(--white)}.ca-panel{margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:3px solid var(--acid);padding:12px 0 12px 16px;max-width:590px}.micro{display:block;font:700 9px var(--pixel);letter-spacing:2px;color:#8ca390;margin-bottom:8px}.ca-panel code{display:block;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 12px var(--pixel)}.ca-panel button{background:none;border:0;color:var(--acid);font:800 11px var(--pixel);cursor:pointer;padding:10px}
.hero-visual{justify-self:end;width:min(43vw,620px)}.ape-frame{position:relative;border:1px solid var(--line);background:var(--cream);padding:14px;box-shadow:18px 18px 0 rgba(43,106,50,.48);transform:rotate(1.2deg)}.ape-frame img{width:100%;aspect-ratio:1;object-fit:cover;image-rendering:auto}.frame-corner{position:absolute;width:42px;height:42px;border-color:var(--acid);z-index:2}.corner-one{top:-8px;left:-8px;border-top:4px solid var(--acid);border-left:4px solid var(--acid)}.corner-two{right:-8px;bottom:-8px;border-right:4px solid var(--acid);border-bottom:4px solid var(--acid)}.status-card{position:absolute;right:-18px;bottom:28px;background:var(--ink);border:1px solid var(--line);padding:12px 16px;font-family:var(--pixel);box-shadow:6px 6px 0 var(--acid)}.status-card span{display:block;color:#8ca390;font-size:8px;letter-spacing:2px}.status-card strong{display:block;margin-top:5px;font-size:13px;color:var(--acid)}.floating-banana{position:absolute;font-size:60px;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.25));animation:float 3s ease-in-out infinite}.banana-one{left:-50px;top:8%}.banana-two{right:-35px;top:58%;animation-delay:-1.3s;transform:rotate(30deg)}@keyframes float{50%{translate:0 -14px;rotate:5deg}}.scroll-cue{position:absolute;bottom:24px;left:max(5vw,60px);font:700 9px var(--pixel);letter-spacing:2px;color:#77907d}.scroll-cue span{color:var(--acid);margin-left:12px}
.banner-wrap{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#0a160d}.banner-wrap>img{width:100%;height:min(48vw,640px);object-fit:cover;filter:saturate(.9) contrast(1.06)}.banner-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,9,.5),transparent 45%,rgba(7,17,9,.15));pointer-events:none}.banner-label{position:absolute;z-index:2;left:3vw;top:3vw;background:var(--acid);color:var(--ink);padding:10px 13px;font:800 9px var(--pixel);letter-spacing:1.5px}.banner-ticker{position:absolute;z-index:3;left:0;right:0;bottom:0;background:var(--acid);color:var(--ink);height:56px;display:flex;align-items:center;justify-content:space-around;font:900 clamp(12px,1.5vw,18px) var(--pixel);letter-spacing:1px}.banner-ticker i{font-style:normal}
.section-pad{padding:120px max(6vw,60px)}.lore{background:var(--cream);color:var(--ink)}.lore .section-kicker{color:var(--leaf)}.lore-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;margin-top:55px}.lore h2,.banana-lab h2,.chart-head h2,.disclaimer h2{font:900 clamp(46px,6vw,92px)/.9 var(--pixel);letter-spacing:-.07em;margin:0}.lore h2 em{color:var(--leaf);font-style:normal}.lore-copy>p{font-size:clamp(17px,1.55vw,23px);line-height:1.6;margin:0 0 24px}.trait-row{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);margin-top:45px}.trait-row div{padding:18px;border-right:2px solid var(--ink)}.trait-row div:last-child{border:0}.trait-row span{display:block;font:700 8px var(--pixel);letter-spacing:1.5px;color:#57705d}.trait-row strong{display:block;font:900 13px var(--pixel);margin-top:8px}
.banana-lab{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;background:linear-gradient(135deg,#102917,#071109)}.banana-lab h2{margin:25px 0}.lab-copy p{max-width:430px;color:#b4c7b7;line-height:1.7}.game-card{min-height:530px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4cd45;color:var(--ink);border:12px solid #2b6a32;outline:1px solid var(--acid);box-shadow:16px 16px 0 rgba(0,0,0,.38);overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.35),transparent 40%),linear-gradient(45deg,rgba(30,73,34,.09) 25%,transparent 25%,transparent 75%,rgba(30,73,34,.09) 75%);background-size:auto,32px 32px}.game-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px 22px;border-bottom:3px solid var(--ink);font:800 10px var(--pixel);z-index:2}.banana-button{position:relative;z-index:2;border:0;background:transparent;font-size:clamp(110px,14vw,190px);cursor:pointer;filter:drop-shadow(12px 14px 0 rgba(43,106,50,.25));transition:transform .08s;user-select:none}.banana-button:active{transform:scale(.9) rotate(-8deg)}.score{position:relative;z-index:2;text-align:center}.score strong{display:block;font:900 50px var(--pixel)}.score span{display:block;font:800 9px var(--pixel);letter-spacing:2px}.banana-pop{position:absolute;z-index:4;font:900 18px var(--pixel);color:var(--leaf);pointer-events:none;animation:pop .7s ease-out forwards}@keyframes pop{to{transform:translateY(-90px) scale(1.6);opacity:0}}
.chart-section{background:#09140b}.chart-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.chart-head h2{margin-top:24px}.terminal{margin-top:55px;border:1px solid var(--line);background:#050b07;box-shadow:0 25px 80px rgba(0,0,0,.35)}.terminal-bar{height:52px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;font:700 9px var(--pixel);letter-spacing:1.5px;color:#78917d}.terminal-bar>span:last-child{text-align:right;color:var(--banana)}.terminal-bar i{display:inline-block;width:8px;height:8px;margin-right:6px;background:#28412d}.terminal-bar i:first-child{background:var(--acid)}.chart-placeholder{height:610px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(212,255,69,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(212,255,69,.035) 1px,transparent 1px);background-size:34px 34px;overflow:hidden}.scanline{position:absolute;left:0;right:0;height:2px;background:var(--acid);box-shadow:0 0 20px var(--acid);opacity:.28;animation:scan 4s linear infinite}@keyframes scan{from{top:0}to{top:100%}}.chart-icon{font:900 90px var(--pixel);color:var(--acid)}.chart-placeholder h3{font:900 18px var(--pixel);letter-spacing:1px}.chart-placeholder p{max-width:560px;color:#849889;line-height:1.8}.chart-placeholder code{color:var(--acid)}#dex-chart{width:100%;height:680px;border:0}.manifesto{min-height:430px;position:relative;background:var(--acid);color:var(--ink);overflow:hidden}.manifesto p{font:900 clamp(46px,8vw,120px)/.8 var(--pixel);letter-spacing:-.08em;margin:0}.manifesto p:nth-child(2){color:var(--leaf);margin-left:18vw}.manifesto p:nth-child(3){margin-left:5vw}.manifesto-ape{position:absolute;right:6vw;top:10%;font-size:clamp(110px,20vw,320px);transform:rotate(9deg);filter:drop-shadow(15px 15px 0 rgba(21,53,29,.3))}
.disclaimer{background:var(--cream);color:var(--ink)}.disclaimer .section-kicker{color:var(--leaf)}.disclaimer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;margin-top:45px}.disclaimer p{font-size:clamp(16px,1.55vw,22px);line-height:1.75;margin:0}footer{padding:50px max(6vw,60px);background:var(--ink);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-brand{font:900 24px var(--pixel)}.footer-brand span{color:var(--acid)}.footer-links{display:flex;gap:25px;font:700 10px var(--pixel);letter-spacing:1px}.footer-links a:hover{color:var(--acid)}footer>p{grid-column:1/-1;color:#607165;font:700 8px var(--pixel);letter-spacing:1.5px;margin:0}
#toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,20px);padding:13px 18px;background:var(--white);color:var(--ink);font:800 10px var(--pixel);letter-spacing:1px;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){.topbar{left:12px;right:12px;top:12px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:125px 24px 90px}.hero-visual{justify-self:center;width:min(92vw,580px)}.hero-copy{padding-top:30px}.scroll-cue{display:none}.section-pad{padding:90px 24px}.lore-grid,.banana-lab,.disclaimer-grid{grid-template-columns:1fr}.chart-head{align-items:start;flex-direction:column}.chart-actions{margin-top:0}.banner-wrap>img{height:62vw}.lore-grid{gap:45px}.game-card{min-height:470px}.manifesto p:nth-child(2),.manifesto p:nth-child(3){margin-left:0}.manifesto-ape{opacity:.3}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){.brand>span:last-child{display:none}.mini-cta{padding:12px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:24vw}.floating-banana{font-size:38px}.banana-one{left:-5px}.banana-two{right:-4px}.status-card{right:-5px}.banner-ticker span:nth-of-type(n+3),.banner-ticker i:nth-of-type(n+2){display:none}.trait-row{grid-template-columns:1fr}.trait-row div{border-right:0;border-bottom:2px solid var(--ink)}.game-card{min-height:410px;border-width:7px}.terminal-bar{grid-template-columns:1fr 1fr}.terminal-bar b{display:none}.chart-placeholder{height:510px;padding:25px}#dex-chart{height:600px}footer{grid-template-columns:1fr;padding:40px 24px}.footer-links{gap:16px}.footer-brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}