@font-face{font-family:Pixel;src:url(assets/Monocraft.ttf)}:root{--paper:#f6f2e8;--ink:#20211e;--red:#dc2b25;--green:#4e9652}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pixel,monospace}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px dashed var(--green);outline-offset:7px}header{padding:24px 4%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.brand{font-weight:bold;font-size:22px;display:flex;gap:12px;align-items:center}.cross{font-size:45px;line-height:1;color:var(--red)}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav button{font-size:10px;color:#666}.hero{position:relative;min-height:720px;height:calc(100svh - 95px);max-height:1100px;padding:60px 4% 70px;display:grid;grid-template-columns:43% 57%;align-items:center}.eyebrow{font-size:12px;letter-spacing:.19em;margin:0 0 24px}h1{font-family:Pixel;letter-spacing:-.09em;font-weight:bold;font-size:clamp(90px,10.8vw,190px);line-height:.94;margin:0 0 25px;text-shadow:7px 8px 0 var(--red)}.tagline{font-size:clamp(16px,2vw,29px);margin:30px 0 26px}.pixel-btn{display:inline-block;background:var(--red);color:#fff9ed;padding:22px 32px;font-size:22px;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px),0 8px,8px 8px);transition:transform .2s,background .2s}.pixel-btn:hover{background:#bc211d;transform:translateY(-4px)}.text-link{display:block;font-size:16px;margin-top:20px}.text-link:hover,nav a:hover{color:var(--red)}.contract{display:flex;align-items:center;gap:10px;margin-top:36px;padding:0;font-size:12px;max-width:95%;text-align:left}.contract #ca{overflow-wrap:anywhere;min-width:0}.contract:disabled{cursor:default}.art{height:100%;position:relative;max-height:780px;perspective:900px}.halo{position:absolute;inset:7% 3% 5%;border-radius:50%;background:#dce5c6a6}.kit{position:absolute;width:100%;height:100%;object-fit:contain;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--rot,0deg));transition:transform .4s ease-out;z-index:2}.kit-shadow{position:absolute;bottom:6%;left:15%;width:70%;height:8%;border-radius:50%;background:#a2b58c66;filter:blur(9px)}.pill{position:absolute;width:23%;z-index:3;animation:float 5s ease-in-out infinite;pointer-events:none}.p1{left:-8%;top:-5%;rotate:-65deg}.p2{right:-3%;top:20%;animation-delay:-2s}.p3{right:-5%;bottom:8%;rotate:90deg;animation-delay:-3s}.spark{position:absolute;color:var(--green);font-size:36px;animation:glint 3s steps(2) infinite}.s1{top:2%;left:35%}.s2{right:0;bottom:35%;animation-delay:-1s}.hero-bottom{position:absolute;bottom:22px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.ticker{overflow:hidden;background:var(--red);color:var(--paper);padding:18px 0;font-size:24px}.ticker>div{white-space:nowrap;width:max-content;animation:marquee 25s linear infinite}.section{padding:110px 7%;scroll-margin-top:0}.mood{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;min-height:740px;background:#e5ebd8;align-items:center}.mood-art{position:relative;text-align:center}.mood-art>.eyebrow{display:block;text-align:left}.trader{width:100%;aspect-ratio:1;max-width:480px;margin:auto;background-image:url(assets/trader.webp);background-size:300% 100%;background-repeat:no-repeat;background-position:50% 0;position:relative;z-index:1;image-rendering:pixelated}.trader.happy{background-position:0 0;animation:bounce 1s steps(4) infinite}.trader.sad{background-position:100% 0;animation:sway 3s ease-in-out infinite}.ground{position:absolute;bottom:4px;left:20%;right:20%;height:18px;background:#afbda1;border-radius:50%}#speech{display:inline-block;font-size:13px;color:#3f7144;margin-top:10px;min-height:32px}h2{font-size:clamp(40px,5.2vw,88px);line-height:1.05;letter-spacing:-.07em;margin:0 0 28px}.body-copy{font-family:Arial,sans-serif;font-size:18px;line-height:1.65;color:#505349}.ratio-label{display:flex;justify-content:space-between;font-size:13px;margin-top:32px}.ratio-label span:first-child{color:#307f3a}.ratio-label span:last-child{color:#bd3028}.ratio{height:22px;background:#db6b5c;margin-top:12px;overflow:hidden}.ratio>div{height:100%;width:50%;background:#52985a;transition:width .6s}.note{font-family:Arial,sans-serif;font-size:13px;color:#64675f;line-height:1.5}.demo{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:25px;font-size:12px}.demo span{width:100%;font-size:10px;color:#69725e}.demo button{padding:8px 0}.demo button:hover{color:var(--red)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}.stats span{font-size:11px;color:#707166;display:block;margin-bottom:14px}.stats strong{font-size:clamp(20px,2.6vw,40px);font-weight:normal}.chart-space{min-height:560px;background:#e9e7dc;position:relative}#chart{display:block;width:100%;height:600px;border:0}#chart[hidden]{display:none}#chart-empty{min-height:560px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#chart-empty[hidden]{display:none}#chart-empty b{color:var(--red);font-size:68px}#chart-empty h3{font-size:20px}#chart-empty p{font:16px/1.7 Arial;color:#6f7368}.arcade{background:#212820;color:var(--paper);display:grid;grid-template-columns:1fr 1.1fr;gap:5%;align-items:center}.arcade .body-copy{color:#bbc6b7}#score{font-size:12px;margin-top:25px;color:#b1ce9c}#arena{height:450px;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom,#4c69423d,transparent 70%)}.arena-kit{position:absolute;width:230px;left:50%;bottom:-15px;transform:translateX(-50%);pointer-events:none;opacity:.8}#game-hint{position:absolute;top:30%;width:100%;text-align:center;color:#a7b7a0;font-size:12px}.target{position:absolute;width:82px;height:82px;z-index:2;transition:left .2s,top .2s}.target img{width:100%;height:100%;object-fit:contain;pointer-events:none}.target:hover{scale:1.1}.outro{padding:100px 7%;text-align:center}.outro h2{font-size:clamp(70px,10vw,160px);text-shadow:5px 5px 0 #d7dfc5}.outro>div{display:flex;justify-content:center;align-items:center;gap:35px}.outro .text-link{margin:0}footer{padding:30px 4%;display:flex;align-items:center;justify-content:space-between;font-size:11px;background:#e5ebd8}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#20251d;color:white;padding:15px 25px;font-size:12px;z-index:20;max-width:90%;text-align:center}#toast:empty{display:none}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}.still *{animation:none!important;scroll-behavior:auto!important}.still .kit{transform:none!important}@keyframes float{50%{transform:translateY(-20px) rotate(8deg)}}@keyframes glint{50%{opacity:.25}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bounce{50%{transform:translateY(-8px)}}@keyframes sway{50%{transform:rotate(-2deg)}}@media(max-width:850px){header nav{gap:12px;font-size:10px}.brand{font-size:16px}.hero{height:auto;min-height:1000px;grid-template-columns:1fr;padding-top:30px}.hero-copy{z-index:4}h1{font-size:90px}.art{height:440px}.hero .art{margin:20px 0 25px}.section{padding:70px 6%}.mood,.arcade{grid-template-columns:1fr;gap:45px}.mood-art{max-width:400px;margin:auto}.section-heading{display:block}.stats{grid-template-columns:1fr 1fr}footer{gap:20px;flex-wrap:wrap}.keys{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}