
:root{--acid:#dfff38;--violet:#a96cff;--hot:#ff4f91}
body{cursor:crosshair}
body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.s.on{animation:pageIn .5s cubic-bezier(.2,.85,.2,1) both}
.btn,.choice,.att button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-85%) rotate(10deg);transition:.45s}
.btn:hover{transform:translate(-4px,-4px) rotate(-1deg);box-shadow:7px 7px 0 var(--acid)}.btn:hover:after{transform:translateX(85%) rotate(10deg)}
.choice:hover,.att button:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:5px 5px 0 #111}
.choice.sel{animation:pop .28s ease}
.apt{animation:floaty 3.4s ease-in-out infinite}.big415{animation:ghost 8s ease-in-out infinite}
.chaosline span{animation:ticker 12s linear infinite}
#a.on h1{animation:slam .7s cubic-bezier(.2,.9,.2,1) both}
#a.on .st{animation:drop .72s .45s cubic-bezier(.2,.9,.25,1.15) both}
#a .crown{animation:crown 2.5s ease-in-out infinite}
#a .scribble{animation:scribble 3s ease-in-out infinite}
#e.on h2{animation:stamp .62s cubic-bezier(.2,.9,.2,1.1) both}
input:focus{transform:translateY(-2px);border-color:var(--acid)}
::selection{background:var(--acid);color:#09070b}
@keyframes pageIn{from{opacity:0;transform:scale(.985) translateY(18px)}to{opacity:1;transform:none}}
@keyframes pop{50%{transform:scale(1.08) rotate(-1deg)}}
@keyframes floaty{50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes ghost{50%{transform:translateX(-24px) rotate(-2deg);opacity:.09}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes slam{0%{opacity:0;transform:translateY(65px) scale(.88) rotate(-3deg)}75%{opacity:1;transform:translateY(-5px) scale(1.02)}100%{transform:none}}
@keyframes drop{0%{opacity:0;transform:translateY(-100px) rotate(12deg) scale(1.4)}75%{opacity:1;transform:translateY(7px) rotate(-5deg)}100%{transform:rotate(-3deg)}}
@keyframes crown{50%{transform:translateY(-10px) rotate(14deg) scale(1.08)}}
@keyframes scribble{50%{translate:0 -7px}}
@keyframes stamp{0%{opacity:0;transform:scale(2.2) rotate(-12deg)}70%{opacity:1;transform:scale(.92) rotate(2deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
