@import"https://fonts.googleapis.com/css2?family=Bangers&family=Baloo+2:wght@600;800&family=Fredoka:wght@500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #171123;--paper: #fff6e6;--pink: #ff5ea3;--lime: #b8ff4f;--sky: #4fd2ff;--gold: #ffd23f;--grape: #9b5de5;--tomato: #ff6b3d;--mint: #3ddc97;--font-shout: "Bangers", system-ui, sans-serif;--font-round: "Baloo 2", system-ui, sans-serif;--font-body: "Fredoka", system-ui, sans-serif}html,body{height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);overflow:hidden;background:var(--paper);-webkit-font-smoothing:antialiased;cursor:none}@media (hover: none),(prefers-reduced-motion: reduce){body{cursor:auto}}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;transition:filter .5s ease}.stage{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,var(--gold) 0%,transparent 35%),radial-gradient(circle at 85% 25%,var(--sky) 0%,transparent 40%),radial-gradient(circle at 75% 85%,var(--pink) 0%,transparent 40%),radial-gradient(circle at 20% 80%,var(--lime) 0%,transparent 38%),var(--paper);animation:hue 18s linear infinite}@keyframes hue{to{filter:hue-rotate(360deg)}}.stage:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:linear-gradient(var(--ink) 2px,transparent 2px),linear-gradient(90deg,var(--ink) 2px,transparent 2px);background-size:64px 64px;opacity:.06;animation:driftgrid 12s ease-in-out infinite alternate}@keyframes driftgrid{0%{transform:translate(0) rotate(-.6deg)}to{transform:translate(24px,18px) rotate(.6deg)}}.buddies,.fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.buddies{z-index:1}.fx{z-index:90;pointer-events:none}.marquee{position:absolute;left:0;width:max-content;white-space:nowrap;font-family:var(--font-shout);font-size:clamp(1.6rem,4vw,3rem);letter-spacing:2px;z-index:5;pointer-events:none;text-shadow:3px 3px 0 var(--ink);-webkit-user-select:none;user-select:none}.marquee span{display:inline-block;padding-right:1ch}.marquee--top{top:14px;transform:rotate(-2deg);color:var(--pink);animation:slideL 22s linear infinite}.marquee--bottom{bottom:14px;transform:rotate(2deg);color:var(--sky);animation:slideR 26s linear infinite}@keyframes slideL{to{transform:translate(-50%) rotate(-2deg)}}@keyframes slideR{0%{transform:translate(-50%) rotate(2deg)}to{transform:translate(0) rotate(2deg)}}.hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:95;text-align:center;pointer-events:none}.title{font-family:var(--font-shout);font-size:clamp(3.5rem,15vw,11rem);line-height:.86;letter-spacing:3px;color:var(--ink)}.title span{display:inline-block;animation:jelly 2.4s ease-in-out infinite;text-shadow:4px 4px 0 #fff,8px 8px 0 var(--ink)}.title span:nth-child(3n){color:var(--pink)}.title span:nth-child(3n+1){color:var(--grape)}.title span:nth-child(3n+2){color:var(--tomato)}@keyframes jelly{0%,to{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-16px) rotate(3deg) scale(1.08)}}.subtitle{margin-top:.4rem;font-family:var(--font-round);font-weight:800;font-size:clamp(1rem,3.2vw,1.9rem);color:var(--ink);background:var(--gold);display:inline-block;padding:.15em .7em;border:4px solid var(--ink);border-radius:40px 12px;transform:rotate(-1.5deg);box-shadow:6px 6px 0 var(--ink);animation:nod 3.5s ease-in-out infinite}@keyframes nod{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2deg)}}.eyes{display:flex;gap:14px;justify-content:center;margin:0 auto 10px;width:max-content}.eye{width:clamp(46px,9vw,78px);height:clamp(46px,9vw,78px);background:#fff;border:5px solid var(--ink);border-radius:50%;position:relative;box-shadow:4px 4px 0 var(--ink)}.pupil{position:absolute;width:42%;height:42%;background:var(--ink);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .05s linear}.sticker{position:absolute;z-index:20;font-family:var(--font-round);font-weight:800;font-size:clamp(.85rem,2.4vw,1.35rem);padding:.5em .85em;border:4px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;max-width:44vw;transition:box-shadow .12s ease;animation:floaty 6s ease-in-out infinite}.sticker:active{cursor:grabbing}.sticker.grabbed{box-shadow:12px 12px 0 var(--ink);z-index:80;animation:none}@keyframes floaty{0%,to{translate:0 0}50%{translate:0 -10px}}.runaway{position:absolute;z-index:60;font-family:var(--font-shout);font-size:clamp(1.2rem,3vw,2rem);letter-spacing:2px;color:#fff;background:var(--tomato);border:5px solid var(--ink);border-radius:50px;padding:.5em 1.3em;box-shadow:6px 6px 0 var(--ink);cursor:none;transition:left .35s cubic-bezier(.68,-.6,.32,1.6),top .35s cubic-bezier(.68,-.6,.32,1.6),background .2s;transform:translate(-50%,-50%)}.runaway:hover{background:var(--grape)}.meter{position:absolute;top:70px;right:18px;z-index:40;font-family:var(--font-round);font-weight:800;color:var(--ink);background:#fff;border:4px solid var(--ink);border-radius:18px 6px;padding:8px 12px;box-shadow:5px 5px 0 var(--ink);transform:rotate(3deg);text-align:center;min-width:132px;pointer-events:none}.meter b{display:block;font-family:var(--font-shout);font-size:1.9rem;letter-spacing:1px;line-height:1;color:var(--pink)}.meter small{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;opacity:.6}.meter .bar{height:10px;margin-top:6px;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:#ffe9f2}.meter .bar>i{display:block;height:100%;background:repeating-linear-gradient(45deg,var(--pink) 0 8px,var(--grape) 8px 16px);transition:width .3s ease}.controls{position:absolute;top:178px;right:18px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:4px;transform:rotate(-2deg)}.wbtn{font-family:var(--font-round);font-weight:800;font-size:1rem;color:var(--ink);background:#fff;border:4px solid var(--ink);border-radius:6px 18px;padding:8px 14px;box-shadow:5px 5px 0 var(--ink);cursor:none;transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap}.wbtn:hover{transform:scale(1.06) rotate(2deg)}.wbtn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.controls__hint{font-family:var(--font-round);font-weight:600;font-size:.6rem;opacity:.6;color:var(--ink)}.wander{position:absolute;z-index:65;font-family:var(--font-shout);font-size:clamp(1rem,2.6vw,1.7rem);letter-spacing:1px;color:#fff;background:linear-gradient(120deg,var(--grape),var(--pink),var(--sky));background-size:200% 200%;border:5px solid var(--ink);border-radius:40px 14px;padding:.45em 1.1em;box-shadow:6px 6px 0 var(--ink);cursor:none;transform:translate(-50%,-50%);transition:left 1s cubic-bezier(.34,1.4,.5,1),top 1s cubic-bezier(.34,1.4,.5,1);animation:shimmer 4s linear infinite}.wander:hover{filter:brightness(1.12)}.wander:active{box-shadow:2px 2px 0 var(--ink)}@keyframes shimmer{to{background-position:200% 200%}}.hint{position:absolute;bottom:64px;left:50%;transform:translate(-50%) rotate(-1deg);z-index:40;font-family:var(--font-round);font-weight:600;font-size:.9rem;color:var(--ink);background:#fffc;border:3px dashed var(--ink);border-radius:30px;padding:5px 16px;pointer-events:none;animation:nod 4s ease-in-out infinite}.cursor{position:fixed;top:0;left:0;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:999;pointer-events:none;will-change:transform;transition:transform .08s ease}.cursor i{display:block;width:34px;height:34px;font-size:30px;line-height:34px;text-align:center;font-style:normal;transition:transform .14s ease}.cursor.poke i{transform:scale(1.7) rotate(22deg)}@media (hover: none),(prefers-reduced-motion: reduce){.cursor{display:none}}.doodle{position:absolute;z-index:3;pointer-events:none;opacity:.9;animation:spinny linear infinite}@keyframes spinny{to{transform:rotate(360deg)}}