: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);--spring-smooth: cubic-bezier(.32, .72, 0, 1);--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-damped: cubic-bezier(.25, .46, .45, .94);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px}@keyframes slideUpSpring{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleSpring{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInSpring{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}*: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));transition:all .2s var(--spring-damped)}.pill:hover{transform:scale(1.02);background:#ffffff1f}.pill:active{transform:scale(.97);box-shadow:var(--glass-shadow),inset 0 2px 4px #0000001a;transition:all .1s var(--spring-damped)}.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:slideUpSpring .5s var(--spring-smooth) both}.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;color:#1a1a1a;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5)}.center-overlay p{margin:6px 0;font-size:14px;line-height:1.5;color:#000000d9;text-shadow:0 1px 1px rgba(255,255,255,.3)}.center-overlay p b{color:#000;font-weight:700}.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);transition:all .2s var(--spring-damped);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s var(--spring-smooth),height .6s var(--spring-smooth)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px #1f8ef166,0 6px 16px #00000026,inset 0 1px #ffffff4d}.btn:active{transform:scale(.96);box-shadow:0 4px 12px #1f8ef133,0 2px 6px #0000001a,inset 0 2px 4px #0000001a;transition:all .1s var(--spring-damped)}.btn:active:before{width:300px;height:300px;transition:0s}.kbd{display:inline-block;padding:4px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#00000014;color:#1a1a1a;font-weight:700;font-size:.9em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff80}.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}.store-container{display:flex;flex-direction:column;height:100%;overflow:hidden;color:var(--theme-ui-text);box-sizing:border-box}.store-header{margin-bottom:12px;color:var(--theme-ui-text);font-size:clamp(18px,4dvw,24px);text-align:center}.store-tabs{display:flex;margin-bottom:12px;border-radius:12px;background:#ffffff1a;padding:4px;gap:4px}.store-tab-btn{flex:1;padding:12px;border:none;border-radius:8px;background:transparent;color:var(--theme-ui-text);font-size:clamp(12px,3dvw,14px);font-weight:400;cursor:pointer;transition:all .3s ease}.store-tab-btn.active{background:#fff3;font-weight:700}.store-content{flex:1;overflow:hidden;display:flex;flex-direction:column;margin-bottom:12px}.store-instruction{color:var(--theme-ui-text-secondary);margin-bottom:15px;font-size:clamp(12px,3dvw,14px);text-align:center}.store-grid{display:grid;grid-template-columns:1fr;gap:12px;flex:1;overflow-y:auto;padding-right:8px;min-height:0}.store-item{padding:15px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;cursor:pointer;transition:all .2s var(--spring-damped);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;will-change:transform}.store-item:hover{background:#ffffff26;border-color:#fff6}.store-item:active{transform:scale(.98)}.store-item.selected{border-width:3px}.store-item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.store-item-icon{font-size:24px}.store-item-title{margin:0;color:var(--theme-ui-text);font-size:clamp(14px,3.5dvw,18px);font-weight:700}.store-item-check{position:absolute;top:10px;right:15px;font-size:20px}.store-item-desc{margin:0;color:var(--theme-ui-text-secondary);font-size:clamp(12px,2.5dvw,14px);line-height:1.4}.store-item-preview{display:flex;gap:4px;margin-top:10px}.store-color-circle{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.store-sound-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:#ffffff1a;font-size:10px;color:var(--theme-ui-text-secondary)}.store-actions{display:flex;gap:clamp(6px,1.5dvw,8px);justify-content:center;flex-wrap:wrap;margin-top:auto;padding-top:10px;width:100%}.btn-standard{font-size:clamp(10px,2.5dvw,12px)!important;padding:clamp(6px,1.5dvw,8px) clamp(12px,3dvw,16px)!important;min-height:auto!important}.store-footer-text{opacity:.8;margin-top:15px;font-size:clamp(10px,2dvw,12px);color:var(--theme-ui-text-secondary);text-align:center}