:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2f431d;background:#91d9ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sky-top: #5fb9f4;--sky-mid: #99dcff;--sky-horizon: #d4f3ff;--cream: #fff6d5;--cream-strong: #fff1b1;--grass: #65c83b;--grass-light: #99e158;--grass-dark: #2f8730;--earth: #b97b3f;--earth-dark: #7d512c;--pipe: #56bf36;--pipe-dark: #176f2b;--pipe-edge: #0f5b25;--sun: #ffd85d;--line: rgba(75, 123, 37, .28)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input{font:inherit}.app{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:clamp(14px,4vw,44px);background:radial-gradient(circle at 82% 13%,rgba(255,229,119,.98) 0 42px,rgba(255,229,119,.2) 43px 58px,transparent 60px),linear-gradient(180deg,#68bdf5,#aee8ff 58%,#d6f2c8 72%,#71bc47)}.app-background,.app-background:before,.app-background:after{position:absolute;inset:0;content:"";pointer-events:none}.app-background{background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 55% 34%,rgba(255,255,255,.18) 0 1px,transparent 1.4px);background-size:160px 160px,230px 230px;opacity:.36}.app-background:before{background:radial-gradient(ellipse at 18% 68%,rgba(65,152,68,.28) 0 16%,transparent 17%),radial-gradient(ellipse at 74% 70%,rgba(85,174,75,.22) 0 18%,transparent 19%)}.app-background:after{background:linear-gradient(180deg,transparent 0 72%,rgba(127,91,48,.13) 100%)}.screen-panel{position:relative;z-index:2;width:min(560px,94vw);padding:clamp(26px,6vw,52px);border:1px solid rgba(255,255,255,.58);border-radius:8px;background:linear-gradient(180deg,#fffdeee0,#fff2bebd),linear-gradient(135deg,#74c2471a,#ffd85d24);box-shadow:0 26px 70px #486d2b40,inset 0 1px #ffffffe0,inset 0 -1px #8d702d17;text-align:center;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.screen-panel:after{position:absolute;inset:1px 1px auto;height:42%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);content:"";pointer-events:none}.intro-panel:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,rgba(255,245,178,.55),transparent 44%,rgba(106,196,79,.36));content:"";filter:blur(18px);opacity:.72}.title-mark{position:relative;display:grid;width:78px;height:78px;place-items:center;margin:0 auto 20px;border:2px solid rgba(132,91,27,.22);border-radius:50%;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.92) 0 9px,transparent 10px),linear-gradient(135deg,#ffe678,#fff6b8 48%,#f7aa34);box-shadow:0 13px 30px #8e661e3d,inset 0 -6px #c3791e1a}.logo-bird{position:relative;width:42px;height:30px;border:3px solid #875515;border-radius:54% 48% 48% 54%;background:linear-gradient(145deg,#fff08f,#ffc43f 58%,#ec8425);box-shadow:inset 0 3px #ffffff80}.logo-bird:before{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:#273238;box-shadow:2px -2px #fff;content:""}.logo-bird:after{position:absolute;right:-13px;top:9px;border-left:15px solid #ef7e24;border-top:7px solid transparent;border-bottom:7px solid transparent;content:""}.eyebrow{margin:0 0 10px;color:var(--pipe-dark);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow.danger{color:#c4492b}h1,h2{margin:0;line-height:.94;letter-spacing:0}h1{font-size:clamp(3rem,10vw,5.7rem)}h2{font-size:clamp(2.4rem,9vw,4.4rem)}.screen-copy{max-width:44ch;margin:22px auto 0;color:#36451fc7;font-size:clamp(.98rem,2vw,1.1rem);line-height:1.65}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:28px 0}.control-grid span,.hud-center span{display:grid;min-height:36px;place-items:center;border:1px solid rgba(124,143,55,.2);border-radius:6px;background:linear-gradient(180deg,#ffffff94,#fff2be70);color:#36451fe6;box-shadow:inset 0 1px #ffffffbf,0 4px 10px #49672d17;font-size:.86rem;font-weight:750}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.character-select{display:grid;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(124,143,55,.18)}.character-select-header{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.character-select-header span{color:#36451fa8;font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.character-select-header strong{color:var(--pipe-dark);font-size:.85rem}.character-options{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(138px,1fr);grid-template-rows:1fr;gap:10px;margin-inline:-6px;padding:2px 6px 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:rgba(82,135,40,.34) transparent}.character-card{display:grid;gap:7px;min-width:0;min-height:152px;padding:10px;border:1px solid rgba(82,135,40,.24);border-radius:8px;color:#2f431d;background:linear-gradient(180deg,#ffffff7a,#fff3c65c),#fff8d647;box-shadow:inset 0 1px #ffffff94,0 8px 18px #49672d14;cursor:pointer;place-items:center;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.character-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #ffffffad,0 13px 24px #49672d21}.character-card:active:not(:disabled){transform:translateY(1px)}.character-card.selected{border-color:#247d2c94;background:linear-gradient(180deg,#fff6b2b8,#a4e05857),#fff8d680}.character-card.locked{cursor:not-allowed}.character-preview{position:relative;display:grid;width:76px;height:58px;place-items:center}.character-preview img{width:76px;height:auto;display:block;filter:drop-shadow(0 5px 0 rgba(87,63,24,.14))}.character-card.locked .character-preview img{filter:grayscale(1) brightness(.45) opacity(.62)}.lock-badge{position:absolute;inset:auto 50% -4px auto;transform:translate(50%);padding:3px 7px;border-radius:999px;color:#fff9df;background:#46361fc7;font-size:.66rem;font-weight:900}.character-name,.character-requirement{max-width:100%;overflow-wrap:anywhere;text-align:center}.character-name{font-size:.86rem;font-weight:900}.character-requirement{min-height:28px;color:#36451f9e;font-size:.72rem;line-height:1.25}.primary-button,.icon-button,.hud-button{min-height:44px;border:0;border-radius:7px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.primary-button{min-width:170px;padding:0 22px;color:#27470f;background:linear-gradient(135deg,#9ede52,#fff178 52%,#f4a231);box-shadow:0 11px 24px #4685273d,0 0 0 1px #ffffff94 inset;font-weight:900}.icon-button,.hud-button{padding:0 14px;border:1px solid rgba(82,135,40,.32);color:#294113eb;background:#fff8d6c2}.primary-button:hover,.icon-button:hover,.hud-button:hover{transform:translateY(-2px);filter:saturate(1.04)}.primary-button:active,.icon-button:active,.hud-button:active{transform:translateY(1px);box-shadow:0 5px 12px #4685272e,0 0 0 1px #ffffff80 inset}.game-shell{position:relative;z-index:1;display:grid;width:min(1120px,96vw);gap:12px}.hud{display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;gap:10px;min-height:62px;padding:10px 12px;border:1px solid rgba(255,255,255,.54);border-radius:8px;background:#fff8d6c7;box-shadow:0 16px 42px #37742d2e,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-stat{display:grid;gap:2px}.hud-stat span{color:#36451f94;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hud-stat strong{font-size:clamp(1.35rem,3vw,2rem);line-height:1}.align-right{text-align:right}.hud-center{display:flex;align-items:center;gap:8px}.hud-center span{width:36px;min-height:34px}.game-stage{position:relative;width:100%;aspect-ratio:920 / 560;max-height:min(70vh,680px);overflow:hidden;border:2px solid rgba(66,129,45,.3);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 50%,var(--sky-horizon) 69%,#96db6a 69% 77%,var(--earth) 77% 100%);box-shadow:0 28px 90px #3d712d40,inset 0 0 0 6px #ffffff24;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-stage:before{position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle at 18% 28%,rgba(255,255,255,.16) 0 1px,transparent 1.4px),radial-gradient(circle at 64% 18%,rgba(255,255,255,.12) 0 1px,transparent 1.3px);background-size:94px 94px,143px 143px;content:"";opacity:.38;pointer-events:none}.sky-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.sky-layer path{fill:#fffdf4d6}.clouds-far{animation:stageCloudsFar 30s linear infinite;opacity:.55}.clouds-near{animation:stageCloudsNear 19s linear infinite;opacity:.8}.clouds-near path{fill:#fffffbe6}.hill{position:absolute;z-index:1;width:36%;height:15%;border-radius:50% 50% 0 0;opacity:.58}.hill-one{left:4%;bottom:20%;background:linear-gradient(180deg,#a5df72,#55ab43)}.hill-two{right:8%;bottom:21%;background:linear-gradient(180deg,#b9ec83,#69bd50)}.ground{position:absolute;left:0;right:0;bottom:0;z-index:3;height:23%;background:radial-gradient(circle at 9% 54%,rgba(92,57,31,.28) 0 3px,transparent 4px),radial-gradient(circle at 22% 74%,rgba(92,57,31,.22) 0 2px,transparent 3px),radial-gradient(circle at 59% 62%,rgba(92,57,31,.2) 0 3px,transparent 4px),radial-gradient(circle at 84% 82%,rgba(92,57,31,.24) 0 2px,transparent 3px),linear-gradient(180deg,#7fc94a 0 18%,var(--earth) 18% 100%);box-shadow:inset 0 11px #ffffff2e,inset 0 -16px #6440221a}.ground:before{position:absolute;left:0;right:0;top:-12px;height:24px;background:linear-gradient(135deg,transparent 0 45%,var(--grass-dark) 46% 52%,transparent 53%) 0 0 / 22px 20px,linear-gradient(225deg,transparent 0 45%,var(--grass-light) 46% 52%,transparent 53%) 7px 3px / 26px 22px,linear-gradient(180deg,var(--grass-light),var(--grass));clip-path:polygon(0 55%,3% 18%,7% 58%,11% 8%,15% 55%,20% 20%,25% 58%,31% 12%,38% 55%,44% 18%,51% 60%,57% 10%,64% 57%,70% 22%,77% 60%,83% 12%,90% 56%,96% 18%,100% 55%,100% 100%,0 100%);content:""}.bird{position:absolute;z-index:5;width:calc(64 / 920 * 100%);min-width:54px;max-width:78px;aspect-ratio:160 / 108;object-fit:contain;transform-origin:50% 50%;animation:birdFlap .28s steps(2,end) infinite;backface-visibility:hidden;display:block;will-change:transform}.gate{position:absolute;inset-block:0;z-index:4;will-change:left}.gate-segment{position:absolute;left:0;width:100%;border:2px solid var(--pipe-edge);background:linear-gradient(90deg,#17692a,#39a834 13%,#8add56 34%,#d4ff8c 48%,#55bd38 63%,#23792d 82%,#145a24),repeating-linear-gradient(180deg,rgba(255,255,255,.1) 0 4px,transparent 4px 25px);box-shadow:inset -14px 0 #13542040,inset 9px 0 #ffffff2e,inset 0 0 0 1px #ffffff29}.gate-segment.top{top:0;border-top:0}.gate-segment.bottom{bottom:0;border-bottom:0}.gate-segment span{position:absolute;left:-12px;right:-12px;height:24px;border:2px solid var(--pipe-edge);border-radius:6px;background:linear-gradient(90deg,#105c26,#35a236 15%,#9eed63 38%,#e4ffa0 52%,#55bd38 72%,#166729);box-shadow:inset 0 4px #ffffff47,inset 0 -5px #0f52222e,0 5px #23592029}.gate-segment.top span{bottom:-13px}.gate-segment.bottom span{top:-13px}.gate-gap{position:absolute;left:18%;width:64%;border-left:1px dashed rgba(255,255,255,.34);border-right:1px dashed rgba(255,255,255,.34);opacity:.22}.thruster-particle{position:absolute;z-index:3;border-radius:999px;background:linear-gradient(90deg,transparent,#fff5a1,#f4a231);transform:translate(-50%,-50%)}.scanline{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 0 68%,rgba(73,151,50,.12) 68% 100%),radial-gradient(ellipse at center,transparent 58%,rgba(84,117,48,.11));mix-blend-mode:soft-light;opacity:.5}.pause-banner{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:#28562347;color:#fffce5f5;font-size:clamp(2.4rem,8vw,5rem);font-weight:950;letter-spacing:0;text-shadow:0 3px 0 rgba(52,94,30,.3)}.game-over-panel{position:absolute;z-index:10;inset:50% auto auto 50%;width:min(500px,90%);max-height:min(92%,650px);overflow:auto;transform:translate(-50%,-50%)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0}.result-grid div{display:grid;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:#ffffff57;box-shadow:inset 0 1px #ffffff94}.unlock-message{margin:-12px 0 20px;padding:10px 12px;border:1px solid rgba(36,125,44,.22);border-radius:8px;color:#25440f;background:linear-gradient(180deg,#fff4a4a3,#9ade523d);box-shadow:inset 0 1px #fff9;font-weight:850}.result-grid span{color:#36451f9e;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.result-grid strong{font-size:clamp(2rem,6vw,3.4rem);line-height:1}.score-form{display:grid;gap:8px;margin:0 0 18px;text-align:left}.score-form label,.leaderboard-header span{color:#36451fa8;font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.score-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.score-form input{width:100%;min-height:44px;border:1px solid rgba(82,135,40,.34);border-radius:7px;padding:0 14px;color:#25440f;background:#ffffff85;font:inherit;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.score-form input:focus{outline:3px solid rgba(255,217,102,.48);border-color:#197b30a3}.score-form input:disabled,.score-submit:disabled{cursor:not-allowed;opacity:.58}.score-submit{min-width:92px}.form-note,.leaderboard-note{margin:0;color:#36451fa8;font-size:.85rem;line-height:1.35}.leaderboard{display:grid;gap:10px;margin:0 0 18px;padding:14px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#ffffff47;box-shadow:inset 0 1px #ffffff7a;text-align:left}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.leaderboard-header strong{color:var(--pipe-dark);font-size:.78rem}.leaderboard-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:3ch minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;padding:6px 10px;border-radius:6px;background:#fff8d680;color:#36451fe6;font-weight:850}.leaderboard-list li:nth-child(2n){background:#ffffff52}.leaderboard-list li:nth-child(1){background:linear-gradient(90deg,#ffd85d8a,#fff8d685)}.leaderboard-list li:nth-child(2){background:linear-gradient(90deg,#cdd6d280,#fff8d675)}.leaderboard-list li:nth-child(3){background:linear-gradient(90deg,#d18b435c,#fff8d675)}.leaderboard-rank{color:#36451f85;font-variant-numeric:tabular-nums}.leaderboard-list li:nth-child(-n+3) .leaderboard-rank{color:#7a4c14;font-weight:950}.leaderboard-list li strong{color:#25440f}.explosion{position:absolute;z-index:9;width:120px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,white 0 8%,#fff176 9% 22%,#ffb12e 23% 38%,rgba(98,191,56,.34) 39% 62%,transparent 63%);filter:blur(1px);transform:translate(-50%,-50%);animation:burst .6s ease-out both}@keyframes driftGrain{0%{transform:translateZ(0)}to{transform:translate3d(-130px,80px,0)}}@keyframes stageCloudsFar{0%{transform:translate(0)}to{transform:translate(-180px)}}@keyframes stageCloudsNear{0%{transform:translate(0)}to{transform:translate(-280px)}}@keyframes birdFlap{0%{translate:0 0;scale:1 1}50%{translate:0 -1px;scale:1 .96}to{translate:0 0;scale:1 1}}@keyframes burst{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@media(max-width:760px){body{overflow:auto}.app{align-items:start;padding:12px}.hud{grid-template-columns:1fr 1fr auto;min-height:auto}.hud-center{display:none}.game-stage{aspect-ratio:9 / 13;max-height:none;min-height:520px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-options{grid-auto-columns:minmax(220px,78vw)}.character-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"preview name" "preview requirement";min-height:88px;justify-items:start;text-align:left}.character-preview{grid-area:preview}.character-name{grid-area:name}.character-requirement{grid-area:requirement;min-height:0;text-align:left}.game-over-panel{width:min(360px,92%);padding:24px}.score-form-row{grid-template-columns:1fr}.score-submit{width:100%}}@media(max-width:420px){.screen-panel{padding:24px 18px}.menu-actions{display:grid}.primary-button,.icon-button{width:100%}.hud{gap:8px;padding:8px}.hud-stat span{font-size:.62rem}}