:root{color:#172b3a;font-synthesis:none;text-rendering:optimizelegibility;background:#b9e9f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#e8f7ff57,#e8f7ff85),url(/ultimate-birds/assets/ultimate-birds-background-CWOOZ0fS.png) 50%/cover fixed;min-height:100vh;margin:0;display:grid}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #005fcc}.app-shell{width:100%;min-height:100vh;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));place-items:center;display:grid}.game-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#effbffc7;border:1px solid #ffffff8c;border-radius:24px;width:min(100%,632px,53.333vh + 2rem);padding:1rem;box-shadow:0 20px 60px #124a5e38}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 .5rem;padding:0 .35rem;display:flex}.game-header h1{color:#145267;margin:0 0 .8rem;font-size:clamp(1.75rem,6vw,2.4rem)}.game-header p{margin:0;font-size:1.05rem}.game-header strong{color:#e25722;font-size:1.45rem}.near-miss-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;margin:0 .35rem .65rem;font-size:.85rem;font-weight:650;display:flex}.near-miss-result{background:#d2edf2;border-radius:.4rem;padding:.3rem .5rem}.near-miss-result.is-near-miss{color:#643609;background:#ffe29a}.near-miss-result.is-bonus{color:#653809;background:#f8c96b}.near-miss-instructions{color:#31535e;margin:.6rem .4rem 0;font-size:.9rem}.game-board{aspect-ratio:2/3;touch-action:manipulation;cursor:pointer;background:linear-gradient(#70caef1f,#ffdea42e),url(/ultimate-birds/assets/ultimate-birds-background-CWOOZ0fS.png) 49%/auto 100%;border:5px solid #315c68;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px #9bbfc4,inset 0 0 38px #1955672e}.sky-decoration{filter:blur(3px);background:#fffae66b;border-radius:50%;width:22%;height:5%;position:absolute;box-shadow:10px -5px 8px #ffffff59,24px 1px 12px #e0f0ef42}.cloud-one{top:18%;left:10%}.cloud-two{opacity:.65;width:15%;top:35%;right:7%}.pipe-layer{position:absolute;inset:0}.pipe-pair{z-index:1;height:100%;position:absolute;top:0}.pipe{background:linear-gradient(90deg,#274d3c 0%,#57785a 13%,#315a47 29%,#75936a 46%,#41634e 62%,#1e4338 83%,#16372f 100%);border:1px solid #2342329e;width:100%;min-height:6%;position:absolute;overflow:hidden;box-shadow:inset 7px 0 12px #c0da9c38,inset -8px 0 13px #05272557,0 3px 8px #1a424247}.pipe:before{content:"";mix-blend-mode:screen;background:repeating-linear-gradient(84deg,#0000 0 14px,#cde0a91c 15px 17px,#0000 18px 28px),radial-gradient(at 38% 38%,#d9e7ac38 0 4%,#0000 5%);position:absolute;inset:0}.pipe:after{content:"";background:linear-gradient(90deg,#274d3d,#78926a 38%,#41684f 68%,#193b32);border:1px solid #264a3594;height:14px;position:absolute;left:-8%;right:-8%;box-shadow:inset 0 2px 4px #dce8b738,0 2px 5px #0e2a274d}.pipe-top{border-radius:0 0 11px 11px;top:0}.pipe-top:after{border-radius:6px 6px 10px 10px;bottom:0}.pipe-bottom{border-radius:11px 11px 0 0}.pipe-bottom:after{border-radius:10px 10px 6px 6px;top:0}.pipe-pair-bonus .pipe{background:linear-gradient(90deg,#694015,#bd8330 16%,#efbf54 45%,#a66b21 78%,#603912);border-color:#835018;box-shadow:inset 7px 0 12px #ffee9f59,inset -8px 0 13px #4b260752,0 0 15px #ffd152a6}.pipe-pair-bonus .pipe:after{background:linear-gradient(90deg,#704314,#f4c85c 42%,#a46b24 75%,#603912);border-color:#925c1c}.bonus-pipe-marker{z-index:1;color:#70400b;text-align:center;pointer-events:none;background:#fff1ba;border:2px solid #a86418;border-radius:999px;width:3.4rem;padding:.1rem .2rem;font-size:.85rem;font-weight:900;line-height:1.2;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #472c0c59}.bird{z-index:2;transform-origin:50%;position:absolute}.bird:before{content:"";filter:drop-shadow(0 2px 2px #11425070);transform-origin:72% 68%;background:url(/ultimate-birds/assets/rainbow-lorikeet-sprite-Db8G9LRd.png) 50%/contain no-repeat;position:absolute;inset:0}.bird[data-flight=idle]:before{animation:1.1s ease-in-out infinite bird-flutter}.bird[data-flight=playing]:before{animation:.34s ease-in-out infinite bird-flutter}@keyframes bird-flutter{0%,to{transform:translateY(-3%)scaleY(1)rotate(-3deg)}50%{transform:translateY(5%)scaleY(.72)rotate(5deg)}}.ground{z-index:3;background:linear-gradient(#829d52eb 0 13%,#416949f5 14% 44%,#1b4941fa 100%),repeating-linear-gradient(110deg,#0000 0 12px,#bfc46b38 13px 16px);border-top:2px solid #6c8a4db3;height:14.67%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 14px #f9da872e,inset 0 8px 10px #d3d57d2e}.game-overlay{z-index:4;color:#fff;text-shadow:0 1px 3px #123;background:#0a354052;place-content:center;gap:.8rem;padding:1rem;font-size:clamp(1rem,3vw,1.3rem);font-weight:700;display:grid;position:absolute;inset:0}.game-countdown{pointer-events:none;text-shadow:0 4px 12px #09313b99;background:#0a35402e;font-size:clamp(4rem,18vw,6rem);font-weight:900}.game-countdown span{animation:.3s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:.5;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.game-overlay p{margin:0}.game-overlay button{color:#fff;cursor:pointer;background:#f56d2d;border:0;border-radius:.6rem;justify-self:center;min-width:9rem;padding:.7rem 1rem;font-weight:800;box-shadow:0 3px #a33b11}.game-overlay button:active{transform:translateY(2px);box-shadow:0 1px #a33b11}.game-overlay button:disabled{cursor:wait;opacity:.7}.instructions,.game-status{color:#31535e;margin:.8rem .4rem 0}.game-status{min-height:1.5em;margin-top:.4rem;font-weight:650}.how-to-play{color:#31535e;text-align:left;margin:.7rem .4rem 0}.how-to-play summary{cursor:pointer;width:fit-content;padding:.3rem .15rem;font-weight:700}.how-to-play summary:focus-visible{outline-offset:3px;outline:3px solid #005fcc}.how-to-play p{margin:.55rem 0 0;font-size:.9rem}@supports (height:100dvh){body,.app-shell{min-height:100dvh}.game-card{width:min(100%,632px,53.333dvh + 2rem)}}@media (width<=390px){.app-shell{padding:calc(.5rem + env(safe-area-inset-top)) calc(.5rem + env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) calc(.5rem + env(safe-area-inset-left))}.game-card{border-radius:16px;padding:.65rem}.game-board{border-radius:12px}}@media (height<=760px){.app-shell{align-items:start}.game-card{padding-block:.7rem}.instructions{margin-top:.45rem}}@media (width>=850px) and (height>=600px){.game-card{text-align:left;grid-template:".board"1fr"header board""summary board""hint board""status board""rules board"".board"1fr/minmax(0,1fr) minmax(0,min(600px,100vh - 4rem));align-items:start;column-gap:1.5rem;width:min(100%,1040px);display:grid}.game-header{grid-area:header}.near-miss-summary{grid-area:summary}.game-board{aspect-ratio:1;grid-area:board}.instructions{grid-area:hint}.game-status{grid-area:status}.how-to-play{grid-area:rules}}@supports (height:100dvh){@media (width>=850px) and (height>=600px){.game-card{grid-template-columns:minmax(0,1fr) minmax(0,min(600px,100dvh - 4rem))}}}@media (orientation:landscape) and (height<=500px){.game-card{width:min(100%,432px)}}@media (prefers-reduced-data:reduce){body{background-image:linear-gradient(#d8f3fb,#f7dfae)}}@media (prefers-reduced-motion:reduce){.game-countdown span{animation:none}.bird:before{animation:none!important}}