:root{color-scheme:light;font-family:ui-monospace,"Courier New",monospace;color:#263d37;background:#233d37}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:repeating-linear-gradient(90deg,#233d37 0 32px,#29463e 32px 64px);user-select:none;-webkit-user-select:none}#game{position:relative;height:100%;height:100dvh;max-width:100%;aspect-ratio:432/768;overflow:hidden;touch-action:none;background:#78c9bf;box-shadow:0 0 0 8px #192f2a,0 0 80px #14282188;container-type:size}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}header{position:absolute;left:6%;right:6%;top:max(3%,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{font-size:clamp(10px,3cqw,18px);font-weight:900;letter-spacing:2px}.tools{display:flex;gap:8px}button{font:inherit;cursor:pointer;color:#263d37;border:3px solid #263d37;border-radius:0;font-weight:900;touch-action:manipulation}button:focus-visible{outline:4px solid #fff;outline-offset:5px}.tools button{width:40px;height:40px;background:#eaf4cc;box-shadow:0 3px 0 #263d37;font-size:22px}.tools button[aria-pressed=true]{opacity:.65}.overlay{position:absolute;inset:16% 5% auto;text-align:center;z-index:3}.eyebrow{font-size:clamp(9px,2.4cqw,15px);letter-spacing:1.5px;font-weight:bold}h1{font-size:clamp(48px,17cqw,104px);line-height:.86;margin:6% 0 4%;letter-spacing:-5px;color:#f9f0ae;text-shadow:4px 0 #263d37,-4px 0 #263d37,0 -4px #263d37,0 5px #263d37,5px 8px #263d37;font-weight:1000}h1 span{color:#ffd365}p{font-size:clamp(10px,3cqw,18px)}.tagline{font-weight:bold;margin-top:6%}.bird-space{height:21cqh}.primary{background:#ffd365;box-shadow:0 6px 0 #263d37;padding:16px 22px;min-width:70%;font-size:clamp(15px,4.5cqw,25px);letter-spacing:1px}.primary span{padding-left:12px}.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #263d37}.hint{font-size:clamp(9px,2.7cqw,16px);letter-spacing:1px;margin-top:7%;font-weight:bold}.best{font-weight:bold;letter-spacing:2px}footer{position:absolute;bottom:max(3%,env(safe-area-inset-bottom));width:100%;text-align:center;font-size:clamp(8px,2.3cqw,14px);font-weight:bold;letter-spacing:1px}#score{position:absolute;top:12%;width:100%;text-align:center;font-size:clamp(40px,14cqw,86px);color:#fff7d9;font-weight:900;text-shadow:3px 3px #263d37,-2px -2px #263d37;pointer-events:none}#over,#paused{top:25%;padding:7% 3%;background:#f4edcb;border:4px solid #263d37;box-shadow:0 7px 0 #263d37}h2{font-size:clamp(28px,9cqw,52px);line-height:1;letter-spacing:-2px;margin:7% 0}.results{display:flex;justify-content:center;gap:22%;font-size:clamp(10px,3cqw,18px);font-weight:bold;letter-spacing:2px}.results strong{display:block;font-size:clamp(30px,10cqw,60px);margin-top:5px}#over .hint{font-size:2.4cqw}#paused .primary{font-size:4cqw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

h1 .title-lead{display:block;font-size:.48em;line-height:1.1;letter-spacing:-2px;color:#f9f0ae}

h1 .title-tail{display:block;font-size:.26em;line-height:1.15;letter-spacing:1.5px;color:#f9f0ae;text-shadow:2px 2px #263d37;margin-top:.4em}.brand{line-height:1.4;text-transform:uppercase;max-width:calc(100% - 104px)}