:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#284018;background:#8bd7ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sky: #73c9ff;--sky-deep: #3aa4ee;--cloud: #fffdf4;--grass: #62bf38;--grass-dark: #2e7d32;--earth: #b7793b;--pipe: #58c93a;--pipe-dark: #197b30;--sun: #ffd966;--panel: rgba(255, 248, 214, .88);--line: rgba(78, 139, 48, .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{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,217,102,.95) 0 58px,transparent 60px),linear-gradient(180deg,#71caff,#aee9ff 62%,#8edb62 63%,#4fa532)}.app-background,.app-background:before,.app-background:after{position:absolute;inset:0;content:"";pointer-events:none}.app-background{background-image:radial-gradient(ellipse at 22px 18px,var(--cloud) 0 22px,transparent 23px),radial-gradient(ellipse at 56px 20px,var(--cloud) 0 28px,transparent 29px),radial-gradient(ellipse at 92px 24px,var(--cloud) 0 20px,transparent 21px);background-position:0 72px;background-size:340px 160px;opacity:.68;animation:driftClouds 34s linear infinite}.app-background:before{background:linear-gradient(180deg,transparent 0 72%,rgba(93,179,59,.92) 72% 82%,transparent 82%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(47,126,45,.2) 22px 26px,transparent 26px 48px);opacity:.5}.app-background:after{background:linear-gradient(180deg,transparent 0 78%,rgba(183,121,59,.78) 78% 100%),repeating-linear-gradient(45deg,rgba(121,75,36,.18) 0 10px,transparent 10px 24px)}.screen-panel{position:relative;z-index:2;width:min(560px,94vw);padding:clamp(26px,6vw,52px);border:2px solid rgba(108,143,49,.32);border-radius:8px;background:linear-gradient(180deg,#fffce5f5,#ffefb5e6),linear-gradient(135deg,#5fbf381a,#ffd9661f);box-shadow:0 24px 70px #44732f3d,inset 0 2px #ffffffa6;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.intro-panel:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,rgba(115,201,255,.45),transparent,rgba(98,191,56,.42));content:"";filter:blur(18px);opacity:.6}.title-mark{display:grid;width:74px;height:74px;place-items:center;margin:0 auto 20px;border:2px solid rgba(140,90,19,.28);border-radius:50%;color:#6b3f0d;background:linear-gradient(135deg,#ffe66d,#fff7bd 48%,#ffb12e);box-shadow:0 10px 28px #9a66173d;font-weight:900;letter-spacing:0}.eyebrow{margin:0 0 10px;color:var(--pipe-dark);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow.danger{color:#c83f24}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(255,255,255,.12);border-radius:6px;background:#ffffff6b;color:#36451fe6;font-size:.86rem;font-weight:750}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.primary-button,.icon-button,.hud-button{min-height:44px;border:0;border-radius:7px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.primary-button{min-width:170px;padding:0 22px;color:#25440f;background:linear-gradient(135deg,#a7e45a,#fff176 52%,#ffb12e);box-shadow:0 12px 28px #4c972a40,0 0 0 1px #ffffff80 inset;font-weight:900}.icon-button,.hud-button{padding:0 14px;border:1px solid rgba(82,135,40,.34);color:#294113eb;background:#fff8d6c7}.primary-button:hover,.icon-button:hover,.hud-button:hover{transform:translateY(-2px)}.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 var(--line);border-radius:8px;background:#fff8d6d1;box-shadow:0 16px 48px #37742d2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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,.32);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 26%),linear-gradient(180deg,#65c9ff,#b4ecff 68%,#74c948 68% 78%,#b7793b 78% 100%);box-shadow:0 28px 90px #3d712d42,inset 0 0 0 6px #ffffff29;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sky-layer{position:absolute;inset:0;background-repeat:repeat;opacity:1}.clouds-far{background-image:radial-gradient(ellipse at 22px 18px,var(--cloud) 0 20px,transparent 21px),radial-gradient(ellipse at 54px 18px,var(--cloud) 0 26px,transparent 27px),radial-gradient(ellipse at 88px 22px,var(--cloud) 0 18px,transparent 19px);background-position:40px 46px;background-size:300px 150px;animation:stageClouds 24s linear infinite;opacity:.8}.clouds-near{background-image:radial-gradient(ellipse at 26px 18px,rgba(255,255,255,.9) 0 16px,transparent 17px),radial-gradient(ellipse at 54px 18px,rgba(255,255,255,.9) 0 21px,transparent 22px),radial-gradient(ellipse at 84px 22px,rgba(255,255,255,.9) 0 15px,transparent 16px);background-position:170px 118px;background-size:380px 180px;animation:stageClouds 16s linear infinite;opacity:.62}.hill{position:absolute;width:34%;height:13%;border-radius:50% 50% 0 0;filter:none;opacity:.5}.hill-one{left:5%;bottom:20%;background:linear-gradient(180deg,#80d65a,#52a63e)}.hill-two{right:7%;bottom:21%;background:linear-gradient(180deg,#9ce272,#62b44d)}.ground{position:absolute;left:7%;bottom:0;width:100%;height:22%;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(72,45,24,.13) 34px 42px,transparent 42px 74px),linear-gradient(180deg,#77c64a 0 30%,#b7793b 30% 100%);box-shadow:inset 0 12px #ffffff29;opacity:1}.bird{position:absolute;z-index:5;width:clamp(54px,7.1%,78px);height:auto;transform-origin:50% 50%;transition:filter .16s ease;filter:drop-shadow(0 7px 0 rgba(87,63,24,.18))}.gate{position:absolute;inset-block:0;z-index:4}.gate-segment{position:absolute;left:0;width:100%;border:2px solid var(--pipe-dark);background:linear-gradient(90deg,#2e9a37 0%,var(--pipe) 22%,#9bef5e 48%,#37a540 72%,#186c2b 100%),repeating-linear-gradient(180deg,rgba(255,255,255,.14) 0 4px,transparent 4px 24px);box-shadow:inset -12px 0 #12562033,inset 8px 0 #fff3}.gate-segment.top{top:0;border-top:0}.gate-segment.bottom{bottom:0;border-bottom:0}.gate-segment span{position:absolute;left:-7px;right:-7px;height:18px;border:2px solid var(--pipe-dark);border-radius:4px;background:linear-gradient(90deg,#1d7f2f,#6bd345 28%,#b9ff71 52%,#2d9a39);box-shadow:inset 0 3px #ffffff47,0 4px #23592029}.gate-segment.top span{bottom:-10px}.gate-segment.bottom span{top:-10px}.gate-gap{position:absolute;left:18%;width:64%;border-left:1px dashed rgba(255,255,255,.38);border-right:1px dashed rgba(255,255,255,.38);opacity:.28}.thruster-particle{position:absolute;z-index:3;border-radius:999px;background:linear-gradient(90deg,transparent,#fff176,#ffb12e);filter:blur(1px);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,.14) 68% 100%);mix-blend-mode:soft-light;opacity:.36}.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,.12);border-radius:8px;background:#ffffff57}.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(82,135,40,.22);border-radius:8px;background:#ffffff47;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:2ch minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;padding:6px 10px;border-radius:6px;background:#fff8d694;color:#36451fe6;font-weight:850}.leaderboard-list li:before{color:#36451f85;content:counter(list-item)}.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 driftClouds{0%{transform:translateZ(0)}to{transform:translate3d(-164px,108px,0)}}@keyframes stageClouds{0%{transform:translate(0)}to{transform:translate(-240px)}}@keyframes pulseGlow{0%{transform:scale(.95)}to{transform:scale(1.08)}}@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))}.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}}