@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{align-items:center;background-color:#0f172a;font-family:Nunito,sans-serif;justify-content:center;margin:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.app-container,body{display:flex;height:100dvh;width:100vw}.app-container{background:#0f172a;box-shadow:0 0 20px #000c;flex-direction:column;position:relative}.game-area{align-items:center;background:#f8fafc;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.game-area svg{display:block}@keyframes snowFall{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:80px 800px,150px 1500px,250px 2500px,400px 4000px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-15px) rotate(-2deg)}40%,80%{transform:translateX(15px) rotate(2deg)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.animate-float{animation:float 4s ease-in-out infinite}.pop-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.snow-layer{animation:snowFall 15s linear infinite;background-image:radial-gradient(circle at 50% 50%,#fff6 1px,#0000 1.5px),radial-gradient(circle at 20% 30%,#ffffffb3 2px,#0000 3px),radial-gradient(circle at 80% 80%,#ffffffe6 3px,#0000 4px),radial-gradient(circle at 40% 10%,#ffffff4d 5px,#0000 8px);background-size:80px 80px,150px 150px,250px 250px,400px 400px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.overlay-container{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#f8fafc33;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.red-tint{background-color:#ef444433}.glass-panel{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:4px solid #ffffffe6;border-radius:32px;box-shadow:0 20px 40px #00000026,inset 0 0 0 2px #ffffff80;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:40px;text-align:center;width:90%}.title{color:#1e293b;font-size:2.8rem;font-weight:900;letter-spacing:-1px;margin:0 0 5px;text-shadow:0 4px 10px #0000001a,0 2px 0 #fff,0 -2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff}.wipeout-text{color:#ef4444}.subtitle{color:#64748b;font-size:1.2rem;font-weight:800;margin-bottom:28px}.score-box{background:#f1f5f9;border:3px solid #cbd5e1;border-radius:20px;box-shadow:inset 0 4px 8px #0000000d;margin-bottom:25px;padding:15px 30px}.score-box span{color:#94a3b8;display:block;font-size:.9rem;font-weight:900;letter-spacing:1px;text-transform:uppercase}.score-box h2{font-size:3rem;margin:5px 0 0}.score-badge,.score-box h2{color:#0f172a;font-weight:900}.score-badge{background:#fff;border:4px solid #f8fafc;border-radius:100px;box-shadow:0 10px 25px #00000026,0 4px 0 #cbd5e1;font-size:1.6rem;left:20px;padding:10px 20px;position:absolute;top:20px;z-index:20}.button-group{display:flex;flex-direction:column;gap:16px;width:100%}.btn-jelly{align-items:center;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.3rem;font-weight:800;gap:8px;justify-content:center;outline:none;padding:16px 24px;position:relative;text-shadow:0 2px 4px #0003;transition:transform .1s cubic-bezier(.4,0,.2,1)}.btn-jelly:before{background:linear-gradient(180deg,#fff6,#fff0);border-radius:16px 16px 8px 8px;content:"";height:30%;left:4px;pointer-events:none;position:absolute;right:4px;top:4px}.btn-jelly:active{transform:scale(.92) translateY(4px)}.btn-easy{background:#22c55e;box-shadow:0 8px 0 #15803d,0 15px 20px #15803d66}.btn-easy:active{box-shadow:0 0 0 #15803d,0 5px 10px #15803d66}.btn-normal{background:#3b82f6;box-shadow:0 8px 0 #1d4ed8,0 15px 20px #1d4ed866}.btn-normal:active{box-shadow:0 0 0 #1d4ed8,0 5px 10px #1d4ed866}.btn-hard{background:#f97316;box-shadow:0 8px 0 #c2410c,0 15px 20px #c2410c66}.btn-hard:active{box-shadow:0 0 0 #c2410c,0 5px 10px #c2410c66}.btn-danger{background:#ef4444;box-shadow:0 8px 0 #b91c1c,0 15px 20px #b91c1c66}.btn-danger:active{box-shadow:0 0 0 #b91c1c,0 5px 10px #b91c1c66}.controls-container{background:#fff;border-top:4px solid #f1f5f9;box-shadow:0 -10px 30px #0000001a;display:flex;flex-shrink:0;gap:16px;height:100px;padding:16px;z-index:20}.control-btn{align-items:center;background:#f8fafc;border:solid #cbd5e1;border-radius:24px;border-width:4px 4px 8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1.4rem;font-weight:900;gap:10px;justify-content:center;outline:none;touch-action:none;transition:all .05s ease}.control-btn .arrow{color:#94a3b8;font-size:1.8rem;transition:color .1s ease}.control-btn.active,.control-btn:active{background:#eff6ff;border-bottom-width:4px;border-color:#3b82f6;color:#1d4ed8;transform:translateY(4px)}.control-btn.active .arrow,.control-btn:active .arrow{color:#3b82f6}
/*# sourceMappingURL=main.befe61ff.css.map*/