:root{--ink:#543847;--sky:#70c5ce;--panel:#ded895}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 18% 20%,#9ad7df 0%,#0000 42%),radial-gradient(circle at 82% 78%,#5bb4bf 0%,#0000 46%),linear-gradient(#8ed4dc 0%,#5aa8b2 100%);justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.app-shell{justify-content:center;align-items:center;width:100%;min-height:100%;padding:12px;display:flex}.game{border:4px solid var(--ink);cursor:pointer;width:288px;height:512px;image-rendering:pixelated;background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;box-shadow:0 12px #54384740,0 24px 40px #0003}.sprite{pointer-events:none;flex-shrink:0;display:block}.bird{z-index:5;will-change:transform, top;position:absolute}.pipes{z-index:3;pointer-events:none;position:absolute;inset:0}.pipe{background-repeat:no-repeat;width:52px;position:absolute}.pipe-top{background-position:bottom;background-size:52px;top:0}.pipe-bottom{background-position:top;background-size:52px}.foreground{z-index:6;pointer-events:none;background-repeat:repeat-x;background-size:auto 112px;width:336px;height:112px;position:absolute;bottom:0;left:0}.foreground.scrolling{animation:.75s linear infinite ground-scroll}@keyframes ground-scroll{0%{transform:translate(0)}to{transform:translate(-48px)}}.hud-score{z-index:12;pointer-events:none;justify-content:center;display:flex;position:absolute;top:40px;left:0;right:0}.sprite-score{align-items:flex-end;gap:2px;display:flex}.sprite-digit{display:block}.overlay{z-index:20;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.overlay.clickable{pointer-events:auto}.menu-screen{justify-content:flex-start}.menu-logo{align-items:center;gap:8px;margin-top:120px;animation:.9s ease-in-out infinite alternate logo-bob;display:flex}.menu-bird{margin-top:-4px}@keyframes logo-bob{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.menu-buttons{pointer-events:auto;gap:22px;margin-top:auto;margin-bottom:150px;display:flex}.sprite-btn{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;line-height:0}.sprite-btn:active{transform:translateY(3px)}.sprite-btn .sprite{pointer-events:none}.best-toast{color:#fff;letter-spacing:1px;background:#543847d9;padding:8px 12px;font-size:14px;position:absolute;top:280px}.copyright{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.ready-screen{justify-content:flex-start}.get-ready{margin-top:110px}.tap-hint{margin-top:28px}.gameover-screen{background:#00000014;justify-content:flex-start}.gameover-title{margin-top:78px;animation:.35s ease-out title-in}@keyframes title-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.scoreboard-panel{width:226px;height:116px;margin-top:28px;animation:.45s cubic-bezier(.16,1,.3,1) board-up;position:relative}@keyframes board-up{0%{opacity:.2;transform:translateY(180px)}to{opacity:1;transform:translateY(0)}}.scoreboard-bg{position:absolute;inset:0}.scoreboard-content{align-items:center;gap:10px;padding:18px 16px 14px 18px;display:flex;position:absolute;inset:0}.medal,.medal-placeholder{flex-shrink:0;width:44px;height:44px}.scoreboard-scores{flex:1;height:100%;position:relative}.board-score{position:absolute;top:18px;right:8px}.board-best{position:absolute;bottom:14px;right:8px}.new-badge{position:absolute;top:34px;right:54px}.gameover-actions{pointer-events:auto;align-items:center;gap:16px;margin-top:auto;margin-bottom:132px;display:flex}.pause-btn{z-index:15;position:absolute;top:18px;left:14px}.paused-veil{z-index:14;color:#fff;letter-spacing:2px;text-shadow:2px 2px 0 var(--ink);pointer-events:none;background:#00000040;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.flash{z-index:40;pointer-events:none;animation:.18s ease-out forwards flash-fade;position:absolute;inset:0}.flash-white{background:#fff}.flash-black{background:#000;animation-duration:.28s}@keyframes flash-fade{0%{opacity:.85}to{opacity:0}}@media (width<=360px){.game{transform:scale(.95)}}