:root{--y:#FFC93C;--t:#FF6B6B;--s:#4D96FF;--g:#6BCB77;--ink:#2b2118;--paper:#fbf5e6}
body{margin:0;font-family:'Patrick Hand',cursive;color:var(--ink);
background:var(--paper);
background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(77,150,255,.08) 31px 32px);
background-size:6px 6px,100% 32px}
.hand{font-family:'Gochi Hand',cursive}
.crayon{border:3px solid var(--ink);border-radius:14px 18px 12px 20px/18px 12px 20px 14px}
.sticker{box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.sticker:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}
.sticker:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.card{animation:pop .5s both}
.card:hover{animation:wob .5s}
@keyframes pop{from{opacity:0;transform:scale(.7) rotate(-6deg)}}
@keyframes wob{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}
.spin{animation:reel .12s linear infinite}
@keyframes reel{0%{transform:translateY(-4px);filter:blur(1px)}100%{transform:translateY(4px)}}
.scribble{background:repeating-linear-gradient(45deg,var(--y) 0 8px,#ffe28a 8px 16px);background-size:200% 100%;animation:sc 1s linear infinite}
@keyframes sc{to{background-position:-46px 0}}
.dash{border:3px dashed var(--ink);border-radius:18px}
.lever{transition:transform .3s}
.lever.pulled{transform:rotate(35deg)}
.confetti{position:fixed;width:10px;height:14px;top:-20px;z-index:99;animation:fall 1.6s ease-in forwards;pointer-events:none}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}