:root{--game-w: 360;--game-h: 640;--theme-bg-top: #74c0fc;--theme-bg-bottom: #c5f6fa;--theme-pipe: #2b8a3e;--theme-pipe-lip: #40c057;--theme-ground: #b08968;--theme-ground-top: #e8d8c3;--theme-bird-body: #ffcc00;--theme-bird-outline: #cc9900;--theme-text: #0b1021;--theme-text-shadow: rgba(255, 255, 255, .75);--theme-primary: #74c0fc;--theme-secondary: #2b8a3e;--theme-accent: #ffcc00;--theme-primary-blended: var(--theme-primary);--theme-secondary-blended: var(--theme-secondary);--theme-accent-blended: var(--theme-accent);--theme-ui-primary: var(--theme-primary);--theme-ui-secondary: var(--theme-secondary);--theme-ui-accent: var(--theme-accent);--theme-ui-background: rgba(116, 192, 252, .1);--theme-ui-border: rgba(116, 192, 252, .2);--theme-ui-text: #ffffff;--theme-ui-text-secondary: rgba(255, 255, 255, .8);--bg-top: var(--theme-bg-top);--bg-bottom: var(--theme-bg-bottom);--pipe: var(--theme-pipe);--pipe-lip: var(--theme-pipe-lip);--ground: var(--theme-ground);--ground-top: var(--theme-ground-top);--bird-body: var(--theme-bird-body);--bird-outline: var(--theme-bird-outline);--text: var(--theme-text);--text-shadow: var(--theme-text-shadow);--glass-bg: rgba(255, 255, 255, .08);--scrollbar-width: 8px;--scrollbar-track: rgba(255, 255, 255, .1);--scrollbar-thumb: var(--theme-ui-primary);--scrollbar-thumb-hover: var(--theme-ui-accent);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-bg-active: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .18);--glass-border-hover: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .18);--glass-blur: 20px;--glass-blur-strong: 40px;--glass-highlight: rgba(255, 255, 255, .25);--glass-highlight-strong: rgba(255, 255, 255, .4);--glass-reflection: linear-gradient( 135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .1) 100% );--glass-shimmer: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .1) 50%, transparent 100% );--glass-transition: all .3s cubic-bezier(.4, 0, .2, 1);--glass-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--glass-bounce: cubic-bezier(.68, -.55, .265, 1.55);--glass-tint: rgba(116, 192, 252, .1);--glass-accent: rgba(31, 142, 241, .2);--theme-glass-tint: var(--theme-ui-background);--theme-glass-accent: var(--theme-ui-border);--theme-glass-primary: var(--theme-primary);--theme-glass-secondary: var(--theme-secondary);--theme-glass-accent-color: var(--theme-accent);--ui: var(--glass-bg);--ui-border: var(--glass-border)}*:hover,*:active,*:focus{transform:none!important;transition:none!important;animation:none!important}@media (max-width: 768px){*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}html,body{height:100%;margin:0;background:linear-gradient(var(--dynamic-bg-top, var(--theme-bg-top)),var(--dynamic-bg-bottom, var(--theme-bg-bottom)));font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;color:var(--theme-text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:background 2s ease-in-out;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}#root{height:100%;width:100%}.wrap{display:flex;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box}.game{aspect-ratio:9 / 16;height:100dvh;position:relative;display:flex;align-items:center;justify-content:center}@media (min-width: 1025px){.wrap{background:linear-gradient(var(--dynamic-bg-top, var(--bg-top)),var(--dynamic-bg-bottom, var(--bg-bottom)))}.game{aspect-ratio:9 / 16;width:min(92dvw,92dvh * 9/16);max-height:92dvh;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a}canvas{border-radius:20px!important;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff1a,inset 0 -1px #0000000d!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;pointer-events:auto}.hud{position:absolute;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;box-sizing:border-box;z-index:1000;top:0;left:0;width:100%;height:100%}.bottom-bar{padding:20px;position:absolute;bottom:0;left:0;right:0;z-index:1001;pointer-events:auto;display:flex;justify-content:center;align-items:center;width:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 20px 20px}.bottom-info{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bottom-info span{padding:8px 16px;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}}canvas{width:100%;height:100%;display:block;border-radius:0;box-shadow:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}canvas:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:var(--glass-reflection);pointer-events:none;opacity:.6;transition:opacity .3s ease}canvas:hover:before{opacity:.8}.hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:grid;grid-template-rows:auto 1fr auto;padding:20px;box-sizing:border-box}.top-bar{display:flex;justify-content:space-between;align-items:center;pointer-events:auto;margin-bottom:20px}.pill{pointer-events:auto;-webkit-user-select:none;user-select:none;background:var(--theme-glass-tint);color:var(--theme-ui-text);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--theme-glass-accent);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.pill:active{box-shadow:var(--glass-shadow),inset 0 2px 4px #0000001a}.score{font-size:3rem;font-weight:900;color:var(--text);text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4),0 4px 8px rgba(0,0,0,.5),0 2px 0 var(--text-shadow);align-self:start;justify-self:center;text-align:center;margin-top:20px;animation:scoreGlow 4s ease-in-out infinite alternate;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes scoreGlow{0%{text-shadow:0 0 5px rgba(255,255,255,.4),0 0 10px rgba(255,255,255,.3),0 0 15px rgba(255,255,255,.2),0 4px 8px rgba(0,0,0,.5),0 2px 0 var(--text-shadow)}to{text-shadow:0 0 8px rgba(255,255,255,.6),0 0 15px rgba(255,255,255,.4),0 0 20px rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.5),0 2px 0 var(--text-shadow)}}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.7),0 0 18px rgba(255,255,255,.5),0 0 25px rgba(255,255,255,.4),0 4px 8px rgba(0,0,0,.6),0 2px 0 var(--text-shadow)}to{transform:scale(1)}}.score.pulse{animation:scorePulse .6s cubic-bezier(.4,0,.2,1),scoreGlow 2s ease-in-out infinite alternate}.center-overlay{place-self:center;pointer-events:auto;background:var(--theme-glass-tint);border:1px solid var(--theme-glass-accent);border-radius:20px;padding:20px;text-align:center;width:100%;max-height:60dvh;box-sizing:border-box;color:var(--theme-ui-text);box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,inset 0 1px 0 var(--glass-highlight),inset 0 -1px #0000000d;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));position:relative;overflow:hidden;animation:glassAppear .4s cubic-bezier(.4,0,.2,1)}.center-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:var(--glass-reflection);pointer-events:none;opacity:.3}@keyframes glassAppear{0%,to{opacity:1;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}}.center-overlay h1{margin:0 0 8px;font-size:24px}.center-overlay p{margin:6px 0;font-size:14px;line-height:1.3}.btn{pointer-events:auto;display:inline-block;margin-top:12px;padding:12px 20px;border-radius:16px;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-blended) 100%);color:var(--theme-ui-text);font-weight:600;font-size:15px;cursor:pointer;border:1px solid var(--theme-glass-accent);box-shadow:0 8px 24px #1f8ef14d,0 4px 12px #0000001a,inset 0 1px #fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn:hover{box-shadow:0 12px 32px #1f8ef166,0 6px 16px #00000026,inset 0 1px #ffffff4d}.btn:active{box-shadow:0 4px 12px #1f8ef133,0 2px 6px #0000001a,inset 0 2px 4px #0000001a}.kbd{display:inline-block;padding:4px 8px;border-radius:8px;border:1px solid var(--theme-glass-accent);background:var(--theme-glass-tint);color:var(--theme-ui-text);font-weight:600;font-size:.9em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 var(--glass-highlight)}.glass-base{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--theme-glass-accent);background:var(--theme-glass-tint);color:var(--theme-ui-text);position:relative;overflow:hidden}.glass-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-shadow{box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}.glass-reflection:before{display:none}@keyframes glassFloat{0%,to{transform:translateZ(0)}}@keyframes glassShimmer{0%,to{transform:translateZ(0)}}@keyframes glassPulse{0%,to{opacity:1}50%{opacity:.9}}@keyframes glassBreath{0%,to{transform:scaleZ(1)}50%{transform:scale3d(1.02,1.02,1)}}.glass-float-initial{will-change:transform;animation:glassFloat 1s ease-out}.glass-shimmer-initial{position:relative;overflow:hidden}.glass-shimmer-initial:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--glass-shimmer);will-change:transform;animation:glassShimmer .8s ease-out;pointer-events:none}.glass-pulse-initial{will-change:opacity;animation:glassPulse .6s ease-out}.glass-breath-initial{will-change:transform;animation:glassBreath 1s ease-out}.glass-float{transition:transform .2s ease}.glass-float:hover{will-change:transform;animation:glassFloat 1s ease-in-out}.glass-shimmer{position:relative;overflow:hidden}.glass-shimmer:hover:after{display:none}.glass-pulse{transition:opacity .2s ease}.glass-pulse:hover{will-change:opacity}.store-themes-container::-webkit-scrollbar{width:var(--scrollbar-width)}.store-themes-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px;margin:4px 0}.store-themes-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;transition:background-color .3s ease}.store-themes-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.store-themes-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@media (max-width: 480px){.center-overlay{padding:16px;width:calc(100% - 20px);max-height:calc(100% - 20px)}.store-themes-container{gap:8px!important}}@media (max-width: 320px){.center-overlay{padding:12px;width:calc(100% - 16px);max-height:calc(100% - 16px)}}.glass-breath{transition:transform .2s ease}