*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-attachment:fixed;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 50%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba24d 0,#0000 50%),radial-gradient(circle at 40% 20%,#f093fb33 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{position:relative;z-index:1}#root,.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.App{padding:20px}.game-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:40px;box-shadow:0 8px 32px #764ba24d,inset 0 1px 0 #fff3;flex-direction:column;max-width:600px;padding:35px 25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.game-container,.game-header{align-items:center;display:flex;width:100%}.game-header{justify-content:center;margin-bottom:20px;padding:0 10px}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0c3fc,#8b5cf6 50%,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #8b5cf64d}.score-bar-container{margin-bottom:25px;padding:0 10px;width:100%}.score-bar-label{color:#ffffffe6;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:center;text-transform:uppercase}.score-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:2px solid #8b5cf64d;border-radius:25px;box-shadow:inset 0 2px 8px #0003,0 4px 12px #764ba233;height:50px;overflow:hidden;position:relative;width:100%}.score-bar-fill{animation:scorePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#a78bfa,#8b5cf6 50%,#7c3aed);border-radius:23px;box-shadow:inset 0 2px 4px #ffffff4d,0 0 20px #8b5cf680;height:100%;left:0;position:absolute;top:0;transition:width .4s cubic-bezier(.4,0,.2,1)}@keyframes scorePulse{0%,to{box-shadow:inset 0 2px 4px #ffffff4d,0 0 20px #8b5cf680}50%{box-shadow:inset 0 2px 4px #fff6,0 0 30px #8b5cf6b3}}.score-bar-text{color:#fff;font-size:1.8rem;font-weight:800;left:50%;position:absolute;text-shadow:0 2px 8px #00000080,0 0 20px #8b5cf6cc;top:50%;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);z-index:2}.score-bar:hover .score-bar-text{transform:translate(-50%,-50%) scale(1.1)}.game-board-container{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:2px solid #ffffff26;border-radius:50px 30px 50px 30px;box-shadow:inset 0 4px 12px #0003,0 8px 32px #764ba24d;max-width:500px;padding:20px;will-change:transform}.game-board,.game-board-container{transform:translateZ(0);width:100%}.game-board{grid-gap:2px;background:#00000026;border-radius:40px 20px 40px 20px;display:grid;gap:2px;height:100%;overflow:hidden;padding:3px;will-change:contents}.grid-cell{background:#ffffff0d;border-radius:8px}.bird-head,.grid-cell{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.bird-head{animation:birdFloat 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 4px 12px #fbbf2466,inset 0 -2px 4px #0003;position:relative;z-index:3}@keyframes birdFloat{0%,to{transform:translateZ(0) translateY(0)}50%{transform:translateZ(0) translateY(-2px)}}.bird-head:before{content:"🐦";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:.85em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bird-body{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:40%;box-shadow:0 2px 6px #fbbf244d,inset 0 1px 2px #ffffff4d}.bird-body,.pill{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);z-index:2}.pill{animation:pillPulseRotate 2s cubic-bezier(.4,0,.2,1) infinite,pillGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 4px 16px #8b5cf680,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d;position:relative;will-change:transform}@keyframes pillPulseRotate{0%{opacity:1;transform:translateZ(0) scale(1) rotate(0deg)}25%{opacity:.98;transform:translateZ(0) scale(1.1) rotate(90deg)}50%{opacity:.95;transform:translateZ(0) scale(1.15) rotate(180deg)}75%{opacity:.98;transform:translateZ(0) scale(1.1) rotate(270deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(1turn)}}.pill:before{background:#fff9;border-radius:50%;box-shadow:0 1px 3px #fffc;content:"";height:35%;top:30%;width:35%}.pill:after,.pill:before{left:50%;position:absolute;transform:translate(-50%,-50%)}.pill:after{content:"💊";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:.65em;top:50%}@keyframes pillGlow{0%,to{box-shadow:0 4px 16px #8b5cf680,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d,0 0 20px #8b5cf666}50%{box-shadow:0 4px 20px #8b5cf6b3,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d,0 0 30px #8b5cf699}}.game-over-overlay,.pause-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:30px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.game-over-content,.pause-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #8b5cf633;border-radius:25px;box-shadow:0 20px 60px #764ba266,inset 0 1px 0 #fffc;padding:50px 40px;text-align:center}.game-over-content h2,.pause-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;margin-bottom:20px}.game-over-content p{color:#6366f1;font-size:1.6rem;font-weight:600;margin-bottom:35px}.restart-button,.resume-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:30px;box-shadow:0 6px 20px #8b5cf666,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;overflow:hidden;padding:16px 45px;position:relative;transition:all .3s ease}.restart-button:before,.resume-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.restart-button:hover:before,.resume-button:hover:before{left:100%}.restart-button:hover,.resume-button:hover{box-shadow:0 10px 30px #8b5cf699,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.restart-button:active,.resume-button:active{transform:translateY(-1px)}.controls{margin-top:25px;padding:0 10px;width:100%}.control-buttons,.controls{align-items:center;display:flex;flex-direction:column}.control-buttons,.horizontal-controls{gap:clamp(10px,2.5vw,15px)}.horizontal-controls{display:flex}.control-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:clamp(18px,4vw,22px);box-shadow:0 6px 20px #8b5cf666,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;height:clamp(60px,16vw,80px);justify-content:center;min-height:60px;min-width:60px;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;width:clamp(60px,16vw,80px)}.control-button:hover{box-shadow:0 8px 25px #8b5cf680,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.control-button:active{box-shadow:0 3px 12px #8b5cf64d,inset 0 2px 4px #0003;transform:scale(.92)}.mobile-controls-hint{color:#fffc;display:none;font-size:.95rem;font-weight:500;margin-top:12px;text-align:center}.game-info{margin-top:18px;text-align:center}.desktop-hint{color:#ffffffd9;font-size:.95rem;font-weight:500;margin:0}@media (max-width:768px){.game-container{border-radius:0;justify-content:center;max-width:100%;min-height:100vh;padding:clamp(15px,4vw,25px)}.game-title{font-size:clamp(1.6rem,5vw,2rem)}.score-bar{height:clamp(40px,10vw,50px)}.score-bar-label{font-size:clamp(.85rem,2.5vw,.95rem)}.score-bar-text{font-size:clamp(1.5rem,4vw,1.8rem)}.game-board-container{padding:clamp(8px,2vw,15px)}.control-button{font-size:clamp(2rem,5.5vw,2.5rem);height:clamp(70px,18vw,85px);width:clamp(70px,18vw,85px)}.control-buttons,.horizontal-controls{gap:clamp(12px,3vw,18px)}.mobile-controls-hint{display:block;font-size:clamp(.85rem,2.5vw,.95rem)}.desktop-hint{display:none}.game-over-content,.pause-content{margin:20px;padding:clamp(25px,6vw,40px) clamp(20px,5vw,35px)}.game-over-content h2,.pause-content h2{font-size:clamp(1.8rem,5vw,2.5rem)}}@media (max-width:480px){.game-container{padding:clamp(12px,3vw,20px)}.game-title{font-size:clamp(1.4rem,6vw,1.8rem);margin-bottom:clamp(12px,3vw,20px)}.score-bar-container{margin-bottom:clamp(15px,4vw,25px)}.score-bar{height:clamp(35px,9vw,45px)}.score-bar-text{font-size:clamp(1.3rem,5vw,1.6rem)}.game-board-container{margin-bottom:clamp(15px,4vw,25px);padding:clamp(5px,1.5vw,12px)}.control-button{font-size:clamp(1.9rem,5.5vw,2.3rem);height:clamp(65px,17vw,80px);width:clamp(65px,17vw,80px)}.control-buttons,.horizontal-controls{gap:clamp(10px,2.5vw,15px)}.controls{margin-top:clamp(15px,4vw,25px)}.mobile-controls-hint{font-size:clamp(.8rem,2.2vw,.9rem);margin-top:clamp(8px,2vw,12px)}.game-over-content h2,.pause-content h2{font-size:clamp(1.6rem,5vw,2.2rem)}.game-over-content p{font-size:clamp(1.1rem,3.5vw,1.5rem);margin-bottom:clamp(20px,5vw,35px)}.restart-button,.resume-button{font-size:clamp(1rem,3vw,1.3rem);padding:clamp(12px,3vw,16px) clamp(30px,8vw,45px)}}@media (max-width:360px){.control-button{font-size:clamp(1.7rem,6vw,2.1rem);height:clamp(60px,20vw,75px);width:clamp(60px,20vw,75px)}.control-buttons,.horizontal-controls{gap:clamp(8px,2vw,12px)}}@media (min-width:769px) and (max-width:1024px){.game-container{max-width:700px}.control-button{font-size:clamp(2rem,3vw,2.2rem);height:clamp(68px,8vw,75px);width:clamp(68px,8vw,75px)}.control-buttons{gap:clamp(12px,2vw,15px)}}@media (hover:none) and (pointer:coarse){.control-button{font-size:clamp(2rem,5.5vw,2.6rem);height:clamp(70px,18vw,90px);min-height:70px;min-width:70px;width:clamp(70px,18vw,90px)}.restart-button,.resume-button{font-size:clamp(1.1rem,3.5vw,1.4rem);min-height:48px;padding:clamp(14px,3.5vw,18px) clamp(35px,9vw,50px)}}@media (max-height:600px) and (orientation:landscape){.game-container{justify-content:flex-start;padding:clamp(10px,2vh,20px) clamp(10px,2vh,15px) clamp(10px,2vh,15px)}.game-header{margin-bottom:clamp(8px,1.5vh,12px)}.game-title{font-size:clamp(1.2rem,4vh,1.5rem)}.score-bar-container{margin-bottom:clamp(8px,1.5vh,15px)}.score-bar{height:clamp(30px,6vh,40px)}.score-bar-text{font-size:clamp(1.2rem,3.5vh,1.5rem)}.game-board-container{margin-bottom:clamp(8px,1.5vh,15px);padding:clamp(5px,1vh,10px)}.controls{margin-top:clamp(8px,1.5vh,15px)}.control-button{font-size:clamp(1.4rem,3.5vh,1.8rem);height:clamp(50px,10vh,60px);min-height:50px;min-width:50px;width:clamp(50px,10vh,60px)}.control-buttons,.horizontal-controls{gap:clamp(6px,1.5vh,10px)}.mobile-controls-hint{display:none}.game-info{margin-top:clamp(8px,1.5vh,12px)}}@media (max-height:500px) and (orientation:landscape){.control-button{font-size:clamp(1.3rem,3vh,1.6rem);height:clamp(45px,9vh,55px);min-height:45px;min-width:45px;width:clamp(45px,9vh,55px)}.control-buttons,.horizontal-controls{gap:clamp(5px,1vh,8px)}}
/*# sourceMappingURL=main.a5aee7bc.css.map*/