@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;700;800&display=swap";
:root{--background:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-glow:#3b82f680;--success:#10b981;--danger:#ef4444;--border:#334155}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:radial-gradient(circle at 15%,#0f172a,#161b22,#0d1117) 0 0/200% 200%;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;animation:15s infinite bgShift;display:flex;position:relative}body:before,body:after{content:"";z-index:-1;opacity:.7;background-color:#0000;background-image:radial-gradient(1px 1px at 10% 20%,#fff 100%,#0000),radial-gradient(2px 2px at 30% 40%,#8b5cf6cc 100%,#0000),radial-gradient(1.5px 1.5px at 50% 10%,#fff 100%,#0000),radial-gradient(2px 2px at 70% 60%,#3b82f6cc 100%,#0000),radial-gradient(1px 1px at 90% 80%,#fff 100%,#0000),radial-gradient(1.5px 1.5px at 20% 90%,#8b5cf6cc 100%,#0000),radial-gradient(2px 2px at 80% 30%,#3b82f6cc 100%,#0000);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:250px 250px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation:10s linear infinite floatStars;position:fixed;inset:0}body:after{opacity:.4;background-size:400px 400px;animation-duration:15s;animation-direction:reverse}@keyframes bgShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatStars{0%{transform:translateY(0)}to{transform:translateY(-250px)}}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#1e293bcc;padding:1rem 0;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#0000;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.btn{background:var(--surface-hover);color:var(--text-main);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--border)}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn:disabled{opacity:.5;cursor:not-allowed}.card{-webkit-backdrop-filter:blur(24px);background:#1e293b66;border:1px solid #ffffff1a;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000004d}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.badge-demo{color:#f59e0b;background:#f59e0b33}.badge-real{color:#10b981;background:#10b98133}.balance-display{color:var(--success);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.input-field{border:1px solid var(--border);background:var(--background);color:#fff;border-radius:8px;outline:none;padding:.5rem;font-family:Inter,sans-serif}.input-field:focus{border-color:var(--primary)}.coin-scene{perspective:1500px;width:250px;height:250px;margin:0 auto 3rem;position:relative}.coin-shadow{filter:blur(10px);background:#000c;border-radius:50%;width:150px;height:20px;transition:all .2s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)rotateX(80deg)}.coin-scene.spinning .coin-shadow{filter:blur(25px);opacity:.4;bottom:-80px;transform:translate(-50%)rotateX(80deg)scale(.5)}.coin-wrapper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.coin-wrapper.spinning{animation:.3s linear infinite ultraSpin,1.5s cubic-bezier(.25,1,.5,1) infinite coinPhysics}@keyframes coinPhysics{0%{top:0}50%{top:-200px}to{top:0}}.coin-real{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.coin-face-real{backface-visibility:hidden;color:#fff;width:100%;height:100%;text-shadow:0px 4px 6px #00000080, inset 0 0 20px #00000080;background:conic-gradient(#d4af37,#ffef80,#8b6508,#ffef80,#d4af37);border:4px solid #b8860b;border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:5rem;font-weight:900;display:flex;position:absolute;box-shadow:inset 0 0 40px #8b6508cc,inset 0 0 10px #ffffff80}.coin-front-real{transform:translateZ(8px)}.coin-back-real{transform:rotateY(180deg)translateZ(8px)}.coin-face-real:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(135deg,#fffc 0%,#fff0 50%,#00000080 100%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.coin-edge{background:repeating-linear-gradient(90deg,#d4af37 0 4px,#8b6508 4px 8px);border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 0 10px #00000080}.edge-1{transform:translateZ(7px)}.edge-2{transform:translateZ(6px)}.edge-3{transform:translateZ(5px)}.edge-4{transform:translateZ(4px)}.edge-5{transform:translateZ(3px)}.edge-6{transform:translateZ(2px)}.edge-7{transform:translateZ(1px)}.edge-8{transform:translateZ(0)}.edge-9{transform:translateZ(-1px)}.edge-10{transform:translateZ(-2px)}.edge-11{transform:translateZ(-3px)}.edge-12{transform:translateZ(-4px)}.edge-13{transform:translateZ(-5px)}.edge-14{transform:translateZ(-6px)}.edge-15{transform:translateZ(-7px)}@keyframes ultraSpin{0%{transform:rotateY(0)rotateX(15deg)}to{transform:rotateY(360deg)rotateX(15deg)}}.dice-scene{perspective:800px;width:120px;height:120px;margin:0 auto 4rem;position:relative}.dice-shadow{filter:blur(10px);background:#000c;border-radius:50%;width:100px;height:20px;transition:all .2s;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)rotateX(80deg)}.dice-scene.rolling .dice-shadow{filter:blur(20px);opacity:.3;bottom:-80px;transform:translate(-50%)rotateX(80deg)scale(.6)}.cube{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.175,.885,.32,1.275);position:relative}.cube.rolling{animation:.4s linear infinite ultraRoll,1.5s cubic-bezier(.25,1,.5,1) infinite dicePhysics}@keyframes ultraRoll{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}@keyframes dicePhysics{0%{top:0}50%{top:-150px}to{top:0}}.cube__face{color:#fffffff2;-webkit-backdrop-filter:blur(8px);text-shadow:0 4px 6px #00000080;background:#dc2626a6;border:2px solid #ffffff4d;border-radius:16px;justify-content:center;align-items:center;width:120px;height:120px;font-family:Outfit,sans-serif;font-size:60px;font-weight:900;display:flex;position:absolute;box-shadow:inset 0 0 20px #fff6,inset 0 0 40px #991b1bcc}.cube__face:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff9 0%,#fff0 50%,#0000004d 100%);border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.cube__face--front{transform:rotateY(0)translateZ(60px)}.cube__face--back{transform:rotateY(180deg)translateZ(60px)}.cube__face--right{transform:rotateY(90deg)translateZ(60px)}.cube__face--left{transform:rotateY(-90deg)translateZ(60px)}.cube__face--top{transform:rotateX(90deg)translateZ(60px)}.cube__face--bottom{transform:rotateX(-90deg)translateZ(60px)}.water-container{border:2px solid var(--border);background:#0284c7;border-radius:16px;width:100%;height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.water-parallax{pointer-events:none;background-image:radial-gradient(circle at 50px 50px,#fff3 2px,#0000 4px),radial-gradient(circle at 100px 80px,#ffffff1a 3px,#0000 6px);background-size:150px 150px;width:200%;height:100%;position:absolute;top:0;left:0}.layer-1{opacity:.8}.layer-2{opacity:.4;filter:blur(2px);transform:scale(1.5)}.layer-3{opacity:.2;filter:blur(5px);transform:scale(2.5)}.water-container.sailing .layer-1{animation:1s linear infinite moveParallax}.water-container.sailing .layer-2{animation:2s linear infinite moveParallax}.water-container.sailing .layer-3{animation:4s linear infinite moveParallax}@keyframes moveParallax{0%{transform:translate(0)}to{transform:translate(-50%)}}.screen-shake{animation:.3s cubic-bezier(.36,.07,.19,.97) infinite both shake}@keyframes shake{10%,90%{transform:translate(-1px)rotate(-1deg)}20%,80%{transform:translate(2px)rotate(1deg)}30%,50%,70%{transform:translate(-4px)rotate(-1deg)}40%,60%{transform:translate(4px)rotate(1deg)}}.shore{z-index:5;background:#854d0e;width:100%;height:40px;position:absolute;left:0}.shore.top{border-bottom:6px solid #166534;top:0}.shore.bottom{border-top:6px solid #166534;bottom:0}.boat{z-index:10;font-size:6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(-1)}.boat:before{content:"";transform-origin:0;z-index:-1;filter:blur(4px);background:radial-gradient(at 100%,#fffc 0%,#0000 70%);width:150px;height:60px;transition:transform .2s;position:absolute;top:50%;right:-80px;transform:translateY(-50%)rotate(180deg)scaleX(0)}.boat.sailing:before{animation:.4s ease-out infinite alternate wakeExpand}@keyframes wakeExpand{0%{opacity:.8;transform:translateY(-50%)rotate(180deg)scaleX(.5)scaleY(.8)}to{opacity:0;transform:translateY(-50%)rotate(180deg)scaleX(1.5)scaleY(1.5)}}.boat.sailing{animation:.4s ease-in-out infinite alternate bounceBoat}.boat.sank-top{animation:1.2s forwards crashShoreTop}.boat.sank-bottom{animation:1.2s forwards crashShoreBottom}@keyframes bounceBoat{0%{transform:translate(-50%,-50%)scaleX(-1)translateY(-5px)rotate(2deg)}to{transform:translate(-50%,-50%)scaleX(-1)translateY(5px)rotate(-2deg)}}@keyframes crashShoreTop{0%{transform:translate(-50%,-50%)scaleX(-1)}40%{filter:brightness();transform:translate(-50%,-100px)scaleX(-1)rotate(-45deg)}50%{filter:brightness()sepia()hue-rotate(-50deg)saturate(5);transform:translate(-50%,-100px)scaleX(-1)rotate(-45deg)scale(1.2)}to{filter:brightness(0);opacity:0;transform:translate(-50%,-100px)scaleX(-1)rotate(-45deg)scale(.5)}}@keyframes crashShoreBottom{0%{transform:translate(-50%,-50%)scaleX(-1)}40%{filter:brightness();transform:translate(-50%,100px)scaleX(-1)rotate(45deg)}50%{filter:brightness()sepia()hue-rotate(-50deg)saturate(5);transform:translate(-50%,100px)scaleX(-1)rotate(45deg)scale(1.2)}to{filter:brightness(0);opacity:0;transform:translate(-50%,100px)scaleX(-1)rotate(45deg)scale(.5)}}.boat.sank-top:after,.boat.sank-bottom:after{content:"💥";opacity:0;font-size:8rem;animation:.8s .48s forwards explosionPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes explosionPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;filter:drop-shadow(0 0 20px #ef4444);transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;filter:drop-shadow(0 0 50px #ef4444);transform:translate(-50%,-50%)scale(3)}}.multiplier-text{color:#fff;text-shadow:0 4px 15px #00000080;z-index:5;font-family:Outfit,sans-serif;font-size:4rem;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.sky-container{border:2px solid var(--border);background:linear-gradient(#0f172a 0%,#1e40af 100%);border-radius:16px;width:100%;height:350px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.sky-grid{transform-origin:0 100%;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;transition:transform .2s linear;position:absolute;top:0;left:0}.road-container{border:2px solid var(--border);background:#555;border-bottom:none;border-radius:16px 16px 0 0;width:100%;height:400px;position:relative;overflow:hidden}.topdown-world{width:100%;height:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:0;left:0}.lane{border-right:4px dashed #fff6;flex-shrink:0;justify-content:center;align-items:center;width:16.6666%;height:100%;display:flex;position:relative}.lane:last-child{border-right:none}.multiplier-circle{color:#fff;background:#0000004d;border:4px solid #333;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:1.1rem;font-weight:900;display:flex;box-shadow:inset 0 0 10px #00000080}.gold-coin-circle{background:radial-gradient(circle,gold 0%,#d4af37 100%);border:4px solid #b8860b;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:2rem;display:flex;box-shadow:0 4px 10px #00000080}.shooter-arena{perspective:1000px;background:radial-gradient(circle,#1a1a2e 0%,#05050a 100%);border:1px solid #ffffff1a;border-radius:20px;width:100%;height:400px;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,inset 0 0 100px #000000e6}.shooter-arena:before{content:"";pointer-events:none;background-image:linear-gradient(#0ea5e926 2px,#0000 2px),linear-gradient(90deg,#0ea5e926 2px,#0000 2px);background-size:50px 50px;width:200%;height:200%;animation:10s linear infinite gridMove;position:absolute;bottom:-60%;left:-50%;transform:rotateX(75deg)}@keyframes gridMove{0%{transform:rotateX(75deg)translateY(0)}to{transform:rotateX(75deg)translateY(50px)}}.gun-mount{z-index:20;width:180px;height:180px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.gun-barrel{transform-origin:20px 30px;width:140px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:60px;left:40px}.gun-barrel.aim-top{transform:rotate(-30deg)}.gun-barrel.aim-bottom{transform:rotate(30deg)}.gun-barrel.recoil{animation:.2s ease-out gunRecoil}@keyframes gunRecoil{0%{transform:rotate(var(--aim-angle)) translateX(0)}20%{transform:rotate(var(--aim-angle)) translateX(-40px)}to{transform:rotate(var(--aim-angle)) translateX(0)}}.target-node{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;border:4px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:1.5rem;font-weight:900;transition:all .2s;display:flex;position:absolute;right:60px}.target-node:hover{transform:scale(1.1);box-shadow:0 0 60px #fff6}.target-node:active{transform:scale(.95)}.target-node.disabled{pointer-events:none;opacity:.5;filter:grayscale()}.target-node:before{content:"";border:2px dashed #ffffff80;border-radius:50%;width:120%;height:120%;animation:5s linear infinite spinSlow;position:absolute}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.target-top{background:radial-gradient(circle,#10b98166,#10b981cc);border-color:#34d399;top:40px;box-shadow:0 0 40px #10b98199,inset 0 0 20px #ffffff80}.target-bottom{background:radial-gradient(circle,#ef444466,#ef4444cc);border-color:#f87171;bottom:40px;box-shadow:0 0 40px #ef444499,inset 0 0 20px #ffffff80}.target-node.shatter{animation:.5s cubic-bezier(.1,.9,.2,1) forwards shatterExplosion}@keyframes shatterExplosion{0%{opacity:1;filter:brightness();transform:scale(1)}30%{opacity:.9;filter:brightness(3);transform:scale(1.5);box-shadow:0 0 100px #fff}to{opacity:0;filter:brightness(0);transform:scale(3)}}.bullet-tracer{z-index:15;opacity:0;background:#fff;border-radius:4px;width:80px;height:8px;position:absolute;left:100px;box-shadow:0 0 20px #fff,0 0 40px #0ea5e9}.fire-top .bullet-tracer{animation:.15s linear forwards fireBulletTop;top:50%;transform:rotate(-30deg)}.fire-bottom .bullet-tracer{animation:.15s linear forwards fireBulletBottom;top:50%;transform:rotate(30deg)}@keyframes fireBulletTop{0%{opacity:1;top:50%;left:140px}to{opacity:1;top:-10%;left:900px}}@keyframes fireBulletBottom{0%{opacity:1;top:50%;left:140px}to{opacity:1;top:110%;left:900px}}@keyframes screenShake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-2px,-3px)rotate(-1deg)}20%{transform:translate(-3px)rotate(2deg)}30%{transform:translate(4px,3px)rotate(0)}40%{transform:translate(1px,-2px)rotate(1deg)}50%{transform:translate(-2px,3px)rotate(-1deg)}60%{transform:translate(-4px,1px)rotate(0)}70%{transform:translate(3px,2px)rotate(-2deg)}80%{transform:translate(-2px,-2px)rotate(1deg)}90%{transform:translate(2px,3px)rotate(0)}to{transform:translate(0)rotate(0)}}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both screenShake}.chicken-topdown{z-index:100;font-size:4rem;line-height:4rem;transition:left .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-50%)}.chicken-topdown.jumping{animation:.3s ease-out hopPhysicsTopDown}@keyframes hopPhysicsTopDown{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.3)}to{transform:translate(-50%,-50%)scale(1)}}.chicken-topdown.crashed{animation:.5s .2s forwards splatPhysicsTopDown}@keyframes splatPhysicsTopDown{0%{filter:brightness();transform:translate(-50%,-50%)scale(1)}to{filter:grayscale()brightness(.2);transform:translate(-50%,-50%)scale(1.5,.1)}}.chicken-topdown.crashed:after{content:"💥";font-size:6rem;animation:.5s .2s forwards explosionPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.killer-car{z-index:101;background:#000;border-radius:8px;width:50px;height:90px;animation:.2s linear forwards killerDrive;position:absolute;transform:translate(-50%);box-shadow:5px 5px 15px #000c}.killer-car:after{content:"";background:#f87171;border-radius:4px;width:40px;height:15px;position:absolute;bottom:15px;left:5px}@keyframes killerDrive{0%{top:-20%}to{top:50%;transform:translate(-50%,-50%)}}.aviator-bg{border:2px solid var(--border);background:#000;border-radius:16px;width:100%;height:400px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000000e6}.aviator-sunburst{transform-origin:0 100%;opacity:.9;background:repeating-conic-gradient(#0a0a0a 0deg 5deg,#111 5deg 10deg);width:200%;height:200%;animation:120s linear infinite sunburstRotate;position:absolute;bottom:0;left:0}@keyframes sunburstRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aviator-glow{pointer-events:none;background:radial-gradient(circle,#0ea5e940 0%,#0000 60%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-multiplier{color:#fff;background:#3b82f6;border-radius:8px;padding:4px 12px;font-size:1rem;font-weight:900;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0006}.chicken-control-panel{border:2px solid var(--border);background:#2a2a2a;border-top:none;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.stake-inputs{flex-direction:column;gap:.5rem;display:flex}.stake-input-box{background:#1a1a1a;border:1px solid #444;border-radius:8px;align-items:center;padding:.5rem;display:flex}.stake-input-box input{color:#fff;text-align:center;background:0 0;border:none;outline:none;width:100px;font-size:1.25rem;font-weight:700}.preset-buttons{gap:.5rem;display:flex}.preset-btn{color:#ccc;cursor:pointer;background:#444;border:none;border-radius:4px;padding:.25rem .75rem;font-weight:700}.preset-btn:hover{background:#555}.action-btn-green{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:1.5rem 4rem;font-size:1.5rem;font-weight:900;box-shadow:inset 0 -4px #0003}.action-btn-green:disabled{color:#aaa;cursor:not-allowed;background:#15803d}.action-btn-yellow{color:#1a1a1a;cursor:pointer;background:#facc15;border:none;border-radius:8px;flex-direction:column;align-items:center;padding:1rem 3rem;font-size:1.25rem;font-weight:900;display:flex;box-shadow:inset 0 -4px #0003}.action-btn-yellow:disabled{color:#555;cursor:not-allowed;background:#a16207}.car-vertical{z-index:50;border-radius:8px;width:50px;height:90px;position:absolute;transform:translate(-50%);box-shadow:5px 5px 15px #00000080}.car-vertical:after{content:"";background:#ffffffe6;border-radius:4px;width:40px;height:15px;position:absolute;top:15px;left:5px}.car-down{animation:linear infinite driveDown}.car-up{animation:linear infinite driveUp}@keyframes driveRight{0%{left:-20%}to{left:120%}}.barricade{z-index:10;background:repeating-linear-gradient(45deg,#facc15 0 15px,#1a1a1a 15px 30px);border:3px solid #333;border-radius:4px;width:70%;height:24px;position:absolute;top:15%;box-shadow:5px 10px 15px #0009}.barricade.bottom{top:auto;bottom:15%}.barricade:before{content:"";background:#555;border:1px solid #333;width:8px;height:15px;position:absolute;bottom:-15px;left:10%}.barricade:after{content:"";background:#555;border:1px solid #333;width:8px;height:15px;position:absolute;bottom:-15px;right:10%}@keyframes driveDown{0%{top:-30%}to{top:120%}}@keyframes driveUp{0%{top:120%}to{top:-30%}}.clouds{background-image:radial-gradient(circle,#ffffff1a 0%,#0000 60%);background-size:150px 150px;width:200%;height:100%;animation:5s linear infinite moveClouds;position:absolute;top:0;left:0}.clouds.paused{animation-play-state:paused}@keyframes moveClouds{0%{transform:translate(0)}to{transform:translate(-50%)}}.plane{z-index:10;font-size:6rem;transition:bottom .2s linear,left .2s linear;position:absolute;bottom:20px;left:10%}.plane.flying{animation:1.5s ease-in-out infinite alternate flyPlane}.plane.crashed{animation:1.5s forwards planeExplode}@keyframes flyPlane{0%{transform:translateY(0)rotate(-15deg)}to{transform:translateY(-15px)rotate(-5deg)}}@keyframes planeExplode{0%{filter:brightness();transform:scale(1)rotate(-15deg)}10%{filter:brightness(2)drop-shadow(0 0 30px red)hue-rotate(-50deg);opacity:1;transform:scale(1.5)rotate(45deg)}to{filter:brightness(0);opacity:0;transform:translateY(200px)scale(0)rotate(90deg)}}.plane.crashed:after{content:"💥";opacity:0;font-size:10rem;animation:1s .1s forwards planeExplosionPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes planeExplosionPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;filter:drop-shadow(0 0 30px #ef4444);transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;filter:drop-shadow(0 0 60px #ef4444);transform:translate(-50%,-50%)scale(2.5)}}