*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;min-height:100dvh}body{background:#fff;overscroll-behavior:none;touch-action:manipulation;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding:0 28px 100px;align-content:center;justify-items:center}.toy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;user-select:none;-webkit-user-select:none}.toy--glass{animation:entrance .8s both,rockGlass 4s ease-in-out infinite,floatGlass 9s ease-in-out infinite;animation-delay:0s,-1.5s,-3s}.toy--carrot{animation:entrance .8s both,rockCarrot 3s ease-in-out infinite,floatCarrot 8s ease-in-out infinite;animation-delay:.08s,0s,0s}.toy--map{animation:entrance .8s both,rockMap 3.5s ease-in-out infinite,floatMap 7s ease-in-out infinite;animation-delay:.16s,-.8s,-2s}.toy--skull{animation:entrance .8s both,rockSkull 3.2s ease-in-out infinite,floatSkull 8.5s ease-in-out infinite;animation-delay:.24s,-2.2s,-4s}@keyframes entrance{0%{transform:scale(0);opacity:0}35%{opacity:1}45%{transform:scale(1.15)}65%{transform:scale(.94)}80%{transform:scale(1.04)}92%{transform:scale(.99)}to{transform:scale(1)}}@keyframes rockCarrot{0%,to{rotate:-2.5deg}50%{rotate:2.8deg}}@keyframes rockGlass{0%,to{rotate:1.8deg}50%{rotate:-2.2deg}}@keyframes rockMap{0%,to{rotate:-3.1deg}50%{rotate:1.5deg}}@keyframes rockSkull{0%,to{rotate:2deg}50%{rotate:-2.6deg}}@keyframes floatCarrot{0%,to{translate:0px 0px}25%{translate:1px -.7px}50%{translate:0px 1px}75%{translate:-.7px -.35px}}@keyframes floatGlass{0%,to{translate:0px 0px}25%{translate:-.7px .7px}50%{translate:1px 0px}75%{translate:0px -1px}}@keyframes floatMap{0%,to{translate:0px 0px}25%{translate:.7px .7px}50%{translate:-1px -.35px}75%{translate:.35px 1px}}@keyframes floatSkull{0%,to{translate:0px 0px}25%{translate:-.5px -.8px}50%{translate:.8px .5px}75%{translate:-.3px .7px}}.toy__icon{width:88px;height:88px;will-change:transform}.toy__icon svg{width:100%;height:100%;display:block;pointer-events:none}.toy__label{font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;opacity:0;animation:labelIn .35s ease-out both}@keyframes labelIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.toy--glass .toy__label{color:#45abff;animation-delay:.35s}.toy--carrot .toy__label{color:#ff8a3a;animation-delay:.43s}.toy--map .toy__label{color:#ffcc5c;animation-delay:.51s}.toy--skull .toy__label{color:#b4ff49;animation-delay:.59s}@keyframes wobble{0%{transform:rotate(0) scale(1)}15%{transform:rotate(14deg) scale(1.08)}30%{transform:rotate(-12deg) scale(1.06)}45%{transform:rotate(8deg) scale(1.04)}60%{transform:rotate(-5deg) scale(1.02)}75%{transform:rotate(2deg) scale(1.01)}to{transform:rotate(0) scale(1)}}@keyframes buzz{0%,to{transform:translate(0)}10%{transform:translate(-3px) rotate(-1deg)}20%{transform:translate(3px) rotate(1deg)}30%{transform:translate(-2px) rotate(-.5deg)}40%{transform:translate(2px) rotate(.5deg)}50%{transform:translate(-1.5px)}60%{transform:translate(1.5px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(-.5px)}}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.92)}70%{transform:scale(1.06)}85%{transform:scale(.98)}to{transform:scale(1)}}@keyframes headshake{0%{transform:translate(0) rotate(0)}6%{transform:translate(-6px) rotate(-5deg)}18%{transform:translate(5px) rotate(4deg)}30%{transform:translate(-4px) rotate(-3deg)}42%{transform:translate(3px) rotate(2deg)}54%{transform:translate(-2px) rotate(-1deg)}66%{transform:translate(1px) rotate(.5deg)}to{transform:translate(0) rotate(0)}}.toy--carrot svg .carrot-leaves{transform-origin:35px 22px;animation:leafSway 2.8s ease-in-out infinite}@keyframes leafSway{0%,to{transform:skew(0)}25%{transform:skew(4deg)}75%{transform:skew(-3.5deg)}}.toy--glass svg .bubble{opacity:0}.toy--glass svg .bubble-1{animation:bubbleRise1 4s ease-in-out infinite}.toy--glass svg .bubble-2{animation:bubbleRise2 3.3s ease-in-out infinite;animation-delay:-1.2s}.toy--glass svg .bubble-3{animation:bubbleRise3 4.6s ease-in-out infinite;animation-delay:-2s}.toy--glass svg .bubble-4{animation:bubbleRise4 3.7s ease-in-out infinite;animation-delay:-2.8s}@keyframes bubbleRise1{0%{transform:translateY(0) scale(0);opacity:0}8%{transform:translateY(-1px) scale(.7);opacity:0}15%{transform:translateY(-3px) scale(1);opacity:.5}40%{transform:translateY(-12px) translate(1.5px) scale(.95);opacity:.42}65%{transform:translateY(-22px) translate(-.8px) scale(.85);opacity:.28}85%{transform:translateY(-29px) translate(.5px) scale(.7);opacity:.1}to{transform:translateY(-33px) translate(0) scale(.5);opacity:0}}@keyframes bubbleRise2{0%{transform:translateY(0) scale(0);opacity:0}10%{transform:translateY(-1.5px) scale(.6);opacity:0}18%{transform:translateY(-3.5px) scale(.9);opacity:.45}42%{transform:translateY(-11px) translate(-1.2px) scale(1);opacity:.4}68%{transform:translateY(-20px) translate(1px) scale(.8);opacity:.22}88%{transform:translateY(-27px) translate(-.3px) scale(.6);opacity:.08}to{transform:translateY(-30px) translate(0) scale(.4);opacity:0}}@keyframes bubbleRise3{0%{transform:translateY(0) scale(0);opacity:0}6%{transform:translateY(-.5px) scale(.5);opacity:0}12%{transform:translateY(-2px) scale(.9);opacity:.4}35%{transform:translateY(-10px) translate(2px) scale(1);opacity:.35}58%{transform:translateY(-19px) translate(-1.2px) scale(.9);opacity:.25}80%{transform:translateY(-28px) translate(.6px) scale(.7);opacity:.1}to{transform:translateY(-34px) translate(0) scale(.45);opacity:0}}@keyframes bubbleRise4{0%{transform:translateY(0) scale(0);opacity:0}9%{transform:translateY(-1px) scale(.65);opacity:0}16%{transform:translateY(-3px) scale(.95);opacity:.42}38%{transform:translateY(-10px) translate(-1px) scale(1);opacity:.38}62%{transform:translateY(-18px) translate(1.3px) scale(.85);opacity:.2}84%{transform:translateY(-26px) translate(-.4px) scale(.65);opacity:.06}to{transform:translateY(-31px) translate(0) scale(.4);opacity:0}}.toy--map svg path[stroke-dasharray]{animation:dashScroll 2s linear infinite}@keyframes dashScroll{to{stroke-dashoffset:-8}}.toy__icon--wobble{animation:wobble .6s cubic-bezier(.36,.07,.19,.97)}.toy__icon--buzz{animation:buzz .5s linear}.toy__icon--pop{animation:pop .5s cubic-bezier(.34,1.56,.64,1)}.toy__icon--headshake{animation:headshake .6s cubic-bezier(.36,.07,.19,.97)}.credits{position:fixed;bottom:64px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Fredoka,sans-serif;font-size:12px;font-weight:500;opacity:.3;color:#aaa;pointer-events:auto}.credits a{color:inherit;text-decoration:none}.credits a:active{opacity:.6}.qr-section{display:none}.qr-card{background:#fff;border-radius:24px;padding:16px;line-height:0;box-shadow:0 2px 12px #00000014,0 0 0 1px #0000000a}@media(min-width:600px){#root{display:flex;flex-direction:column;align-items:center;min-height:100dvh}.app{grid-template-columns:repeat(4,auto);gap:24px 86px;padding:200px 48px 0;min-height:auto;height:auto;align-content:start;justify-content:center}.toy__icon{width:100px;height:100px}.toy__label{font-size:16px}.qr-section{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:auto;padding-top:80px;opacity:0;animation:labelIn .5s ease-out .7s both}.qr-label{font-family:Fredoka,sans-serif;font-size:13px;font-weight:500;color:#bbb;opacity:.6}.credits{position:static;margin-top:24px;padding-bottom:32px;color:#bbb;opacity:.6}}
