.flappy-bird-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:linear-gradient(to bottom,#87ceeb,#98fb98);box-sizing:border-box;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-canvas-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 2px #fff3;background:#000;max-width:100vw;max-height:calc(100vh - 120px)}.game-canvas{display:block;width:100%;height:auto;max-width:320px;max-height:480px;touch-action:none;cursor:pointer}@media (max-width: 360px){.game-canvas{max-width:calc(100vw - 32px);max-height:calc((100vw - 32px)*1.5)}}@media (min-width: 768px){.game-canvas{max-width:400px;max-height:600px}}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;color:#fff;text-align:center;padding:20px;box-sizing:border-box;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.menu-overlay{background:#0009}.game-over-overlay{background:#8b0000cc}.game-title{font-size:clamp(2rem,8vw,3rem);margin:0 0 16px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);color:gold;font-family:Arial,sans-serif}.game-over-title{font-size:clamp(1.5rem,6vw,2.5rem);margin:0 0 16px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);color:#ff6b6b}.game-instructions,.high-score,.final-score,.start-hint,.restart-hint,.difficulty-note{font-size:clamp(1rem,4vw,1.25rem);margin:8px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.difficulty-note{color:#90ee90;font-weight:700;font-size:clamp(.9rem,3.5vw,1.1rem);background:#4caf5033;padding:8px 16px;border-radius:20px;border:2px solid rgba(76,175,80,.5);margin:12px 0;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #4caf504d}to{box-shadow:0 0 15px #4caf5099}}.final-score{font-size:clamp(1.25rem,5vw,1.5rem);font-weight:700;color:gold;margin:16px 0}.high-score{color:#90ee90;font-weight:700}.start-hint,.restart-hint{animation:pulse 2s infinite;color:gold;font-weight:700;margin-top:24px}.game-controls{margin-top:16px;text-align:center;max-width:320px;width:100%}.controls-text{font-size:clamp(.875rem,3vw,1rem);color:#ffffffe6;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8);background:#4caf5066;padding:12px 16px;border-radius:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(76,175,80,.6)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.game-canvas,.game-overlay,.game-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flappy-bird-container{overflow:hidden}@media (max-height: 600px) and (orientation: landscape){.flappy-bird-container{padding:8px;justify-content:flex-start}.game-canvas-wrapper,.game-controls{margin-top:8px}.controls-text{padding:8px 12px}}.game-canvas{touch-action:manipulation}@supports (-webkit-touch-callout: none){.flappy-bird-container{min-height:-webkit-fill-available}.game-canvas-wrapper{max-height:calc(-webkit-fill-available - 120px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.game-canvas{image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges}}.game-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#4caf501a,#81c7840d,#4caf501a);pointer-events:none;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.6}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box}:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:linear-gradient(to bottom,#87ceeb,#98fb98);touch-action:manipulation}body{min-height:100vh;min-height:-webkit-fill-available}#root{width:100%;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body{overscroll-behavior:none}canvas{image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}