@font-face{font-family:Octo;src:url('assets/title.ttf');font-weight:700;font-display:swap}:root{--bg:#9cf8fa;--ink:#512c46;--pink:#facbd4;--cyan:#9cf8fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Octo,monospace;min-height:100svh}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 5vw;border-bottom:2px solid #512c4618}.brand{font-size:26px;letter-spacing:-2px}.brand span{color:#b74376}nav{display:flex;gap:34px;font-size:14px}nav a{padding:9px 0;border-bottom:3px solid transparent}nav a[aria-current]{border-color:var(--ink)}.motion{border:2px solid var(--ink);background:transparent;padding:8px 12px;font-size:12px}.home{max-width:1500px;margin:auto;min-height:calc(100svh - 105px);padding:30px 5vw 60px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.intro{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 24px}h1{font-size:clamp(50px,6.8vw,105px);letter-spacing:-.075em;line-height:1.07;margin:0 0 40px}.intro h1 span{display:block;color:#b74376}.character{min-width:0}.octopus{display:block;width:100%;height:auto;image-rendering:pixelated}.contract{display:flex;align-items:center;gap:12px;border:3px solid var(--ink);box-shadow:5px 5px 0 #512c4633;background:#fff9ff;padding:15px;max-width:430px;margin-bottom:24px}.contract label{font-size:12px}.contract input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font:14px monospace;text-overflow:ellipsis;cursor:pointer}.contract button{border:0;background:var(--pink);padding:8px;font-size:12px}.socials{max-width:430px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.pixel-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:66px;padding:12px 18px;background:transparent url('assets/button.png') center/100% 100% no-repeat;border:0;font-size:13px;cursor:pointer;transition:transform .15s;filter:drop-shadow(0 4px 0 #512c4620)}.pixel-button:hover{transform:translateY(-3px)}.pixel-button:active{transform:translateY(2px)}.pixel-button img{width:23px;height:23px;object-fit:contain}.inner{max-width:1250px;margin:auto;padding:50px 5vw 40px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.page-title h1{font-size:clamp(36px,5vw,60px);margin:0}.page-title .eyebrow{margin-bottom:15px}.small-link{font-size:13px;text-decoration:underline}.chart-panel{height:60vh;min-height:430px;border:4px solid var(--ink);box-shadow:9px 9px 0 #512c4628;background:#fff7fc;display:grid;place-items:center}.chart-panel p{font-size:14px;text-align:center;padding:20px}.chart-panel iframe{width:100%;height:100%;border:0;grid-area:1/1}.chart-panel p{grid-area:1/1}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stat{background:#fff7fce8;padding:26px;border:3px solid var(--ink);box-shadow:6px 6px 0 #512c4620;min-width:0}.stat p{font-size:14px;margin:0 0 22px}.stat strong{font-size:clamp(24px,3vw,40px);display:block;overflow-wrap:anywhere}.stat small{display:block;margin-top:18px;font-size:11px;line-height:1.6;opacity:.7}.activity{margin-top:32px;background:#fff7fcb0;padding:22px;border:3px solid var(--ink);display:flex;align-items:center;gap:22px;font-size:12px}.bar{flex:1;height:18px;background:#e997b0;overflow:hidden}.bar div{width:50%;height:100%;background:#35b1c9;opacity:.3}.bottom-line{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;line-height:1.7;margin-top:25px}.bottom-line button{background:transparent;border:0;text-decoration:underline}.source-note{font-size:11px;opacity:.65;margin-top:25px}a[aria-disabled=true]{opacity:.6}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #b74376;outline-offset:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 20px;background:var(--ink);color:white;display:none;font-size:13px;z-index:10}#toast.show{display:block}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px;gap:14px;flex-wrap:wrap}.brand{font-size:23px}nav{gap:19px;order:3;justify-content:center;width:100%;font-size:13px}.home{grid-template-columns:1fr;padding:0 24px 45px;min-height:0}.character{grid-row:1;max-width:430px;width:100%;margin:-30px auto -50px}.intro h1{font-size:clamp(42px,10vw,68px);margin-bottom:25px;letter-spacing:-.075em}.intro h1 span{display:inline}.eyebrow{margin-bottom:14px;font-size:10px}.contract,.socials{max-width:none}.pixel-button{font-size:11px;min-height:61px;gap:7px;padding:12px}.inner{padding:30px 22px}.page-title{align-items:flex-start;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat{padding:18px 13px}.stat strong{font-size:24px}.stat p{font-size:12px}.stat small{font-size:10px}.activity{flex-wrap:wrap;gap:12px}.bar{min-width:100px}.chart-panel{min-height:500px;height:65vh}.small-link{font-size:11px}.page-title .pixel-button{min-height:50px}.bottom-line{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

html{scroll-behavior:smooth;scroll-padding-top:var(--header-height,100px);scroll-snap-type:y proximity}header{position:sticky;top:0;background:var(--bg);z-index:20}.scroll-section{scroll-snap-align:start;min-height:calc(100svh - var(--header-height,100px));width:100%}.inner.scroll-section{padding-top:35px;padding-bottom:45px}.scroll-section .intro,.scroll-section .character,.scroll-section .page-title,.scroll-section .stats-grid,.scroll-section .chart-panel,.scroll-section .activity{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.scroll-section.entering .intro,.scroll-section.entering .character,.scroll-section.entering .page-title,.scroll-section.entering .stats-grid,.scroll-section.entering .chart-panel,.scroll-section.entering .activity{opacity:0;transform:translateY(34px)}@media(max-width:760px){.home.scroll-section{padding-bottom:50px}.inner.scroll-section{min-height:calc(100svh - var(--header-height,140px))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.scroll-section *{transition:none!important;transform:none!important;opacity:1!important}}