#flappy-container{width:100%;height:100%;position:relative;background:#000;overflow:hidden;font-family:"Press Start 2P",monospace;-webkit-user-select:none;user-select:none}#flappyCanvas{width:100%;height:100%;display:block;outline:none}.flappy-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:90%;max-width:400px;z-index:20;text-align:center;color:#fff;pointer-events:auto}.glitch-text,.fail-text{font-size:2.5rem;margin-bottom:2rem;text-shadow:4px 4px 0 #000;animation:float 3s ease-in-out infinite}.glitch-text{color:#facc15}.fail-text{color:#ef4444}.ui-panel{background:#000000b3;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;width:100%;margin-bottom:20px;box-shadow:0 10px 30px #00000080}.ui-panel p{font-size:1rem;margin:10px 0;color:#94a3b8}.score-big{font-size:3rem!important;color:#fff!important;text-shadow:0 0 20px rgba(255,255,255,.5)}.accent{color:#facc15;text-shadow:0 0 10px #facc15}.skin-selector{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:10px;border-radius:8px;margin-top:15px;border:1px solid rgba(255,255,255,.1)}.skin-selector span{font-size:.8rem;color:#e2e8f0}.btn-main,.btn-sm{border:none;font-family:inherit;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-main{background:#facc15;color:#000;padding:15px 40px;font-size:1.2rem;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-weight:700;box-shadow:0 0 20px #facc154d}.btn-main:hover{transform:translateY(-2px);box-shadow:0 0 30px #facc1580;background:#fde047}.btn-main:active{transform:translateY(2px)}.btn-sm{background:transparent;border:1px solid #facc15;color:#facc15;padding:5px 10px;font-size:.7rem;border-radius:4px}.btn-sm:hover{background:#facc15;color:#000}.flappy-score-hud{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:4rem;color:#fffc;text-shadow:0 4px 10px rgba(0,0,0,.5);pointer-events:none;z-index:10}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}