.dq{font-family:var(--font-fredoka),ui-rounded,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}.dq .hand{font-family:var(--font-caveat),"Comic Sans MS",cursive}.dq-ocean{background:radial-gradient(120% 80% at 50% -10%,#7fe0f5 0%,#1c98c9 35%,#0b4f7a 70%,#062c47 100%)}.dq-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.dq-btn{transition:transform .12s,filter .12s}.dq-btn:active{filter:brightness(.95);transform:scale(.94)}.dq-shadow{box-shadow:0 6px #0000002e,0 10px 24px #00142840}.dq-paper{background-color:#fdf8ea;background-image:repeating-linear-gradient(0deg,#0000 0 27px,#508cc82e 27px 28px)}.dq-slate{background:#f7f7f2;border:3px solid #d9dccf;box-shadow:0 4px #b9bcae,0 10px 20px #00000040}@keyframes dq-rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(-110vh)translate(20px)}}.dq-bubble{background:radial-gradient(circle at 30% 30%,#fff9,#ffffff0d 60%);border:2px solid #ffffff8c;border-radius:9999px;animation:linear infinite dq-rise;position:absolute;bottom:-20px}@keyframes dq-wave{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.dq-wave>span{animation:2.2s ease-in-out infinite dq-wave;display:inline-block}@keyframes dq-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-3px)rotate(3deg)}}.dq-bob{animation:2.6s ease-in-out infinite dq-bob}@keyframes dq-pop{0%{opacity:0;transform:scale(.6)translateY(10px)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.dq-pop{animation:.38s cubic-bezier(.2,.9,.3,1.3) both dq-pop}@keyframes dq-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dq-sheet{animation:.32s cubic-bezier(.2,.8,.2,1) both dq-slide-up}@keyframes dq-fade{0%{opacity:0}to{opacity:1}}.dq-fade{animation:.3s both dq-fade}@keyframes dq-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx),110vh)rotate(720deg);opacity:.9}}.dq-confetti{border-radius:2px;width:9px;height:14px;animation:2.2s cubic-bezier(.3,.6,.5,1) forwards dq-confetti;position:absolute;top:-10px}@keyframes dq-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.dq-pulse{animation:1.4s ease-in-out infinite dq-pulse}@keyframes dq-spout{0%{opacity:0;transform:translateY(0)scaleY(.2)}30%{opacity:1}to{opacity:0;transform:translateY(-8px)scaleY(1.2)}}.dq-spout{transform-origin:bottom;transform-box:fill-box;animation:1.2s ease-out dq-spout}@keyframes dq-dash{to{stroke-dashoffset:-20px}}.dq-route{animation:1.6s linear infinite dq-dash}@keyframes dq-stamp{0%{opacity:0;transform:scale(2.2)rotate(-18deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{transform:scale(1)rotate(-8deg)}}.dq-stamp{animation:.5s cubic-bezier(.2,.8,.3,1.2) both dq-stamp}@keyframes dq-flash{0%,to{opacity:1}50%{opacity:.35}}.dq-flash{animation:.8s ease-in-out infinite dq-flash}@keyframes dq-credits{0%{transform:translateY(100vh)}to{transform:translateY(-100%)}}@keyframes dq-tick{0%{color:#fff3a8;transform:scale(1.35)}to{transform:scale(1)}}.dq-tick{animation:.35s cubic-bezier(.2,.9,.3,1.2) both dq-tick}@media (prefers-reduced-motion:reduce){.dq *,.dq :before,.dq :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}