.flappy-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background-color:#333;font-family:"Press Start 2P",monospace,sans-serif;overflow:hidden;padding:0;margin:0}.flappy-game-area{position:relative;background:#70c5ce;overflow:hidden;cursor:pointer;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 var(--space-5) #00000080;border:4px solid #555;width:400px;height:711px}@media (max-width: 600px),(max-height: 800px){.flappy-container{padding:0;margin:0;background-color:var(--color-black);min-height:100vh;min-height:100dvh;width:100vw}.flappy-game-area{border:none;box-shadow:none;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh}}canvas{display:block;width:100%;height:100%}.flappy-ui{margin-top:var(--space-5);text-align:center;color:var(--color-white)}.flappy-btn{padding:var(--space-3) 30px;font-size:1.2rem;background:#e5ad04;border:none;border-bottom:4px solid #b38600;color:var(--color-white);font-family:inherit;cursor:pointer;border-radius:var(--space-2);transition:transform .1s}.flappy-btn:active{transform:translateY(2px);border-bottom:2px solid #b38600}.flappy-score{position:absolute;top:10%;width:100%;text-align:center;font-size:3rem;color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);z-index:10;pointer-events:none}.sound-toggle{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#00000080;border:2px solid var(--color-white);border-radius:var(--space-2);font-size:var(--space-5);cursor:pointer;z-index:100;transition:all .2s;display:flex;align-items:center;justify-content:center}.sound-toggle:hover{background:#000000b3;transform:scale(1.1)}.sound-toggle:active{transform:scale(.95)}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.game-over-modal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;gap:15px;animation:popIn .2s ease-out;will-change:transform,opacity}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.8) translateY(var(--space-5));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-over-modal>img:first-child{width:200px;margin-bottom:5px}.bird-level-display{text-align:center;padding:var(--space-2) 15px;background:#0006;border-radius:10px;border:2px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:10px}.bird-level-display img{width:45px;height:45px;image-rendering:pixelated;animation:birdBounce .6s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.bird-level-name{margin:0;font-size:var(--text-sm);color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);font-weight:700;letter-spacing:1px}@keyframes birdBounce{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.15) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.game-start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:100;pointer-events:none}.score-panel-container{position:relative;display:inline-block;margin-top:5px}.score-panel-container>img:first-child{width:235px;display:block}.score-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.score-row{position:absolute;top:36px;right:25px;width:120px;text-align:right;font-size:var(--space-5);color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);line-height:1;letter-spacing:1px}.best-row{position:absolute;top:78px;right:25px;width:120px;text-align:right;font-size:var(--space-5);color:var(--color-white);text-shadow:2px 2px 0 var(--color-black);line-height:1;letter-spacing:1px}.medal-image{position:absolute;top:44px;left:31px;width:44px;height:44px;image-rendering:pixelated}.new-badge{position:absolute;top:90px;right:var(--space-5);width:var(--space-8);height:14px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.play-button{width:115px;margin-top:var(--space-2);cursor:pointer;transition:transform .1s}.play-button:hover{transform:scale(1.05)}.play-button:active{transform:scale(.95)}