:root{--ink: #1b0b26;--lime: #c6f432;--gold: #ffd23f;--pink: #ff7fbf;--red: #ff3b5c;--night1: #06121e;--night2: #0e3550;--muted: #8fa9bd;--text: #eaf4fb}*{box-sizing:border-box}html{background:var(--night1)}body{margin:0;color:var(--text);font:400 17px/1.5 Atkinson Hyperlegible,system-ui,sans-serif;overflow-x:hidden}a{color:var(--lime)}h1,h2,h3,.f{font-family:Fredoka,sans-serif}.wrap{max-width:980px;margin:0 auto;padding:0 16px}.logo{font:700 clamp(52px,14vw,120px)/.92 Fredoka,sans-serif;margin:0;letter-spacing:-.01em}.logo .dr,.logo .mu{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.logo .dr{color:var(--lime)}.logo .mu{color:var(--pink)}.kicker{font:700 13px Fredoka,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--pink)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:4px solid var(--ink);border-radius:18px;font:700 20px Fredoka,sans-serif;color:var(--ink);background:var(--lime);box-shadow:0 5px 0 var(--ink);cursor:pointer;text-decoration:none;transition:transform .06s,box-shadow .06s}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:var(--night2);color:var(--text)}.btn.small{font-size:15px;padding:8px 14px;border-width:3px;box-shadow:0 3px 0 var(--ink)}.appstore{display:inline-flex;align-items:center;gap:10px;padding:9px 20px 9px 16px;background:#000;color:#fff;border:2px solid #a6a6a6;border-radius:13px;text-decoration:none;font:600 24px/1 -apple-system,Helvetica Neue,sans-serif}.appstore small{display:block;font-size:11px;font-weight:500;margin-bottom:2px}.say{position:relative;background:#fff;color:var(--ink);border:4px solid var(--ink);border-radius:20px;padding:12px 16px;font:600 18px/1.3 Fredoka,sans-serif;box-shadow:0 5px 0 var(--ink)}.say:after{content:"";position:absolute;left:34px;bottom:-18px;border:12px solid transparent;border-top:16px solid var(--ink)}.say .who{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b0177a}.say.pop{animation:pop .35s cubic-bezier(.3,1.6,.6,1)}@keyframes pop{0%{transform:scale(.7) rotate(-4deg)}}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:32px}.chip{font:700 13px Fredoka,sans-serif;padding:4px 10px;border-radius:999px;background:var(--gold);color:var(--ink);border:2px solid var(--ink)}.chip.new{animation:pop .4s cubic-bezier(.3,1.6,.6,1);background:var(--lime)}.phone{position:relative;width:260px;aspect-ratio:390 / 844;margin:0 auto;border:10px solid #111;border-radius:42px;background:#000;box-shadow:0 0 0 4px var(--ink),0 24px 60px #0009,0 0 80px #c6f4322e;overflow:hidden}.phone .screen{position:absolute;inset:0}.phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .6s,transform 2.8s linear}.phone img.on{opacity:1;transform:scale(1)}.phone .notch{position:absolute;top:6px;left:50%;width:80px;height:22px;margin-left:-40px;background:#000;border-radius:12px}.phone .rec{position:absolute;left:10px;bottom:10px;font:700 11px Fredoka,sans-serif;color:#fff;background:#0000008c;padding:3px 8px;border-radius:8px;letter-spacing:.08em}.snd{position:fixed;right:12px;bottom:12px;z-index:40}.snd[aria-pressed=true]{color:var(--lime)}footer{margin:60px auto 0;padding:22px 16px 34px;border-top:3px solid var(--night2);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:14px;color:var(--muted);max-width:980px}footer a{color:var(--muted)}footer a:hover{color:var(--lime)}.raincv{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.phone.mini{width:150px;border-width:7px;border-radius:26px;box-shadow:0 0 0 3px var(--ink),0 14px 30px #00000080}.phone.mini .notch{width:46px;height:13px;margin-left:-23px;top:4px}.shots{display:flex;gap:18px;overflow-x:auto;padding:16px 4px 22px;scroll-snap-type:x mandatory}.shot{margin:0;flex:none;scroll-snap-align:center;transform:rotate(var(--t));text-align:center}.shot figcaption{font:700 14px Fredoka,sans-serif;color:var(--muted);margin-top:10px}.phone.wide{width:min(760px,92vw);aspect-ratio:960 / 450;border-width:12px;border-radius:40px}.phone.wide .notch{top:50%;left:4px;width:18px;height:70px;margin:-35px 0 0;border-radius:10px}.phone.wide .arena-host{position:absolute;inset:0;overflow:hidden}.phone.wide .arena-host>*{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}.phone.app .screen{background:radial-gradient(circle at 50% 45%,#1d6a86,#0b2c44 60%,#061a2a);display:grid;place-items:center}.phone.app canvas{width:92%!important;height:auto!important;aspect-ratio:1}.phone.app .hud{position:absolute;left:0;right:0;top:34px;text-align:center;font:700 12px Fredoka,sans-serif;letter-spacing:.14em;color:var(--lime);text-transform:uppercase}.phone.app .low{position:absolute;left:8px;right:8px;bottom:6%;display:flex;flex-direction:column;gap:8px}.phone.app .nm{text-align:center;font:700 20px Fredoka,sans-serif;color:#fff;text-shadow:0 2px 0 var(--ink)}.phone.app .chips{min-height:0}.phone.app .chip{font-size:11px;padding:2px 8px}.newtag{position:absolute;top:18%;left:50%;transform:translate(-50%) rotate(-8deg);font:700 34px Fredoka,sans-serif;color:var(--gold);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;opacity:0;pointer-events:none}.newtag.go{animation:newtag 1.1s ease-out}@keyframes newtag{0%{opacity:0;transform:translate(-50%) rotate(-8deg) scale(2.2)}20%{opacity:1;transform:translate(-50%) rotate(-8deg) scale(1)}80%{opacity:1}to{opacity:0}}.storm{background:radial-gradient(ellipse at 50% 0%,#1c1236,var(--night1) 60%) fixed}.sky{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1}.sky path{fill:none;stroke:#f4f8ff;stroke-width:3;filter:drop-shadow(0 0 8px #bcd6ff) drop-shadow(0 0 22px #8fb4ff);opacity:0}.storm header,.storm main,.storm section{position:relative;z-index:2}.dark-m svg{filter:brightness(.45) saturate(.5);transition:filter .08s}.dark-m.lit svg{filter:none}.zapbtn{font-size:26px!important;padding:16px 34px!important}.card{border:4px solid var(--ink);border-radius:22px;padding:18px;background:linear-gradient(180deg,#23164a,#120b2a);box-shadow:0 6px 0 var(--ink);transform:rotate(var(--r, 0deg))}.card h3{margin:0 0 6px;color:var(--gold);font-size:22px}.card p{margin:0;font-size:15px}.sec-h{text-align:center;font-size:clamp(28px,7vw,46px);margin:0;line-height:1.05}.sec-h span{color:var(--pink)}.sec-p{text-align:center;color:var(--muted);margin:8px auto 18px;max-width:34em}.march{display:flex;align-items:flex-end;justify-content:center;gap:0;padding:10px 0 0;width:min(1200px,100vw - 32px);margin:0 auto;position:relative;left:50%;transform:translate(-50%)}.march figure{margin:0;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center}.march .pic{width:calc(78% + var(--i) * 4%);max-width:100%;display:flex;align-items:flex-end;justify-content:center;height:calc(80px + var(--i) * 16px)}.march img{max-width:100%;max-height:100%;object-fit:contain;animation:walk .9s ease-in-out infinite;animation-delay:calc(var(--i) * -.13s);transform-origin:50% 100%;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}@keyframes walk{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.march .slab{width:92%;height:18px;margin-top:-6px;border:3px solid var(--ink);border-radius:50%;background:linear-gradient(180deg,var(--g1),var(--g2));box-shadow:0 4px 0 var(--ink)}.march .age{font:700 clamp(9px,2.2vw,13px) Fredoka,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--g1);border:2px solid var(--ink);border-radius:999px;padding:2px 9px;white-space:nowrap;margin-bottom:8px;transform:rotate(calc((var(--i) - 3) * 1.5deg))}.march figcaption{font:600 clamp(11px,2.4vw,15px)/1.2 Fredoka,sans-serif;color:var(--text);text-align:center;margin-top:12px;min-height:2.4em;padding:0 2px}.march .zap{flex:none;width:clamp(14px,2.4vw,26px);align-self:center;margin-top:-40px;animation:zapblink 2.4s infinite;animation-delay:calc(var(--n, 0) * .3s)}.march .zap .ico{width:100%;height:auto;display:block}.march .zap.big{width:clamp(20px,3.4vw,38px)}@keyframes zapblink{0%,80%,to{opacity:.5;transform:none}85%{opacity:1;transform:scale(1.4) rotate(-10deg)}}.march .you .pic{height:180px;width:100%}.march .you img{filter:drop-shadow(0 0 16px rgba(198,244,50,.8)) drop-shadow(0 4px 0 rgba(0,0,0,.4))}.march .you figcaption{color:var(--lime)}@media(max-width:600px){.march{flex-wrap:wrap;row-gap:22px}.march figure{flex:0 0 29%}.march .zap{display:none}.march .pic{height:66px}.march .you{flex-basis:60%}.march .you .pic{height:110px}}.ico{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.15em}.say.down:after{content:"";position:absolute;left:40px;bottom:-21px;border:14px solid transparent;border-top:19px solid var(--ink);border-bottom:0}.say.down:before{content:"";position:absolute;left:45px;bottom:-12px;border:9px solid transparent;border-top:13px solid #fff;border-bottom:0;z-index:1}.zapbtn{white-space:nowrap}.evo{max-width:580px;margin:0 auto}.stage-evo{position:relative;aspect-ratio:16 / 10;border:5px solid var(--ink);border-radius:30px;overflow:hidden;box-shadow:0 8px 0 var(--ink),0 30px 80px #00000080;isolation:isolate}.stage-evo .bg{position:absolute;inset:0;z-index:-3;background:var(--evo-bg);transition:background .6s}.stage-evo[data-look=soup]{--evo-bg: radial-gradient(circle at 50% 60%, #8fbf3a, #3c6a1c 45%, #142808)}.stage-evo[data-look=multi]{--evo-bg: radial-gradient(circle at 50% 55%, #3ad0c0, #127a80 45%, #062a33)}.stage-evo[data-look=cambrian]{--evo-bg: linear-gradient(180deg, #5cc0f0, #1f6fb0 40%, #0a2a55)}.stage-evo[data-look=devon]{--evo-bg: radial-gradient(circle at 50% 50%, #1d3f7a, #071530 55%, #01040c)}.stage-evo[data-look=deep]{--evo-bg: radial-gradient(circle at 50% 55%, #10304a, #04101c 50%, #000)}.stage-evo[data-look=crawl]{--evo-bg: radial-gradient(circle at 50% 55%, #f0a04a, #b0561c 45%, #4a1d06)}.stage-evo[data-look=you]{--evo-bg: radial-gradient(circle at 50% 55%, #5b2a8f, #2a0f45 55%, #0d0418)}.stage-evo .rays{position:absolute;inset:-50%;z-index:-2;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(198,244,50,.32) 0 10deg,transparent 10deg 20deg);transition:opacity .5s;animation:spin 14s linear infinite}.stage-evo[data-look=you] .rays{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.stage-evo .dots{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1.5px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1.5px);background-size:90px 110px,50px 70px;animation:drift 12s linear infinite}@keyframes drift{to{background-position:0 -110px,0 -140px}}.stage-evo[data-look=deep] .dots,.stage-evo[data-look=devon] .dots{opacity:.25}.stage-evo .top{position:absolute;left:18px;top:14px}.stage-evo .year{font:700 clamp(12px,2vw,16px) Fredoka,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 var(--ink)}.stage-evo .age{font:700 clamp(28px,4.4vw,42px)/1 Fredoka,sans-serif;color:var(--gold);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.stage-evo[data-look=you] .age{color:var(--lime);font-size:clamp(40px,7vw,64px)}.stage-evo .beast{position:absolute;left:50%;top:58%;width:min(58%,320px);aspect-ratio:1;transform:translate(-50%,-50%)}.stage-evo .beast canvas{width:100%!important;height:100%!important;filter:drop-shadow(0 10px 0 rgba(0,0,0,.35))}.stage-evo[data-look=you] .beast canvas{filter:drop-shadow(0 0 24px rgba(198,244,50,.9)) drop-shadow(0 10px 0 rgba(0,0,0,.35))}.stage-evo .evo-say{position:absolute;right:14px;top:14px;max-width:200px;font-size:14px;padding:8px 12px}.stage-evo .evo-say .who{font-size:9px}.stage-evo .drum{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;background:#06040eeb;font:700 clamp(22px,4.6vw,44px) Fredoka,sans-serif;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.stage-evo .drum.go{opacity:1;animation:drumshake .09s linear infinite}@keyframes drumshake{50%{transform:translate(2px,-1px)}}.evo .line{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:nowrap}.evo .line button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1 0;min-width:0;padding:8px 4px 6px;border:3px solid var(--night2);border-radius:16px;background:#ffffff08;transition:transform .15s,border-color .15s}.evo .line img{height:34px;max-width:60px;object-fit:contain}.evo .line span{font:700 9px Fredoka,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}.evo .line button.past{border-color:#c6f43259}.evo .line button.on{border-color:var(--gold);transform:translateY(-6px) scale(1.06);background:#ffd23f1f}.evo .line button.on span{color:var(--gold)}.evo .line .you.on{border-color:var(--lime)}@media(max-width:700px){.stage-evo{aspect-ratio:4 / 5;border-radius:22px}.stage-evo .top{left:16px;top:14px}.stage-evo .evo-say{inset:auto 14px 20px;max-width:none;font-size:14px}.stage-evo .evo-say:after,.stage-evo .evo-say:before{display:none}.stage-evo .beast{width:80%;top:50%}.evo .line{gap:5px;flex-wrap:nowrap}.evo .line button{width:auto;flex:1 1 0;min-width:0;padding:6px 2px;border-radius:12px}.evo .line img{height:30px;max-width:100%}.evo .line span{display:none}}.badge{width:46px;height:46px;flex:none;filter:drop-shadow(0 3px 0 #1b0b26);transform:rotate(var(--tilt, -6deg));transition:transform .15s}.badge:hover{transform:rotate(0) scale(1.15)}.soon{display:inline-block;padding:12px 22px;border:3px dashed var(--muted);border-radius:14px;font:700 18px Fredoka,sans-serif;color:var(--text)}.soon small{display:block;margin-top:2px;font-size:22px;color:var(--gold)}.store{display:block;height:54px;width:auto;margin:18px auto 0}.langs{position:absolute;right:16px;top:14px;z-index:5;display:flex;gap:6px}.langs a{font:700 13px Fredoka,sans-serif;letter-spacing:.08em;color:var(--muted);text-decoration:none;border:2px solid var(--night2);border-radius:10px;padding:3px 9px}.langs a.on{color:var(--ink);background:var(--lime);border-color:var(--ink)}@media(min-width:900px){.hero,main{zoom:.8}}.bubble{position:relative;background:#fff;color:#1b1b2a;border-radius:18px;padding:12px 14px;font:600 15px/1.35 Fredoka,sans-serif;box-shadow:0 6px 16px #0006}.bubble:after{content:"";position:absolute;left:40px;bottom:-14px;border:10px solid transparent;border-top:14px solid #fff}.bubble b{color:#b0177a}.mutato{display:block;margin:0 auto;overflow:visible}.m-head{transform-origin:130px 190px;animation:m-laugh 1.6s ease-in-out infinite}@keyframes m-laugh{0%,to{transform:rotate(-2deg)}25%{transform:rotate(2deg) translateY(-3px)}50%{transform:rotate(-1deg)}75%{transform:rotate(3deg) translateY(-2px)}}.m-brow{animation:m-brow 2.4s ease-in-out infinite}@keyframes m-brow{0%,60%,to{transform:none}70%,85%{transform:translateY(-6px)}}.m-mouth{transform-origin:130px 166px;animation:m-mouth .4s ease-in-out infinite alternate}@keyframes m-mouth{to{transform:scaleY(1.25)}}.m-flask{transform-origin:222px 230px;animation:m-flask 1.2s ease-in-out infinite alternate}@keyframes m-flask{to{transform:rotate(-6deg) translateY(-4px)}}.m-bub{animation:m-bub 1.1s ease-in infinite}.b2{animation-delay:.35s}.b3{animation-delay:.7s}@keyframes m-bub{0%{transform:none;opacity:1}to{transform:translateY(-46px);opacity:0}}