:root{font-family:Trebuchet MS,Arial,sans-serif;color:#3c2518;background:#244d38;font-synthesis:none;--ink:#4b2a17;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff8b0;outline-offset:4px}button:disabled{opacity:.55;cursor:default}button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}[hidden]{display:none!important}#shell{position:relative;width:100%;max-width:540px;height:100dvh;margin:0 auto;overflow:hidden;background:#64c5f5;isolation:isolate}#game{width:100%;height:100%;touch-action:none}canvas{display:block}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#74cbf7;font-size:24px;font-weight:700;gap:20px}#load-progress{font-size:17px}#hud{position:absolute;top:calc(12px + var(--safe-top));left:12px;right:12px;display:flex;align-items:stretch;gap:8px;pointer-events:none}#hud button{pointer-events:auto}.wood{background:linear-gradient(#b77a3c,#93602c);color:#fff5d6;border:2px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink),inset 0 2px #dba666;text-shadow:0 1px 1px #573117}.level{padding:7px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.level strong{font-size:20px}.level span{font-size:11px;white-space:nowrap}.score{margin-left:auto;padding:5px 12px;min-width:74px;text-align:right;display:flex;flex-direction:column;justify-content:center}.score small{font-size:10px}.score strong{font-size:21px;font-variant-numeric:tabular-nums}.icon{width:48px;min-width:48px;min-height:48px;padding:10px}.icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}#bottom{position:absolute;bottom:calc(12px + var(--safe-bottom));left:12px;right:12px;pointer-events:none}#hint{margin:0 auto 10px;padding:9px 12px;background:#fff5d8f2;border:2px solid #765128;border-radius:15px;font-size:13px;font-weight:700;text-align:center;min-height:38px;max-width:420px;box-shadow:0 3px #59371522}.toolbar{display:flex;gap:8px;align-items:stretch}.toolbar>*{pointer-events:auto}#ammo{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;min-width:0}#ammo-dots{display:flex;gap:4px}.ammo-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ffe89a;border:1px solid #3d2314}.ammo-dot.spent{background:#59442d;opacity:.65}#look{flex:1;font-size:13px;font-weight:700;padding:10px 8px;min-height:48px}#overlay{position:absolute;inset:0;z-index:10;background:#243f39a8;backdrop-filter:blur(3px);display:grid;place-items:center;padding:28px}.panel{width:100%;max-width:360px;background:#fff2cc;border:4px solid var(--ink);border-radius:28px;box-shadow:0 8px #311c14;text-align:center;padding:25px 22px}.panel-label{font-weight:700;color:#755426;margin:0 0 8px}h1{margin:0;font-size:28px;line-height:1.15}#result-message{font-size:15px;line-height:1.5}#result-score{font-size:22px;font-weight:700;margin:10px 0 20px;font-variant-numeric:tabular-nums}.panel button{width:100%;min-height:48px;border:2px solid var(--ink);border-radius:14px;font-weight:700;margin:6px 0;box-shadow:0 3px 0 var(--ink)}.primary{background:#9dd445;color:#253b13}.secondary{background:#efc77a;color:#432a1b}.small{font-size:11px;color:#6c5137;margin-bottom:0}#stars{display:flex;gap:8px;justify-content:center;margin:16px 0}.star{font-size:48px;color:#ccb991;text-shadow:0 2px 0 #6f491c}.star.earned{color:#e79e15;animation:star-pop .4s backwards}.star:nth-child(2){animation-delay:.15s}.star:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{transform:scale(.2) rotate(-15deg);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:700px){#shell{box-shadow:0 0 80px #112c2499;border-left:3px solid #395c35;border-right:3px solid #395c35}}@media(max-height:550px){.level strong{font-size:16px}.level span{font-size:10px}#hint{padding:5px;font-size:11px;margin-bottom:6px}.panel{padding:12px 18px}#stars{margin:4px 0}.star{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.skillbar{display:flex;align-items:center;gap:7px;margin:0 0 8px;pointer-events:auto}.skillbar button{min-height:48px;font-weight:700;font-size:12px;padding:5px 9px}.skill-slot{position:relative;width:50px;height:50px;flex-shrink:0;display:grid;place-items:center}.skill-slot img{width:38px;height:38px;object-fit:contain}.skill-slot span{position:absolute;right:3px;bottom:1px;font-size:12px;background:#49301d;border-radius:8px;padding:0 4px}.skill-slot.empty{opacity:.7}.skill-slot.empty span{position:static;font-size:10px;background:none}.skill-slot.selected{outline:3px solid #fff0a9;outline-offset:2px}#level-menu{margin-left:auto}#ammo-dots{gap:1px}.queue-bird{height:27px;width:27px;object-fit:contain;border-radius:6px}.queue-bird.current{background:#ffeab44d;border:1px solid #fff2c9}#ammo{gap:5px;padding:6px 8px}#ammo-text{font-size:11px;white-space:nowrap}#level-overlay{position:absolute;inset:0;z-index:12;background:#243f39bb;display:grid;place-items:center;padding:24px}.panel{max-height:calc(100dvh - 48px);overflow:auto}#level-list{margin:18px 0}.level-choice{text-align:left;padding:9px 14px}.level-choice small{display:block;font-size:12px;font-weight:400}.level-choice .earned-count{color:#835509}#hint{font-size:12px}.pickup-fly{position:fixed;width:48px;height:48px;object-fit:contain;pointer-events:none;z-index:30;transition:transform .65s cubic-bezier(.25,.6,.2,1),opacity .65s}.item-flash{animation:item-pop .35s}@keyframes item-pop{50%{filter:brightness(1.7);transform:scale(1.1)}}@media(max-width:380px){.queue-bird{width:22px;height:22px}.level span{font-size:10px}}.skillbar{flex-wrap:wrap;gap:6px}.skillbar .skill-slot{width:46px;height:48px;min-height:48px;padding:3px}.skillbar .skill-slot img{width:36px;height:36px}.skillbar #level-menu{margin-left:auto;max-width:95px}.skillbar #cancel-skill,.skillbar #boost,.skillbar #end-chance{font-size:11px;padding:6px 8px}.art-wind .demo-item{animation:fan-guide 2.8s ease-in-out infinite}.art-wind .demo-target{border-color:#39937b;border-radius:20px;width:100px;height:30px;rotate:-12deg}.art-lightning .demo-item{animation:lightning-guide 3s ease-in-out infinite}.art-lightning .demo-target{border-color:#5c85b7;width:70px;height:70px;right:35px}@keyframes fan-guide{50%{rotate:-18deg;translate:20px 0}}@keyframes lightning-guide{0%,to{translate:0 0}40%{translate:30px -25px}60%{translate:45px 20px}}@media(prefers-reduced-motion:reduce){.art-wind .demo-item,.art-lightning .demo-item{animation:none}}#home{position:absolute;inset:0;z-index:5;overflow:hidden;overscroll-behavior:contain;background:#319cb9;min-height:100%;color:#442919}.home-landscape{position:absolute;inset:0;contain:paint;background:url(/backgrounds/village-home.png) center 55%/cover no-repeat;pointer-events:none;animation:land-breathe 18s ease-in-out infinite alternate}.home-title{position:absolute;top:calc(58px + var(--safe-top));left:12px;right:12px;text-align:center;filter:drop-shadow(0 3px 1px #75472344);animation:title-in .65s cubic-bezier(.2,.9,.3,1.15) both}.home-title h1{font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(48px,14vw,76px);font-weight:900;letter-spacing:-3px;color:#fff0a7;-webkit-text-stroke:2px #61371e;text-shadow:0 5px 0 #754321;line-height:1.08}.home-title p{margin:0 0 8px;font-size:12px;font-weight:700;color:#3b311c;background:#fff4cbd9;display:inline-block;border-radius:20px;padding:5px 12px}.home-title>span{display:inline-block;margin-top:10px;background:#fff4cbe8;border:1px solid #a27842;border-radius:18px;padding:5px 12px;font-size:13px;font-weight:700}.home-sound{position:absolute;right:14px;top:calc(12px + var(--safe-top));min-height:44px;padding:8px 12px;font-size:12px;z-index:2}.home-stage{position:absolute;top:var(--stage-top,260px);left:5%;width:90%;z-index:2}.home-cast{position:relative;width:100%;height:var(--cast-height,102px);display:grid;grid-template-columns:repeat(3,1fr);align-items:end}.home-bird{position:relative;border:0;background:none;padding:0;width:100%;height:var(--cast-height,102px);z-index:2;animation:bird-arrive .7s cubic-bezier(.2,.8,.3,1.2) both;filter:drop-shadow(0 2px 1px #3e371d33)}.home-bird:before{content:"";position:absolute;bottom:-3px;left:25%;width:50%;height:6px;background:#422c2070;border-radius:50%;pointer-events:none}.home-bird img{width:var(--bird-size,146px);height:var(--bird-size,146px);position:absolute;left:calc(50% - var(--bird-size,146px)/2);bottom:calc(var(--bird-size,146px)*-.203125);object-fit:contain;pointer-events:none;animation:perched-breathe 3.7s ease-in-out infinite;transform-origin:50% 79.6875%}.home-perch{position:absolute;left:0;right:0;top:100%;height:19px;border:2px solid #55301c;border-radius:9px;background:repeating-linear-gradient(2deg,transparent 0 5px,#6f411c55 6px 7px,transparent 8px 12px),linear-gradient(#d5a05b 0 25%,#a96c32 26% 70%,#75431f 71%);box-shadow:0 4px #3c291655,inset 0 2px #f1c780;pointer-events:none;z-index:1}.home-perch i{position:absolute;top:-4px;width:12px;height:24px;border:1px solid #72512d;border-radius:4px;background:repeating-linear-gradient(0deg,#ddba75 0 3px,#927043 4px 5px);left:9px}.home-perch i+i{left:auto;right:9px}.home-bird[data-bird=bulbul]{animation-delay:.1s}.home-bird[data-bird=dove]{animation-delay:.2s}.home-bird[data-bird=bulbul] img{animation-delay:-1.2s}.home-bird[data-bird=dove] img{animation-delay:-2.5s}.home-bird:active{box-shadow:none}.home-sling-stand{position:absolute;top:var(--sling-top,470px);left:var(--sling-left,60px);width:68px;height:var(--sling-height,82px);z-index:2;pointer-events:none}.home-sling{position:absolute;bottom:3px;left:7px;width:54px;height:calc(100% - 7px);object-fit:contain;object-position:center bottom;rotate:-5deg}.sling-grass{position:absolute;bottom:0;left:0;right:0;height:12px;border:2px solid #4d6827;border-radius:50%;background:linear-gradient(#a5c85d,#4e842d);box-shadow:0 3px #654321}.home-bird-note{position:relative;margin:25px 0 0;min-height:14px;text-align:center;font-size:11px;font-weight:700;color:#fff6ce;text-shadow:0 1px 3px #30251a,0 0 8px #30251a;pointer-events:none}.home-menu{position:absolute;bottom:calc(20px + var(--safe-bottom));left:50%;transform:translate(-50%);width:240px;display:flex;flex-direction:column;gap:7px;padding-top:8px}.menu-card{width:100%;min-height:52px;border:2px solid #57301d;border-radius:13px;background:linear-gradient(#fff0c3,#e9c57c);color:#442719;box-shadow:0 3px #663b20,inset 0 1px #fff9e6;display:flex;align-items:center;gap:13px;padding:9px 15px;text-align:left;font-size:15px;transition:translate .18s,scale .18s,filter .18s;animation:card-arrive .4s backwards}.menu-card span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#d5aa64;color:#4c2f19;font-size:19px;font-weight:700;flex-shrink:0}.menu-card strong{font-size:15px}.menu-primary{background:linear-gradient(#cfeb78,#9ac34d)}.menu-primary span{background:#7da43c;color:#263a15}.menu-card:nth-child(1){animation-delay:.2s}.menu-card:nth-child(2){animation-delay:.26s}.menu-card:nth-child(3){animation-delay:.32s}.menu-card:nth-child(4){animation-delay:.38s}.menu-card:nth-child(5){animation-delay:.44s}@media(hover:hover){.menu-card:hover{translate:0 -2px;scale:1.02;filter:brightness(1.06)}}.menu-card:active{translate:0 2px;scale:.98;transform:none;box-shadow:0 1px #663b20}.home-menu small{text-align:center;color:#fff5d1;font-size:11px;text-shadow:0 1px 3px #2d3015;margin-top:3px}.home-cloud{position:absolute;width:140px;height:29px;top:23%;border-radius:60%;background:#fff6;filter:blur(5px);pointer-events:none;animation:cloud-drift 32s linear infinite}.cloud-one{left:-160px}.cloud-two{top:31%;width:90px;animation-delay:-18s;animation-duration:42s}.home-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;contain:paint}.home-leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden}.home-leaves i{position:absolute;left:12%;top:-30px;width:16px;height:8px;border-radius:0 80%;background:#e9c258;animation:leaf-drift 15s linear infinite}.home-leaves i:nth-child(2){left:75%;animation-delay:-5s;background:#abd05e}.home-leaves i:nth-child(3){left:40%;animation-delay:-11s;animation-duration:19s}.leaving{pointer-events:none}.motion-paused *{animation-play-state:paused!important}.home-bug-layer{position:absolute;inset:0;overflow:hidden;contain:paint;pointer-events:none;z-index:1}.home-cast,.home-bird-note,.home-menu{z-index:2}.home-drifter{position:absolute;top:0;left:0;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 5px 3px #30532555);will-change:transform;pointer-events:none}.home-bird.is-eating img{animation:none;transition:none;transform-origin:50% 79.6875%}.home-bird.is-eating{z-index:4}.home-bird.is-eating .bird-anger{opacity:0;animation:none}.home-crown{position:absolute;top:0;left:0;width:48px;height:38px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 1px #66331455)}.bird-anger{position:absolute;top:4px;right:7px;width:22px;height:22px;opacity:0;scale:.6;pointer-events:none;transition:opacity .15s,scale .2s}.bird-anger:before{content:"";position:absolute;inset:0;background:linear-gradient(#d34728,#d34728) 0 0/8px 3px,linear-gradient(#d34728,#d34728) 5px 0/3px 8px,linear-gradient(#d34728,#d34728) 100% 0/8px 3px,linear-gradient(#d34728,#d34728) 14px 0/3px 8px,linear-gradient(#d34728,#d34728) 0 100%/8px 3px,linear-gradient(#d34728,#d34728) 5px 100%/3px 8px,linear-gradient(#d34728,#d34728) 100% 100%/8px 3px,linear-gradient(#d34728,#d34728) 14px 100%/3px 8px;background-repeat:no-repeat;filter:drop-shadow(1px 1px 0 #fff2aa) drop-shadow(-1px -1px 0 #fff2aa);rotate:10deg}.home-bird.is-angry img{animation:none;transform:translate(var(--watch-shift,0px)) rotate(var(--watch-lean,0deg));transition:transform .18s ease-out}.home-bird.is-angry .bird-anger{opacity:1;scale:1;animation:anger-pop .3s ease-out both}@keyframes anger-pop{0%{scale:.3;rotate:-15deg}65%{scale:1.15;rotate:7deg}to{scale:1;rotate:0deg}}#home-dialog{width:min(360px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:3px solid #57301d;border-radius:24px;background:#fff1cb;color:#442919;box-shadow:0 7px #3c2619,0 15px 60px #142c3055;overflow:auto;animation:dialog-arrive .25s ease-out}#home-dialog::backdrop{background:#183b3cb0;backdrop-filter:blur(3px)}.home-dialog-card{position:relative;padding:28px 22px 20px;text-align:center}.home-dialog-card h2{font-size:25px;margin:8px 0 12px}.home-dialog-card h3{font-size:18px;margin:15px 0 8px}.home-dialog-card p{font-size:14px;line-height:1.55}.dialog-close{position:absolute;top:8px;right:10px;border:0;background:#e6c58b;color:#4a2918;border-radius:12px;width:40px;height:40px;font-size:27px}.guide-art{position:relative;height:150px;background:linear-gradient(#88d6ec,#def0b2);border:2px solid #a8b276;border-radius:18px;overflow:hidden;touch-action:pan-y;display:flex;align-items:center;justify-content:center}.guide-bird{width:125px;height:125px;object-fit:contain}.guide-sling{position:absolute;width:65px;height:98px;left:50px;bottom:9px}.demo-pull{position:absolute;left:20px;bottom:34px;animation:demo-pull 3s ease-in-out infinite}.demo-pull img{width:105px;height:105px}.demo-finger{position:absolute;width:20px;height:30px;border:3px solid #865333;background:#f6cf99;border-radius:12px;left:82px;bottom:52px;rotate:-20deg;animation:demo-pull 3s ease-in-out infinite}.demo-arc{position:absolute;left:127px;top:46px;color:#fffef0;rotate:-12deg;font-size:25px;white-space:nowrap}.art-birds>.guide-bird{position:absolute;left:0;width:90px}.demo-boost{position:absolute;left:73px;animation:demo-boost 2.6s ease-in-out infinite}.demo-dive{position:absolute;right:0;animation:demo-dive 2.6s ease-in-out infinite}.demo-boost img,.demo-dive img{width:105px}.demo-item{position:absolute;width:65px;left:25px;animation:demo-item 3s ease-in-out infinite}.demo-target{position:absolute;width:100px;height:100px;border:3px dashed #cf712e;border-radius:50%;right:18px;animation:target-pulse 3s ease-in-out infinite}.demo-bug{position:absolute;width:105px;right:15px;bottom:24px}.demo-block{position:absolute;width:70px;right:35px;bottom:8px}.art-goal>.guide-bird{position:absolute;left:0;animation:demo-boost 3s ease-in-out infinite}.art-goal .demo-bug{bottom:48px}.demo-star{font-size:56px;color:#eaa321;text-shadow:0 3px 0 #875b20;animation:target-pulse 2.4s ease-in-out infinite}.demo-star:nth-child(2){animation-delay:.2s}.demo-star:nth-child(3){animation-delay:.4s}.guide-dots{display:flex;justify-content:center;gap:8px;margin:16px 0}.guide-dots button{border:1px solid #8b683d;width:28px;height:28px;padding:0;border-radius:50%;background:#e0c48a}.guide-dots button.active{background:#96bd45;border:2px solid #4a6925}.guide-actions{display:flex;gap:12px}.guide-actions button{flex:1;min-height:44px;border:2px solid #57301d;border-radius:12px;font-weight:700;box-shadow:0 3px #663b20}.text-button{border:0;background:none;min-height:44px;text-decoration:underline;font-size:13px;color:#5e4429;padding:8px}.developer-avatar{margin:24px auto 18px;width:90px;height:90px;border:3px dashed #946d38;border-radius:25px;background:#ead2a0;display:grid;place-items:center;font-weight:700;font-size:32px;color:#846035}.developer-slot{border:1px dashed #b59867;border-radius:12px;margin:12px 0;padding:12px;text-align:left}.developer-slot strong,.developer-slot span{display:block;font-size:13px}.developer-slot span{margin-top:5px;color:#705839}#level-list{display:grid;gap:8px}.panel .level-choice{position:relative;min-height:70px;padding:12px 10px 12px 65px;margin:0;border-radius:14px}.level-card-bird{position:absolute;width:68px;height:68px;left:0;top:0;object-fit:contain}.level-choice strong{font-size:14px}.level-choice small{margin-top:6px}@keyframes title-in{0%{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}@keyframes card-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes bird-arrive{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes bird-breathe{50%{transform:translateY(-3px) scale(1.025,.98)}}@keyframes land-breathe{to{transform:scale(1.025)}}@keyframes cloud-drift{to{translate:700px 0}}@keyframes leaf-drift{0%{translate:0 -20px;rotate:0deg;opacity:0}10%,85%{opacity:.8}to{translate:100px 100vh;rotate:330deg;opacity:0}}@keyframes dialog-arrive{0%{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes demo-pull{0%,20%,to{translate:0 0}45%,65%{translate:-30px 12px}80%{translate:35px -14px}}@keyframes demo-boost{0%,to{translate:0 0}65%{translate:35px -10px}}@keyframes demo-dive{0%,to{translate:0 -24px}60%{translate:0 25px}}@keyframes demo-item{0%,to{translate:0 22px;scale:.9}50%{translate:50px -20px;scale:1}}@keyframes target-pulse{50%{scale:1.08}}@keyframes perched-breathe{50%{transform:scale(1.018,.985)}}@media(max-height:740px){.home-title{top:calc(48px + var(--safe-top))}.home-title h1{font-size:52px}.home-title p{display:none}.home-menu{bottom:calc(12px + var(--safe-bottom));gap:5px}.menu-card{min-height:48px}.home-title>span{font-size:11px}}@media(max-height:650px){.home-title>span{display:none}.home-menu{gap:4px}.menu-card{min-height:46px}}@media(max-height:580px){#home{overflow-y:auto}.home-title h1{font-size:46px}.home-menu{top:350px;bottom:auto}.home-landscape{height:690px}}@media(max-width:350px){.home-title h1{font-size:48px}}@media(prefers-reduced-motion:reduce){#home *,#home-dialog *,#home-dialog{animation:none!important;transition:none!important}.home-landscape{transform:none}.menu-card:hover,.menu-card:active{translate:none;scale:1}}