@font-face{font-family:Anybody;src:url('assets/anybody-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Space;src:url('assets/space-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('assets/space-mono-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--deep:#090311;--acid:#b4ff39;--pink:#ff2bd1;--cyan:#00f0ff;--white:#fffaf2;--frong-x:70vw;--frong-w:min(36vw,520px);--head-connect:calc(2vh + var(--frong-w) - 2px);--shx:0px;--shy:0px;--shr:0deg;--wob:0px;--mono:Space,monospace;--display:Anybody,Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep);overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;background:var(--deep);color:var(--white);font-family:var(--display);font-weight:650}body.locked{overflow:hidden}button,a{font:inherit}button{color:inherit}img{display:block;max-width:100%}
#backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 72% 19%,#2c0b3d 0,#15071f 33%,#090311 67%),linear-gradient(115deg,#07020d,#170823)}
#backdrop::before{content:"";position:absolute;inset:-25%;background:repeating-conic-gradient(from 12deg at 72% 24%,#ff2bd10c 0 8deg,transparent 8deg 19deg,#00f0ff09 19deg 25deg,transparent 25deg 41deg);animation:pondTurn 38s linear infinite}
#backdrop::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#00f0ff0c 1px,transparent 1px),linear-gradient(90deg,#00f0ff0c 1px,transparent 1px);background-size:58px 58px;opacity:.45}@keyframes pondTurn{to{transform:rotate(1turn)}}
#cursor-glow{position:fixed;z-index:1;left:0;top:0;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;pointer-events:none;opacity:.65;background:radial-gradient(circle,#b4ff3930 0 8%,#00f0ff1d 24%,#ff2bd112 44%,transparent 70%);transform:translate3d(-500px,-500px,0);will-change:transform}

/* One connected figure. Only this wrapper moves: head and every torso tile shake together. */
#long-frong{position:absolute;z-index:2;top:0;left:0;width:100%;height:100vh;pointer-events:none;overflow:clip}
#frong-shaker{position:absolute;inset:0;width:100%;height:100%;transform:translate3d(var(--shx),var(--shy),0) translateX(var(--wob));will-change:transform}
#frong-head{position:absolute;z-index:2;top:2vh;left:calc(var(--frong-x) - var(--frong-w)/2);width:var(--frong-w);aspect-ratio:1}
#frong-head img{position:relative;width:100%;height:100%;object-fit:contain;transform:none!important;opacity:1!important;visibility:visible!important}
#frong-torso{position:absolute;z-index:1;top:var(--head-connect);bottom:0;left:calc(var(--frong-x) - var(--frong-w)/2);width:var(--frong-w);overflow:visible}
#frong-torso .tile{position:relative;width:100%;aspect-ratio:1;background:center/100% 100% no-repeat;contain:layout paint style;transform-origin:50% 50%}
#frong-torso .tile.straight{background-image:url('assets/frong-torso-straight-v7.svg')}#frong-torso .tile.limbs{background-image:url('assets/frong-torso-limbs-v7.svg')}#frong-torso .tile+.tile{margin-top:-2px}#frong-torso .tile.flip{transform:scaleY(-1)}

#ambient-stickers{position:fixed;z-index:3;inset:0;pointer-events:none;overflow:hidden}.st{position:absolute;color:var(--cyan);font:900 clamp(18px,3vw,48px) var(--mono);font-style:normal;opacity:.26;text-shadow:0 0 20px currentColor;animation:floatSticker var(--d,8s) ease-in-out infinite alternate}.s1{left:3vw;top:18vh;--d:7s}.s2{left:7vw;top:72vh;--d:9s;color:var(--pink);font-size:clamp(12px,1.5vw,22px)}.s3{left:26vw;top:10vh;--d:11s;color:var(--acid)}.s4{left:31vw;top:86vh;--d:6s}.s5{left:52vw;top:53vh;--d:10s;color:var(--pink)}@keyframes floatSticker{from{transform:translate3d(-10px,12px,0) rotate(-12deg) scale(.88)}to{transform:translate3d(14px,-15px,0) rotate(16deg) scale(1.12)}}
#brand-orbit{position:fixed;z-index:6;inset:0;pointer-events:none;overflow:hidden}.brand-sigil{position:absolute;display:grid;justify-items:center;gap:5px;width:clamp(72px,8vw,112px);pointer-events:auto;text-decoration:none}.brand-sigil img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px #090311,0 0 0 4px currentColor,0 0 28px currentColor}.brand-sigil b{padding:4px 6px;background:#090311e8;color:currentColor;font:700 8px var(--mono);letter-spacing:.08em;white-space:nowrap}.uniswap-sigil{right:4vw;top:57vh;color:var(--pink);animation:unicornOrbit 8s linear infinite}.robinhood-sigil{left:4vw;top:58vh;color:var(--acid);opacity:0;animation:robinBlink 13s ease-in-out infinite}.robinhood-sigil img{border-radius:18%;clip-path:polygon(8% 14%,90% 2%,98% 88%,17% 100%)}
@keyframes unicornOrbit{0%{transform:translate3d(-18px,12px,0) rotate(0) scale(.82)}50%{transform:translate3d(20px,-16px,0) rotate(180deg) scale(1.08)}100%{transform:translate3d(-18px,12px,0) rotate(360deg) scale(.82)}}
@keyframes robinBlink{0%,10%,65%,84%{opacity:.86;transform:translate3d(0,0,0) rotate(7deg) scale(1)}16%,58%,100%{opacity:0;transform:translate3d(-90px,35px,0) rotate(-25deg) scale(.2)}90%{opacity:0;transform:translate3d(40px,-55px,0) rotate(24deg) scale(.5)}}

#hud{position:fixed;z-index:80;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;pointer-events:none;font:700 11px var(--mono);letter-spacing:.1em}.hud-left{display:flex;align-items:center;gap:13px;padding:9px 11px;background:#090311eb;border:1px solid #b4ff3968;box-shadow:5px 5px 0 #0008}.brand{pointer-events:auto;color:var(--acid);text-decoration:none;font-size:13px}.brand:hover{color:var(--white)}#speed-word{color:var(--pink)}#hud-length{color:var(--cyan);font-variant-numeric:tabular-nums}#sound{pointer-events:auto;padding:9px 12px;border:1px solid #ff2bd188;background:#090311eb;color:var(--pink);font:700 10px var(--mono);letter-spacing:.1em;cursor:pointer}#sound:hover{border-color:var(--cyan);color:var(--cyan)}
#ministats{position:fixed;z-index:80;right:14px;top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:8px;padding:12px 13px;background:#090311eb;border:1px solid #00f0ff70;box-shadow:7px 7px 0 #0008;pointer-events:none;font:700 10px var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums}#ministats div{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}#ministats span{min-width:74px;text-align:right;color:var(--acid);font-size:14px}#ministats i{width:54px;color:#e9dff0;opacity:.65;font-style:normal;font-size:8px;letter-spacing:.16em}

main{position:relative}.panel{position:relative;min-height:112vh;min-height:112svh;padding:15vh 5vw 13vh;overflow:clip}.panel::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(100deg,rgba(9,3,17,.8) 0 36%,rgba(9,3,17,.38) 58%,transparent 76%);pointer-events:none}.panel-copy{position:relative;z-index:5;width:min(54vw,820px)}.panel-copy.compact{width:min(47vw,700px)}
.kicker{margin:0 0 17px;color:var(--cyan);font:700 clamp(10px,1vw,13px) var(--mono);letter-spacing:.2em;text-transform:uppercase}.lede{max-width:47ch;margin:22px 0;font:400 clamp(15px,1.35vw,20px)/1.6 var(--mono);color:#f1e7f5;text-shadow:0 2px 14px #090311}.panel h1,.panel h2,#splash h2{margin:0;font-weight:900;line-height:.82;letter-spacing:-.052em;text-transform:uppercase;text-wrap:balance}.panel h1{font-size:clamp(60px,9vw,146px)}.panel h2,#splash h2{font-size:clamp(48px,7.1vw,108px)}em{font-style:normal;color:var(--acid);text-shadow:-3px 0 var(--pink),3px 0 var(--cyan)}
.button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:14px 18px;border:2px solid var(--cyan);background:#090311e8;color:var(--cyan);text-decoration:none;font:700 11px var(--mono);letter-spacing:.13em;cursor:pointer}.button:hover,.button.primary{background:var(--acid);border-color:var(--acid);color:#090311}.button.primary:hover{background:var(--pink);border-color:var(--pink)}
.hero{display:flex;align-items:center;min-height:118vh}.hero-copy{width:min(57vw,900px)}.scroll-cue{position:absolute;z-index:5;left:5vw;bottom:8vh;margin:0;color:var(--acid);font:700 10px var(--mono);letter-spacing:.2em}.click-panel .panel-copy{margin-top:9vh}.measurements{min-height:122vh}.measure-grid{margin-top:30px;border-top:2px solid #ff2bd177}.measure-grid div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 4px;border-bottom:1px solid #ff2bd166}.measure-grid strong{color:var(--acid);font-size:clamp(27px,4.8vw,65px);font-variant-numeric:tabular-nums}.measure-grid span{font:700 9px var(--mono);letter-spacing:.15em;opacity:.7}
.word-cloud{display:flex;flex-wrap:wrap;gap:10px;max-width:550px;margin-top:38px}.word-cloud b{padding:8px 12px;border:1px solid currentColor;color:var(--pink);font:700 clamp(12px,1.7vw,22px) var(--mono);transform:rotate(var(--r,0deg));box-shadow:4px 4px 0 #0008}.word-cloud b:nth-child(2n){color:var(--cyan);--r:3deg}.word-cloud b:nth-child(3n){color:var(--acid);--r:-4deg}
.trade-panel{display:flex;align-items:center;min-height:118vh}.trade-copy{width:min(54vw,830px)}.ca{display:block;max-width:100%;margin:25px 0 8px;padding:12px;border:1px solid #ff2bd188;background:#090311;color:var(--pink);font:700 11px var(--mono);letter-spacing:.07em;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:8px}.continue{margin:35px 0 0;color:var(--acid);font:900 13px var(--mono);letter-spacing:.2em}.legal{max-width:58ch;margin:28px 0 0;color:#c6b9cb;font:400 9px/1.5 var(--mono)}
.mutation-panel{display:flex;align-items:center;min-height:112vh}.mutation-panel:nth-child(even) .panel-copy{margin-left:auto;text-align:right}.scene-sigil{display:block;margin-top:7vh;color:var(--pink);font:900 clamp(72px,14vw,190px) var(--mono);font-style:normal;line-height:.7;opacity:.34;text-shadow:0 0 30px var(--cyan);animation:sigil 8s linear infinite}@keyframes sigil{to{transform:rotate(1turn)}}
#tail-sentinel{width:1px;height:1px;pointer-events:none}

#trails,#pops,#meme-burst-layer,#hayden-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}#trails,#pops{z-index:140}#meme-burst-layer{z-index:155}#hayden-layer{z-index:175}.trail{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);animation:trailFade .68s ease-out forwards;will-change:transform,opacity}@keyframes trailFade{to{transform:scale(3.1);opacity:0}}.popword{position:absolute;translate:-50% -50%;color:var(--acid);font:900 clamp(18px,3vw,44px) var(--display);text-shadow:-2px 0 var(--pink),2px 0 var(--cyan);white-space:nowrap;animation:popWord .62s ease-out forwards}@keyframes popWord{0%{scale:.55;opacity:0}25%{scale:1.08;opacity:1}to{translate:-50% -115%;scale:.9;opacity:0}}
.meme-sprite{position:absolute;left:var(--sx);top:var(--sy);width:clamp(58px,6.5vw,92px);margin:-35px;animation:memeFly var(--dur) cubic-bezier(.14,.72,.22,1) forwards;will-change:transform,opacity}.meme-sprite img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--c);border-radius:18% 48% 22% 52%;box-shadow:0 0 10px var(--c)}@keyframes memeFly{0%{transform:translate3d(0,0,0) rotate(0) scale(.25);opacity:0}12%{opacity:.92}to{transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(1.15);opacity:0}}
.hayden-runner{position:absolute;left:12px;bottom:42px;width:260px;height:240px;animation:haydenRun 4.8s cubic-bezier(.2,.72,.24,1) forwards;will-change:transform}.hayden-bubble{position:absolute;z-index:10;left:20px;top:-4px;width:220px;padding:7px 8px;border:2px solid var(--acid);background:#090311;color:var(--white);font:700 9px var(--mono);text-align:center;box-shadow:5px 5px 0 var(--pink)}
.pink-unicorn{position:absolute;z-index:2;left:0;top:48px;width:258px;height:188px;animation:ponyBob .25s ease-in-out infinite alternate;transform-origin:50% 70%;contain:layout paint style;will-change:transform}.pony-tail{position:absolute;z-index:0;left:1px;top:88px;width:72px;height:31px;background:linear-gradient(90deg,var(--cyan),#ff80e5 48%,var(--pink));clip-path:polygon(0 44%,32% 0,64% 28%,100% 4%,75% 53%,100% 92%,52% 70%,20% 100%);transform-origin:right center;animation:ponyTail .25s ease-in-out infinite alternate;will-change:transform}.pony-body{position:absolute;z-index:2;left:48px;top:78px;width:150px;height:76px;border:4px solid #19071f;border-radius:49% 54% 43% 47%;background:linear-gradient(145deg,#ff8ce8 0,#ff31c8 46%,#d90da7 100%);box-shadow:0 0 0 3px var(--cyan),0 0 23px #ff2bd1}.pony-body b{position:absolute;left:56px;top:25px;width:39px;height:25px;border:2px solid #fff;border-radius:50%;background:#fff;color:#ff2bd1;font:900 10px/21px var(--mono);text-align:center;transform:rotate(-8deg)}.pony-neck{position:absolute;z-index:1;left:169px;top:58px;width:46px;height:89px;border:4px solid #19071f;border-radius:50% 46% 28% 36%;background:linear-gradient(90deg,#d90da7,#ff78df);transform:rotate(-22deg)}.pony-mane{position:absolute;z-index:2;left:166px;top:49px;width:35px;height:90px;background:linear-gradient(var(--cyan),#a632ff 45%,var(--pink));clip-path:polygon(50% 0,100% 16%,62% 27%,100% 42%,57% 52%,100% 67%,54% 75%,78% 100%,0 87%,22% 70%,0 55%,27% 39%,0 22%)}.pony-head{position:absolute;z-index:4;left:181px;top:35px;width:70px;height:58px;border:4px solid #19071f;border-radius:55% 48% 58% 42%;background:linear-gradient(145deg,#ff9dea,#ff35cb);box-shadow:0 0 0 3px var(--cyan),0 0 16px #ff2bd1}.pony-head::after{content:"";position:absolute;right:-15px;top:25px;width:31px;height:24px;border:4px solid #19071f;border-left:0;border-radius:0 70% 70% 0;background:#ff82e3}.pony-eye{position:absolute;z-index:2;right:11px;top:11px;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#090311}.pony-horn{position:absolute;left:35px;top:-41px;width:23px;height:47px;background:linear-gradient(135deg,#fff,var(--acid) 43%,var(--cyan));clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 5px var(--cyan));transform:rotate(9deg)}.pony-ear{position:absolute;left:10px;top:-17px;width:22px;height:26px;background:#ff52d2;clip-path:polygon(45% 0,100% 100%,0 82%);transform:rotate(-12deg)}.pony-leg{position:absolute;z-index:1;top:137px;width:15px;height:55px;border:3px solid #19071f;border-radius:10px;background:linear-gradient(#ff59d4,#ff9be8);transform-origin:50% 3px;will-change:transform}.pony-leg::after{content:"";position:absolute;left:-4px;bottom:-5px;width:20px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.pony-leg.a{left:67px;animation:ponyLegA .22s linear infinite alternate}.pony-leg.b{left:103px;animation:ponyLegB .22s linear infinite alternate}.pony-leg.c{left:159px;animation:ponyLegB .22s linear infinite alternate}.pony-leg.d{left:188px;animation:ponyLegA .22s linear infinite alternate}
.hayden-rider{position:absolute;z-index:7;inset:0;animation:riderBounce .25s ease-in-out infinite alternate;will-change:transform}.hayden-head{position:absolute;z-index:8;left:102px;top:24px;width:66px;height:66px;border:4px solid var(--pink);border-radius:50%;object-fit:cover;box-shadow:0 0 22px var(--cyan);animation:haydenNod .24s ease-in-out infinite alternate;will-change:transform}.hayden-body{position:absolute;z-index:7;left:111px;top:82px;width:48px;height:58px;border:3px solid var(--cyan);border-radius:28% 28% 44% 44%;background:linear-gradient(135deg,var(--pink),var(--acid));transform:rotate(-4deg)}.hayden-body::before{content:"";position:absolute;left:30px;top:15px;width:65px;height:10px;border-radius:8px;background:var(--acid);box-shadow:0 0 8px var(--pink);transform:rotate(19deg);transform-origin:left}.rider-leg{position:absolute;z-index:6;top:125px;width:12px;height:48px;border-radius:9px;background:var(--cyan);transform-origin:top}.rider-leg.l{left:111px;transform:rotate(35deg)}.rider-leg.r{left:151px;transform:rotate(-28deg)}.pony-rein{position:absolute;z-index:8;left:151px;top:91px;width:75px;height:52px;border:3px solid var(--acid);border-left:0;border-bottom:0;border-radius:0 70% 0 0;transform:rotate(-9deg)}
@keyframes haydenRun{0%,13%{transform:translate3d(0,0,0) rotate(-5deg);opacity:1}38%{transform:translate3d(33vw,-34px,0) rotate(5deg)}72%{transform:translate3d(68vw,10px,0) rotate(-4deg)}100%{transform:translate3d(calc(100vw + 280px),-18px,0) rotate(8deg);opacity:1}}@keyframes ponyBob{to{transform:translateY(-9px) rotate(2deg)}}@keyframes riderBounce{to{transform:translateY(-7px) rotate(-2deg)}}@keyframes haydenNod{to{transform:translateY(4px) rotate(4deg)}}@keyframes ponyTail{to{transform:rotate(21deg) scaleX(1.12)}}@keyframes ponyLegA{from{transform:rotate(31deg)}to{transform:rotate(-34deg)}}@keyframes ponyLegB{from{transform:rotate(-31deg)}to{transform:rotate(34deg)}}

#splash{position:fixed;z-index:200;inset:0;display:grid;align-items:center;padding:6vh 8vw;background:#090311;transition:opacity .32s;overflow:hidden}#splash.gone{opacity:0;pointer-events:none}.splash-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;opacity:.88;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}.splash-ui{position:relative;z-index:2;justify-self:start;max-width:440px;padding:24px;background:#090311c4}.splash-ui .button{font-size:13px;padding:17px 24px}.quiet{display:block;margin:14px 0 0;padding:8px 0;border:0;background:none;color:var(--cyan);font:700 10px var(--mono);letter-spacing:.16em;cursor:pointer}

@media(max-width:820px){
  :root{--frong-x:67vw;--frong-w:min(60vw,340px);--head-connect:calc(5vh + var(--frong-w) - 2px)}
  #cursor-glow{display:none}#hud{padding:8px}.hud-left{gap:8px;padding:8px}.brand{font-size:11px}#speed-word{display:none}#hud-length{font-size:8px}#sound{padding:8px;font-size:8px}
  #ministats{left:0;right:0;top:auto;bottom:0;translate:0;flex-direction:row;justify-content:space-around;gap:3px;padding:8px 6px;border-left:0;border-right:0;border-bottom:0}#ministats div{display:block;text-align:center}#ministats span{display:block;min-width:0;font-size:11px;text-align:center}#ministats i{display:block;width:auto;font-size:6px}
  #frong-head{top:5vh}
  .panel{padding:13vh 6vw 16vh;min-height:108svh}.panel::before{background:linear-gradient(100deg,rgba(9,3,17,.9) 40%,rgba(9,3,17,.52) 70%,transparent 100%)}.panel-copy,.panel-copy.compact,.hero-copy,.trade-copy{width:77vw}.panel h1{font-size:15vw}.panel h2{font-size:11.4vw}.lede{font-size:13px}.hero{align-items:flex-start;padding-top:26vh;min-height:116svh}.hero h1{font-size:12.8vw}.scroll-cue{left:6vw;bottom:13vh}.click-panel .panel-copy{margin-top:6vh}
  .measurements{min-height:130svh}.measure-grid strong{font-size:8vw}.measure-grid span{font-size:6px}.trade-panel{min-height:122svh}.mutation-panel{min-height:112svh}.mutation-panel:nth-child(even) .panel-copy{margin-left:0;text-align:left}.actions .button{font-size:8px}.legal{padding-bottom:34px}
  .s3,.s4,.s5{display:none}.st{opacity:.2}
  .brand-sigil{width:68px}.uniswap-sigil{left:4vw;right:auto;top:63vh}.robinhood-sigil{left:5vw;top:18vh}.brand-sigil b{font-size:6px}.hayden-runner{bottom:42px;scale:.78;transform-origin:left bottom}
  .pony-leg,.pony-tail,.hayden-head{animation:none!important;will-change:auto}.pony-body,.pony-head,.hayden-head{box-shadow:0 0 0 2px var(--cyan)}.pony-horn{filter:none}.pony-leg::after{box-shadow:none}
  #splash{align-content:center;justify-items:center;text-align:center;padding:4vh 6vw}.splash-art{position:relative;inset:auto;width:110vw;height:auto;max-width:none;object-fit:contain;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent)}.splash-ui{justify-self:center;margin-top:-3vh;padding:18px}#splash h2{font-size:18vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important}#frong-shaker{transform:none!important;will-change:auto}#cursor-glow,#trails{display:none}.robinhood-sigil{opacity:.72}}

/* v10 — exact TradePools face, rough matching torso, central Longcat-style door. */
#frong-head img{image-rendering:auto}
#frong-torso .tile.straight{background-image:url('assets/frong-torso-straight-v10.svg?v=10b')}
#frong-torso .tile.limbs{background-image:url('assets/frong-torso-limbs-v10.svg?v=10b')}


#splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2vh 4vw;text-align:center;background:radial-gradient(circle at 50% 44%,#342208 0,#18081f 41%,#090311 75%)}
#splash-frong{position:relative;z-index:2;width:min(78vw,560px);margin:0;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 72%;touch-action:manipulation}
#splash-frong::before{content:'CLICK THE ACTUAL FROG';position:absolute;z-index:3;left:50%;top:4%;translate:-50% 0;padding:5px 8px;background:#090311;color:var(--cyan);border:1px solid var(--cyan);font:900 8px var(--mono);letter-spacing:.14em;white-space:nowrap;animation:doorBlink .55s steps(2,end) infinite}
#splash-frong::after{content:'↓ SLAP FOR CROAK ↓';position:absolute;z-index:3;left:50%;bottom:12%;translate:-50% 0;color:var(--pink);font:900 11px var(--mono);letter-spacing:.12em;text-shadow:2px 2px #000;white-space:nowrap}
#splash-frong .splash-art{position:relative;inset:auto;width:100%;height:auto;max-width:none;opacity:1;object-fit:contain;mask-image:none;-webkit-mask-image:none;pointer-events:none;filter:drop-shadow(0 18px 0 #0007)}
#splash-frong.poked{animation:splashPoke .24s steps(2,end)}
.splash-ui{position:relative;z-index:3;justify-self:auto;max-width:min(92vw,620px);margin-top:-12%;padding:14px 20px 18px;background:#090311e8;border:1px solid #b4ff395e;box-shadow:10px 10px 0 #0008;text-align:center}
.splash-ui .kicker{margin-bottom:10px}.splash-ui .button{margin-top:13px}.splash-ui .quiet{margin-left:auto;margin-right:auto}
#splash h2{font-size:clamp(43px,6.8vw,92px);line-height:.78}
@keyframes splashPoke{0%{transform:translate3d(0,0,0) rotate(0)}20%{transform:translate3d(-30px,12px,0) rotate(-3deg)}45%{transform:translate3d(34px,-8px,0) rotate(3deg)}70%{transform:translate3d(-24px,5px,0) rotate(-2deg)}100%{transform:translate3d(0,0,0)}}
@keyframes doorBlink{50%{color:var(--acid);border-color:var(--pink)}}

/* v10 Hayden: one articulated rider on one anatomical Uniswap mount. */
.hayden-runner-v10{position:absolute;right:-480px;bottom:38px;width:460px;height:330px;pointer-events:auto;cursor:pointer;animation:haydenCrossV10 6.2s linear forwards;will-change:transform;touch-action:manipulation}.hayden-rider-v10{pointer-events:auto;cursor:pointer}
.mount-rig-v10{position:absolute;inset:0;transform-origin:50% 72%;animation:mountGallopV10 .22s ease-in-out infinite alternate;will-change:transform}
.unicorn-body-v10{position:absolute;z-index:2;left:0;top:64px;width:430px;height:auto}
.unicorn-logo-v10{position:absolute;z-index:4;left:18px;top:56px;width:136px;height:auto;filter:drop-shadow(0 0 6px #ff007a)}
.hayden-rider-v10{position:absolute;z-index:7;left:116px;top:34px;width:184px;height:250px;animation:riderCounterV10 .22s ease-in-out infinite alternate;transform-origin:50% 80%;will-change:transform}
.hayden-body-v10{position:absolute;left:0;top:18px;width:184px;height:auto}
.hayden-head-v10{position:absolute;z-index:4;left:58px;top:0;width:68px;height:68px;object-fit:cover;border:4px solid #ff007a;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 18px #00f0ff}
.unicorn-reins-v10{position:absolute;z-index:6;left:63px;top:94px;width:98px;height:73px;overflow:visible;pointer-events:none}.unicorn-reins-v10 path{fill:none;stroke:#b4ff39;stroke-width:5;stroke-linecap:round;stroke-dasharray:7 5}
.hayden-runner-v10.riderless .hayden-rider-v10{display:none}.hayden-runner-v10.riderless .mount-rig-v10{animation-duration:.1s;filter:none}
@keyframes haydenCrossV10{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(calc(-100vw - 520px),-14px,0);opacity:1}}
@keyframes mountGallopV10{from{transform:translate3d(0,8px,0) rotate(-1.4deg)}to{transform:translate3d(0,-9px,0) rotate(1.4deg)}}
@keyframes riderCounterV10{from{transform:translate3d(0,-2px,0) rotate(-2deg)}to{transform:translate3d(0,6px,0) rotate(2deg)}}

.hayden-escape-v10{position:absolute;z-index:30;left:0;top:0;width:126px;height:205px;pointer-events:none;will-change:transform,opacity}
.escape-puppet-v10{position:absolute;inset:0;transform-origin:50% 80%;animation:panicPuppet .16s steps(2,end) infinite;will-change:transform}
.escape-body-v10{position:absolute;left:0;top:38px;width:126px;height:auto}.escape-head-v10{position:absolute;z-index:3;left:39px;top:16px;width:52px;height:52px;object-fit:cover;border:3px solid #ff007a;border-radius:50%;box-shadow:0 0 0 2px #fff}

@keyframes panicPuppet{from{transform:translateY(-4px) rotate(-3deg)}to{transform:translateY(5px) rotate(4deg)}}

@media(max-width:820px){
  #splash-frong{width:min(96vw,520px)}.splash-ui{margin-top:-8%;padding:12px 14px}#splash h2{font-size:14vw}#splash-frong::before{top:2%;font-size:6px}#splash-frong::after{bottom:8%;font-size:8px}
  .hayden-runner-v10{right:-470px;bottom:48px;scale:.72;transform-origin:right bottom}.hayden-head-v10{box-shadow:0 0 0 2px #fff}.unicorn-logo-v10{filter:none}
  .hayden-escape-v10{scale:.8;transform-origin:top left}
}

@media(prefers-reduced-motion:reduce){#splash-frong,.mount-rig-v10,.hayden-rider-v10,.escape-puppet-v10{animation:none!important}.hayden-runner-v10{animation:haydenCrossV10 8s linear forwards!important}}

/* v11 — vector likeness, real seam, finite rage, official Uni mark. */
#frong-head .frong-vector-v11{position:relative;width:100%;height:100%;object-fit:contain;transform:none!important;opacity:1!important;visibility:visible!important}
#frong-torso .tile.straight{background-image:url('assets/frong-torso-straight-v11.svg?v=11')}
#frong-torso .tile.limbs{background-image:url('assets/frong-torso-limbs-v11.svg?v=11')}
.eye-orbit-v11{position:absolute;z-index:4;top:22.5%;width:16.33%;aspect-ratio:1;border-radius:50%;pointer-events:none;transform-origin:50% 50%}
.eye-left-v11{left:26%}.eye-right-v11{left:57.67%}
.eye-orbit-v11 i{position:absolute;left:65%;top:22%;width:15%;aspect-ratio:1;border-radius:50%;background:#0a2010}
.eye-orbit-v11 i::after{content:"";position:absolute;left:-140%;top:120%;width:60%;aspect-ratio:1;border-radius:50%;background:#d8ff78}
#frong-shaker.frong-raging .eye-orbit-v11{animation:frongEyeSpinV11 .22s linear infinite}
@keyframes frongEyeSpinV11{to{transform:rotate(1turn)}}

#splash-frong{width:min(96vw,1200px);cursor:pointer}
#splash-frong .splash-art{width:100%;aspect-ratio:1600/666;object-fit:contain;filter:drop-shadow(0 18px 0 #0007)}
#splash-frong::before{content:'MOVE · AIM · SLAP';top:5%}
#splash-frong::after{bottom:10%}
.splash-pointer-v11{position:absolute;z-index:7;left:var(--poke-x,50%);top:var(--poke-y,50%);width:50px;height:50px;border:3px solid var(--acid);border-radius:50%;translate:-50% -50%;opacity:0;pointer-events:none;box-shadow:0 0 0 5px #ff2bd155,0 0 28px var(--cyan);transition:opacity .12s}
.splash-pointer-v11::before,.splash-pointer-v11::after{content:"";position:absolute;left:50%;top:50%;background:var(--pink);translate:-50% -50%;border-radius:99px}.splash-pointer-v11::before{width:8px;height:30px}.splash-pointer-v11::after{width:30px;height:8px}
#splash-frong.hovering .splash-pointer-v11{opacity:1;animation:pokeCursorV11 .7s ease-in-out infinite alternate}
@keyframes pokeCursorV11{to{scale:1.24;rotate:45deg;border-color:var(--cyan)}}
@media(pointer:fine){#splash-frong{cursor:none}}
.frog-ripple-v11{position:fixed;z-index:172;left:0;top:0;width:34px;height:34px;margin:-17px;border:4px solid var(--acid);border-radius:50%;pointer-events:none;box-shadow:0 0 0 6px #ff2bd166,0 0 28px var(--cyan);animation:frogRippleV11 .52s cubic-bezier(.16,.74,.2,1) forwards;will-change:transform,opacity}
body.locked .frog-ripple-v11{z-index:230}
.frog-ripple-v11::after{content:'RIBBIT';position:absolute;left:50%;top:50%;translate:-50% -50%;color:#fff;font:900 8px var(--mono);text-shadow:1px 1px var(--pink)}
@keyframes frogRippleV11{0%{transform:scale(.25) rotate(0);opacity:1}70%{opacity:.9}to{transform:scale(2.6) rotate(135deg);opacity:0}}

.unicorn-logo-v10{left:-2px;top:22px;width:158px;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #ff007a)}
.rainbow-fart-v11{position:absolute;z-index:1;left:403px;top:150px;width:130px;height:86px;pointer-events:none}
.rainbow-fart-v11 i{position:absolute;left:0;top:26px;width:38px;height:38px;border-radius:50%;background:conic-gradient(#ff2b7a,#ff9d00,#f7ff00,#57ff43,#00e5ff,#8d55ff,#ff2bd1,#ff2b7a);box-shadow:0 0 15px #ff2bd1;animation:rainbowPootV11 .82s ease-out infinite;will-change:transform,opacity}
.rainbow-fart-v11 i:nth-child(2){animation-delay:.27s;scale:.72}.rainbow-fart-v11 i:nth-child(3){animation-delay:.54s;scale:.48}
.rainbow-fart-v11 b{position:absolute;left:20px;top:2px;color:var(--acid);font:900 9px var(--mono);text-shadow:2px 2px #ff2bd1;animation:fartWordV11 .82s steps(2,end) infinite}
@keyframes rainbowPootV11{0%{transform:translate3d(0,0,0) scale(.35) rotate(0);opacity:0}16%{opacity:1}to{transform:translate3d(125px,-18px,0) scale(1.35) rotate(1turn);opacity:0}}
@keyframes fartWordV11{50%{transform:translate3d(28px,-10px,0) rotate(9deg);opacity:.25}}
.hayden-runner-v10.riderless .rainbow-fart-v11 i{animation-duration:.42s}.hayden-runner-v10.riderless .rainbow-fart-v11 b{animation-duration:.42s}

@media(max-width:820px){#splash-frong{width:98vw}.splash-ui{margin-top:-5%}.rainbow-fart-v11{left:397px}}
@media(prefers-reduced-motion:reduce){.eye-orbit-v11,.splash-pointer-v11,.frog-ripple-v11,.rainbow-fart-v11 i,.rainbow-fart-v11 b{animation:none!important}}

/* v12 — closer hand-drawn face, raised paws, elastic Longcat copy and Hayden swarm. */
#frong-head .frong-vector-v12{position:relative;width:100%;height:100%;object-fit:contain;transform:none!important;opacity:1!important;visibility:visible!important}
.eye-orbit-v11{top:23.67%;width:16.67%}.eye-left-v11{left:25%}.eye-right-v11{left:58.33%}

.longcat-title-v12 span,.longcat-title-v12 em{display:inline-block;white-space:nowrap;transform-origin:left center;will-change:transform,font-stretch,letter-spacing;animation:longcatStretchV12 3.4s cubic-bezier(.45,0,.25,1) infinite alternate}
.longcat-title-v12 em{animation-direction:alternate-reverse}
@keyframes longcatStretchV12{
  from{font-stretch:62%;letter-spacing:-.045em;transform:scaleX(.58) translateX(0)}
  to{font-stretch:125%;letter-spacing:.015em;transform:scaleX(.78) translateX(.6vw)}
}

/* Door cursor: one soft ring plus a bounded wake of round bubbles. */
.splash-pointer-v11{width:32px;height:32px;border:3px solid var(--cyan);background:#b4ff3924;box-shadow:0 0 0 5px #ff2bd13d,0 0 24px var(--cyan)}
.splash-pointer-v11::before,.splash-pointer-v11::after{width:9px;height:9px;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.splash-pointer-v11::before{left:-19%;top:20%}.splash-pointer-v11::after{left:119%;top:80%}
#splash-frong.hovering .splash-pointer-v11{animation:pokeOrbV12 .62s ease-in-out infinite alternate}
@keyframes pokeOrbV12{to{scale:1.28;border-color:var(--acid);box-shadow:0 0 0 10px #ff2bd122,0 0 32px var(--cyan)}}
.splash-cursor-bubble-v12{position:fixed;z-index:6;left:0;top:0;width:var(--bubble-size,10px);height:var(--bubble-size,10px);margin:calc(var(--bubble-size,10px)/-2);border:2px solid var(--bubble-color,var(--acid));border-radius:50%;pointer-events:none;box-shadow:0 0 10px var(--bubble-color,var(--acid));animation:splashBubbleV12 .68s ease-out forwards;will-change:transform,opacity}
@keyframes splashBubbleV12{to{transform:translate3d(var(--bubble-dx,0),var(--bubble-dy,-18px),0) scale(2.4);opacity:0}}

.hayden-runner-v10.hayden-swarm-v12{right:auto;bottom:auto;animation:none;scale:1;transform-origin:center;contain:layout paint style}
.hayden-swarm-v12 .mount-rig-v10{scale:var(--pony-facing,1) 1}
.hayden-swarm-composite-v12{display:none;position:absolute;left:0;top:0;width:560px;height:350px;max-width:none;pointer-events:none;scale:var(--pony-facing,1) 1;transform-origin:50% 50%}
.hayden-swarm-v12.arrival-guard-v12,.hayden-swarm-v12.arrival-guard-v12 .hayden-rider-v10{pointer-events:none!important}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12:not(.riderless) .mount-rig-v10{display:none}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12:not(.riderless) .hayden-swarm-composite-v12{display:block}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12:not(.riderless){width:360px;height:225px}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12:not(.riderless) .hayden-swarm-composite-v12{width:360px;height:225px}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12.riderless{width:460px;height:330px}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12.riderless .mount-rig-v10{display:block}
#hayden-layer.swarm-heavy-v12 .hayden-swarm-v12.riderless .hayden-swarm-composite-v12{display:none}
#hayden-layer.swarm-heavy-v12 .mount-rig-v10,#hayden-layer.swarm-heavy-v12 .hayden-rider-v10,#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 i,#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 b{animation:none!important;will-change:auto}
#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 i{opacity:.82;box-shadow:none;scale:1}
#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 i:nth-child(1){transform:translate3d(0,0,0) scale(.42)}
#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 i:nth-child(2){transform:translate3d(34px,-7px,0) scale(.58)}
#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 i:nth-child(3){transform:translate3d(69px,-13px,0) scale(.72)}
#hayden-layer.swarm-heavy-v12 .rainbow-fart-v11 b{transform:translate3d(24px,-7px,0);opacity:.72}
#hayden-layer.swarm-heavy-v12 .unicorn-logo-v10{filter:none}
#hayden-layer.swarm-heavy-v12 .hayden-head-v10{box-shadow:0 0 0 2px #fff}
@media(max-width:820px){
  .longcat-title-v12 span,.longcat-title-v12 em{animation-name:longcatStretchMobileV12}
  @keyframes longcatStretchMobileV12{from{font-stretch:62%;letter-spacing:-.06em;transform:scaleX(.48)}to{font-stretch:112%;letter-spacing:0;transform:scaleX(.62) translateX(.4vw)}}
  .hayden-runner-v10.hayden-swarm-v12{right:auto;bottom:auto;scale:.72;transform-origin:center}
}
@media(prefers-reduced-motion:reduce){.longcat-title-v12 span,.longcat-title-v12 em{animation:none!important;transform:scaleX(.68)}.splash-cursor-bubble-v12{display:none}.hayden-swarm-v12 .mount-rig-v10{animation:none!important}}

/* v13 — full-bleed entry, deterministic 15-click riders, consistent on-screen composites. */
#splash{display:grid;place-items:center;padding:clamp(14px,4vw,48px);background:#090311;text-align:center}
#splash-frong{position:absolute;z-index:2;inset:0;width:100vw;height:100svh;margin:0;overflow:hidden;transform-origin:50% 50%}
#splash-frong::before,#splash-frong::after{content:none;display:none}
#splash-frong .splash-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:fill;object-position:center;opacity:1;filter:saturate(1.18) contrast(1.08) brightness(.72);mask-image:none;-webkit-mask-image:none}
.splash-ui{position:relative;z-index:3;justify-self:center;width:min(92vw,620px);max-width:620px;margin:0;padding:clamp(18px,3vw,30px);background:#090311e8;border:2px solid #b4ff397d;box-shadow:12px 12px 0 #000b;text-align:center}
.splash-ui .kicker{margin-bottom:12px;color:var(--cyan);text-shadow:2px 2px #000}
#splash h2{font-size:clamp(52px,8vw,112px)}

.hayden-runner-v10.hayden-swarm-v12{width:360px;height:225px;right:auto;bottom:auto;scale:1;transform-origin:center;contain:layout paint style}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12:not(.riderless){width:360px;height:225px}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12:not(.riderless) .mount-rig-v10{display:none}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12:not(.riderless) .hayden-swarm-composite-v12{display:block;width:360px;height:225px}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12.riderless{width:360px;height:225px}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12.riderless .mount-rig-v10{display:block}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12.riderless .hayden-swarm-composite-v12{display:none}
#hayden-layer.swarm-composite-v13 .hayden-swarm-v12.riderless .mount-rig-v10{left:-50px;right:auto;width:460px;height:330px;scale:1;transform-origin:center top;animation:riderlessGallopV14 .18s ease-in-out infinite alternate}
@keyframes riderlessGallopV14{from{transform:scale(var(--riderless-x,.78),.68) translate3d(0,8px,0) rotate(-1.4deg)}to{transform:scale(var(--riderless-x,.78),.68) translate3d(0,-9px,0) rotate(1.4deg)}}

@media(max-width:820px){
  #splash{padding:14px}
  #splash-frong{width:100vw;height:100svh}
  #splash-frong .splash-art{width:100%;height:100%;object-fit:cover;object-position:96% 50%}
  .splash-ui{align-self:end;width:92vw;margin:0 0 5vh;padding:18px 14px;background:#090311d9}
  #splash h2{font-size:17vw}
  .hayden-runner-v10.hayden-swarm-v12{width:360px;height:225px;scale:.72;transform-origin:center}
}

/* v15 — persistent X control and copyable CA at the bottom of the entry card. */
#social-x{position:fixed;z-index:240;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--white);background:#090311e8;color:var(--white);font:900 20px var(--mono);line-height:1;text-decoration:none;box-shadow:5px 5px 0 var(--pink);pointer-events:auto;transition:transform .14s,background .14s,color .14s}
#social-x:hover{background:var(--white);color:var(--deep);transform:translate(-2px,-2px)}
#social-x:focus-visible,#copy-ca:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
#hud{padding-right:76px}
#copy-ca{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;margin:14px 0 0;padding:11px 12px;border:1px solid var(--pink);background:#15071fe8;color:var(--white);box-shadow:4px 4px 0 #0008;cursor:pointer;text-align:left;touch-action:manipulation}
#copy-ca:hover,#copy-ca[data-copied="true"]{border-color:var(--acid);background:#b4ff3917}
#copy-ca .ca-tag,#ca-status{font:900 9px var(--mono);letter-spacing:.12em;white-space:nowrap}
#copy-ca .ca-tag{color:var(--pink)}#ca-status{color:var(--acid);text-align:right}
#copy-ca code{min-width:0;color:var(--cyan);font:700 clamp(8px,1.15vw,11px)/1.25 var(--mono);overflow-wrap:anywhere;word-break:break-all}
@media(max-width:820px){
  #social-x{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:40px;height:40px;font-size:18px;box-shadow:4px 4px 0 var(--pink)}
  #hud{padding-right:58px}
  .splash-ui{margin-bottom:3vh;padding-bottom:14px}
  #copy-ca{grid-template-columns:auto minmax(0,1fr);gap:5px 8px;margin-top:10px;padding:9px 10px}
  #copy-ca code{font-size:8px}#ca-status{grid-column:2;text-align:left}
}

/* v16 — all art lives in one fast, persistent gallery tab. */
body.gallery-open{overflow:hidden}
#gallery-tab{position:fixed;z-index:240;top:max(12px,env(safe-area-inset-top));right:max(68px,calc(env(safe-area-inset-right) + 68px));display:flex;align-items:center;gap:9px;height:44px;padding:0 13px;border:2px solid var(--acid);background:#090311e8;color:var(--acid);font:900 10px var(--mono);letter-spacing:.12em;box-shadow:5px 5px 0 var(--cyan);cursor:pointer;transition:transform .14s,background .14s,color .14s}
#gallery-tab b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:50%;background:var(--pink);color:var(--deep);font-size:9px}
#gallery-tab:hover{background:var(--acid);color:var(--deep);transform:translate(-2px,-2px)}
#gallery-tab:focus-visible,#gallery-close:focus-visible,.gallery-card:focus-visible,#gallery-lightbox button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
#gallery-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:radial-gradient(circle at 88% 0,#2d083d 0,transparent 32%),#090311;color:var(--white);overflow:auto;overscroll-behavior:contain}
#gallery-dialog::backdrop{background:#030006e8;backdrop-filter:blur(8px)}
.gallery-shell{width:min(1500px,100%);margin:0 auto;padding:clamp(74px,9vw,130px) clamp(18px,4vw,64px) 100px}
.gallery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px}.gallery-header p,.gallery-deck{margin:0;color:var(--cyan);font:700 clamp(9px,1vw,13px) var(--mono);letter-spacing:.18em}.gallery-header h2{margin:12px 0 0;font:900 clamp(68px,11vw,170px)/.72 var(--display);letter-spacing:-.055em;text-transform:uppercase}.gallery-header h2 em{font-style:normal;color:var(--acid);text-shadow:-3px 0 var(--pink),3px 0 var(--cyan)}
#gallery-close{position:fixed;z-index:4;top:max(15px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--pink);background:#090311;color:var(--pink);font:400 36px/1 var(--mono);cursor:pointer;box-shadow:6px 6px 0 #000}
#gallery-close:hover{background:var(--pink);color:var(--deep)}
.gallery-deck{margin:42px 0 28px;color:var(--acid)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,28px)}
.gallery-card{position:relative;display:block;min-width:0;aspect-ratio:16/10;margin:0;padding:8px;border:2px solid var(--cyan);background:#050109;color:var(--white);box-shadow:8px 8px 0 #000,13px 13px 0 #ff2bd13d;cursor:zoom-in;overflow:hidden;transform:rotate(var(--gallery-rotate,-.4deg));transition:transform .16s,border-color .16s,box-shadow .16s}
.gallery-card:nth-child(3n+2){--gallery-rotate:.55deg;border-color:var(--pink)}.gallery-card:nth-child(3n){--gallery-rotate:-.75deg;border-color:var(--acid)}
.gallery-card:hover{z-index:1;transform:translateY(-7px) rotate(0) scale(1.015);border-color:var(--white);box-shadow:12px 15px 0 #000,18px 21px 0 #00f0ff32}
.gallery-card img{width:100%;height:100%;object-fit:contain;background:#030006}
.gallery-card span{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:6px 8px;background:#090311e8;color:var(--acid);font:900 9px var(--mono);letter-spacing:.12em;text-align:left;box-shadow:3px 3px 0 var(--pink)}
#gallery-lightbox{position:fixed;z-index:10;inset:0;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:18px;padding:70px clamp(15px,3vw,45px) 24px;background:#030006f5;backdrop-filter:blur(14px)}
#gallery-lightbox[hidden]{display:none!important}
#gallery-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:13px;width:100%;height:100%;min-height:0;margin:0}
#gallery-lightbox-image{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 18px 30px #000)}
#gallery-lightbox-caption{padding:7px 10px;border:1px solid var(--cyan);background:#090311;color:var(--acid);font:900 10px var(--mono);letter-spacing:.12em;text-align:center}
#gallery-lightbox button{display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--cyan);background:#090311;color:var(--cyan);font:900 28px var(--mono);cursor:pointer}
#gallery-lightbox button:hover{background:var(--cyan);color:var(--deep)}
#gallery-lightbox-close{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}

@media(max-width:820px){
  #gallery-tab{top:max(8px,env(safe-area-inset-top));right:max(56px,calc(env(safe-area-inset-right) + 56px));height:40px;padding:0 9px;gap:6px;font-size:8px;box-shadow:4px 4px 0 var(--cyan)}#gallery-tab b{min-width:21px;height:21px;font-size:7px}
  .gallery-shell{padding:76px 12px 80px}.gallery-header h2{font-size:20vw}.gallery-header p,.gallery-deck{font-size:8px}.gallery-deck{margin:30px 2px 19px;line-height:1.6}
  #gallery-close{top:10px;right:10px;width:44px;height:44px;font-size:30px}
  .gallery-grid{grid-template-columns:minmax(0,1fr);gap:20px}.gallery-card{padding:5px;box-shadow:6px 6px 0 #000,10px 10px 0 #ff2bd13d}.gallery-card span{left:10px;bottom:10px;font-size:8px}
  #gallery-lightbox{grid-template-columns:48px minmax(0,1fr) 48px;gap:5px;padding:66px 6px 18px}#gallery-lightbox button{width:44px;height:44px;font-size:22px}#gallery-lightbox figure{gap:8px}#gallery-lightbox-caption{font-size:8px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){#gallery-tab,.gallery-card{transition:none}.gallery-card:hover{transform:none}}

/* v19-engagement-loop — BUY → PLAY/STRETCH → SCORE → SHARE. */
#action-dock{position:fixed;z-index:235;left:50%;bottom:max(14px,env(safe-area-inset-bottom));translate:-50% 0;display:flex;align-items:stretch;border:2px solid var(--acid);background:#090311f2;box-shadow:9px 9px 0 #000b;font:900 9px var(--mono);letter-spacing:.1em;white-space:nowrap}
#action-dock a,#action-dock button{display:grid;place-items:center;min-height:46px;margin:0;padding:0 15px;border:0;border-right:1px solid #b4ff3950;background:transparent;color:var(--acid);text-decoration:none;cursor:pointer}
#action-dock a:last-child{border-right:0}#action-dock .dock-buy{background:var(--acid);color:var(--deep)}
#action-dock a:hover,#action-dock button:hover,#action-dock button[data-copied="true"]{background:var(--pink);color:var(--deep)}
#action-dock :focus-visible,#motion-toggle:focus-visible,#secret-fly:focus-visible,#horn-trigger:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.hud-controls{position:fixed;left:16px;top:64px;display:flex;gap:7px;pointer-events:auto}#motion-toggle{padding:9px 10px;border:1px solid #00f0ff88;background:#090311eb;color:var(--cyan);font:700 8px var(--mono);letter-spacing:.08em;cursor:pointer}
#engagement-status{position:fixed;z-index:82;left:14px;bottom:78px;display:grid;gap:5px;min-width:210px;padding:11px 12px;border:1px solid #ff2bd17a;background:#090311eb;box-shadow:6px 6px 0 #0008;font:700 9px var(--mono);letter-spacing:.09em;pointer-events:none}
#engagement-status b{color:var(--acid)}#engagement-status span{color:#eee0f3}#engagement-status strong{color:var(--cyan)}#engagement-status a{justify-self:start;color:var(--pink);pointer-events:auto}
#milestone-toast{position:fixed;z-index:310;left:50%;top:18%;translate:-50% -50%;max-width:min(90vw,720px);padding:0;background:var(--acid);color:var(--deep);font:900 clamp(18px,3vw,42px) var(--display);letter-spacing:-.03em;text-align:center;pointer-events:none;opacity:0}
#milestone-toast.show-v19{padding:14px 20px;animation:toast-v19 1.9s ease both}@keyframes toast-v19{0%{opacity:0;transform:scale(.5) rotate(-5deg)}15%,72%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.14) translateY(-30px)}}
.sr-only{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#secret-fly{position:fixed;z-index:90;left:18vw;top:34vh;width:18px;height:18px;padding:0;border:0;background:transparent;color:#17120c;font-size:14px;filter:drop-shadow(0 0 3px var(--acid));cursor:pointer;animation:fly-v19 5.5s ease-in-out infinite alternate}@keyframes fly-v19{to{translate:48vw 24vh;rotate:260deg}}
#horn-trigger{position:absolute;z-index:8;left:47%;top:8%;width:17%;height:18%;padding:0;border:0;background:transparent;color:transparent;pointer-events:auto;cursor:grab;clip-path:polygon(50% 0,100% 100%,0 100%)}
.eye-orbit-v11[data-frong-eye]{pointer-events:auto;cursor:pointer}.eye-orbit-v11 i{transform:translate(var(--pupil-x,0),var(--pupil-y,0));transition:transform .08s linear}

/* Cleaner scene rhythm and smaller display type leave the character unobstructed. */
.panel h1{font-size:clamp(52px,7.2vw,116px)}.panel h2,#splash h2{font-size:clamp(43px,6.2vw,94px)}
.panel:nth-of-type(even) .panel-copy{width:min(43vw,660px);margin-left:auto;text-align:right}.panel:nth-of-type(even)::before{background:linear-gradient(260deg,rgba(9,3,17,.9) 0 38%,rgba(9,3,17,.32) 64%,transparent 82%)}
.panel:nth-of-type(3n) .panel-copy{width:min(88vw,1080px);margin-left:auto;margin-right:auto;text-align:center}.panel:nth-of-type(3n)::before{background:linear-gradient(#09031191,#09031147)}
body.scene-copy-right{--frong-x:28vw}body:not(.scene-copy-right){--frong-x:70vw}#frong-head,#frong-torso{transition:left .62s cubic-bezier(.2,.8,.2,1)}
.brand-sigil{padding:0;border:0;background:none}.uniswap-sigil{left:calc(var(--frong-x) - 52px);right:auto}.robinhood-sigil{left:calc(var(--frong-x) - 42px)}
.milestone-track{display:grid;gap:9px;margin-top:28px}.milestone-track span{padding:10px 12px;border:1px solid #00f0ff68;background:#090311d9;color:var(--cyan);font:700 10px var(--mono);letter-spacing:.1em}.milestone-track span.reached-v19{border-color:var(--acid);background:#b4ff3922;color:var(--acid);box-shadow:5px 5px 0 var(--pink)}
#result-card{padding:20px;border:2px solid var(--acid);background:#090311e8;box-shadow:12px 12px 0 #000}#result-card>p{margin:0 0 14px;color:var(--acid);font:900 clamp(20px,3vw,42px)/1 var(--display)}#result-canvas,#meme-canvas{display:block;width:min(100%,900px);height:auto;border:2px solid var(--cyan);background:#050109;justify-self:center}

body.stretching-v19{cursor:ns-resize;user-select:none}body.stretching-v19 #frong-shaker{transform:translate3d(var(--shx),var(--shy),0) translateX(var(--wob)) scaleY(var(--stretch-scale,1));transform-origin:50% 8%;filter:saturate(1.35) drop-shadow(0 0 18px var(--acid))}
body.spring-v19 main,body.spring-v19 #frong-shaker{animation:spring-v19 .72s cubic-bezier(.2,.8,.2,1)}@keyframes spring-v19{0%{transform:scaleY(1.09) scaleX(.97)}28%{transform:scaleY(.94) scaleX(1.04)}55%{transform:scaleY(1.035) scaleX(.985)}to{transform:none}}
.click-wave-v19{position:fixed;z-index:145;width:26px;height:26px;margin:-13px;border:3px solid var(--cyan);border-radius:50%;pointer-events:none;box-shadow:0 0 0 7px #ff2bd155,0 0 24px var(--acid);animation:click-wave-v19 .75s ease-out forwards}@keyframes click-wave-v19{to{transform:scale(9);opacity:0}}
.escape-burst-v19{position:fixed;z-index:180;inset:0;display:grid;place-items:center;background:#ff2bd12e;color:var(--acid);font:900 clamp(38px,10vw,144px) var(--display);text-align:center;pointer-events:none;animation:escape-burst-v19 1.1s steps(3,end) forwards}@keyframes escape-burst-v19{to{opacity:0;filter:hue-rotate(280deg);transform:scale(1.4)}}
body.frong-escape-v19 #frong-shaker{animation:frong-breakout-v19 1s cubic-bezier(.2,.9,.2,1)!important}@keyframes frong-breakout-v19{0%{transform:translate3d(0,0,0)}22%{transform:translate3d(-18vw,-8vh,0) rotate(-9deg) scale(1.08)}48%{transform:translate3d(48vw,-16vh,0) rotate(13deg) scale(1.22)}72%{transform:translate3d(-8vw,8vh,0) rotate(-5deg) scale(.96)}to{transform:translate3d(0,0,0)}}

/* Secret chart-flight lab. */
#secret-game{width:min(96vw,1080px);max-width:1080px;padding:0;border:2px solid var(--pink);background:#090311;color:var(--white);box-shadow:16px 16px 0 #000;overflow:auto}#secret-game::backdrop{background:#030006e8;backdrop-filter:blur(8px)}.game-shell{padding:clamp(18px,4vw,42px)}.game-shell h2{margin:0;font:900 clamp(45px,8vw,100px)/.78 var(--display);letter-spacing:-.05em}.game-shell>p:not(.kicker){font:400 12px/1.5 var(--mono)}.game-hud{display:flex;justify-content:space-between;margin:14px 0;color:var(--acid);font:900 12px var(--mono)}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;border:2px solid var(--cyan);background:#040107;touch-action:none}.game-help{color:var(--cyan)}

/* Horizontal film archive plus canvas meme lab. */
.gallery-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,34vw);grid-template-columns:none;gap:20px;padding:10px 8px 28px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}.gallery-card{scroll-snap-align:start}.gallery-grid::-webkit-scrollbar{height:12px}.gallery-grid::-webkit-scrollbar-thumb{background:var(--acid);border:3px solid var(--deep)}
#meme-generator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:60px;padding:clamp(18px,3vw,34px);border:2px solid var(--pink);background:#12051b;box-shadow:12px 12px 0 #000}#meme-generator>div:first-child,#meme-generator .actions,#meme-canvas{grid-column:1/-1}#meme-generator h3{margin:5px 0;font:900 clamp(30px,5vw,72px)/.9 var(--display)}#meme-generator label{display:grid;gap:6px;color:var(--cyan);font:700 9px var(--mono);letter-spacing:.12em}#meme-generator input,#meme-generator select{min-width:0;padding:12px;border:1px solid var(--acid);background:#090311;color:var(--white);font:700 11px var(--mono)}

/* Easter-egg visual states. */
body.golden-frong-v19 #frong-shaker{filter:sepia(1) saturate(4) drop-shadow(0 0 30px #ffd400)}body.pink-laser-v19::after{content:"";position:fixed;z-index:170;left:-10vw;top:50%;width:120vw;height:7px;background:var(--pink);box-shadow:0 0 28px var(--pink),0 0 70px var(--acid);transform:rotate(-12deg);pointer-events:none;animation:laser-v19 .8s ease-out forwards}@keyframes laser-v19{to{translate:0 -55vh;opacity:0}}body.green-market-v19 #backdrop{background:radial-gradient(circle at 70% 20%,#0d4c22,#07150d 58%,#020603)}
body.mega-frong-v19 #frong-shaker{transform:scaleX(1.18);transform-origin:50% 0;filter:hue-rotate(55deg) drop-shadow(0 0 40px var(--acid))}body.hypnosis-v19 #backdrop::before{opacity:1;animation-duration:1.1s}body.hypnosis-v19 .eye-orbit-v11{animation:frongEyeSpinV11 .28s linear infinite}body.short-frong-v19 #frong-torso{bottom:auto;height:38vh;overflow:hidden}body.maximum-wetness-v19 #backdrop::after{background-image:radial-gradient(ellipse,#00f0ff55 0 24%,transparent 25%);background-size:34px 20px;animation:wet-v19 .6s linear infinite}@keyframes wet-v19{to{background-position:20px 40px}}
.tongue-v19{position:fixed;z-index:160;left:65vw;top:24vh;width:8px;height:8px;border-radius:99px;background:var(--pink);transform-origin:left center;animation:tongue-v19 .55s ease-in-out both}@keyframes tongue-v19{50%{width:42vw;height:16px;rotate:15deg}to{width:0}}

body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}body.reduced-motion #cursor-glow,body.reduced-motion #trails{display:none!important}

@media(max-width:820px){
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  #action-dock{position:fixed;left:0;right:0;bottom:0;translate:0;display:grid;grid-template-columns:1.35fr .9fr .75fr .75fr;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -5px 0 #000;white-space:normal}
  #action-dock a,#action-dock button{min-height:58px;padding:5px 4px;border-right:1px solid #b4ff3945;font-size:7px;text-align:center}
  #ministats{bottom:58px}#engagement-status{left:8px;right:8px;bottom:98px;grid-template-columns:repeat(3,1fr);min-width:0;font-size:7px;pointer-events:none}#engagement-status b,#engagement-status a{display:none}
  .hud-controls{display:grid;gap:3px}#motion-toggle{max-width:94px;padding:5px;font-size:6px}#sound{padding:5px!important}
  .panel h1{font-size:13.5vw}.panel h2{font-size:10vw}.panel:nth-of-type(even) .panel-copy,.panel:nth-of-type(3n) .panel-copy{width:79vw;margin-left:0;margin-right:0;text-align:left}.panel:nth-of-type(even)::before,.panel:nth-of-type(3n)::before{background:linear-gradient(100deg,rgba(9,3,17,.92) 36%,rgba(9,3,17,.48) 76%,transparent)}
  .gallery-grid{grid-auto-columns:82vw;grid-template-columns:none}.gallery-card{min-height:0}
  #meme-generator{grid-template-columns:1fr}#meme-generator>*{grid-column:1!important}
  #secret-fly{top:26vh}.game-shell{padding:15px}.game-shell .actions{gap:3px}.game-shell .button{padding:9px 7px;font-size:7px}
  body.scene-copy-right,body:not(.scene-copy-right){--frong-x:67vw}#frong-head,#frong-torso{transition:none}.brand-sigil{left:auto}.uniswap-sigil{left:4vw}.robinhood-sigil{left:auto;right:10px}
}