:root{color:#fff;font-synthesis:none;text-rendering:geometricprecision;background:#4ec0ca;font-family:Segoe UI,Avenir,Verdana,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:#4ec0ca;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#score{top:max(20px, env(safe-area-inset-top));letter-spacing:.06em;color:#fff;-webkit-text-stroke:2px #33333d;text-shadow:3px 3px #33333d,-1px -1px #33333d,1px -1px #33333d,-1px 1px #33333d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(2.6rem,7vw,4rem);font-weight:900;position:absolute;left:50%;transform:translate(-50%)}#mute-button{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e86101;border:3px solid #543847;border-radius:10px;width:52px;height:52px;font-size:1.5rem;line-height:1;position:absolute;box-shadow:0 4px #b34b00}#mute-button:active{transform:translateY(2px);box-shadow:0 2px #b34b00}.overlay{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.game-title{letter-spacing:.04em;color:#fef5cb;-webkit-text-stroke:2px #543847;text-shadow:0 5px #5ec639,0 8px #54384799;margin:0 0 4vh;font-size:clamp(2.4rem,8vw,4.6rem);font-weight:900}.hint{color:#fff;text-shadow:2px 2px #543847d9;margin:0;font-size:clamp(1.05rem,3vw,1.5rem);font-weight:800}.blink{animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.sub-hint{color:#ffffffeb;text-shadow:1px 1px #543847b3;margin:0;font-size:clamp(.85rem,2.2vw,1rem);font-weight:600}.panel{pointer-events:auto;background:#ded895;border:4px solid #543847;border-radius:14px;flex-direction:column;align-items:center;gap:12px;min-width:min(320px,82vw);padding:26px 34px;display:flex;box-shadow:0 8px #54384773}.panel h2{color:#e86101;-webkit-text-stroke:1.5px #543847;text-shadow:0 3px #54384780;margin:0;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900}.panel-score{flex-direction:column;align-items:center;display:flex}.panel-score span{letter-spacing:.14em;text-transform:uppercase;color:#a06452;font-size:.9rem;font-weight:800}.panel-score strong{color:#fff;-webkit-text-stroke:2px #543847;text-shadow:2px 3px #543847;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:900}#restart-button,#picker-done{color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#e86101;border:3px solid #543847;border-radius:10px;padding:12px 34px;font-size:1.15rem;font-weight:900;box-shadow:0 5px #b34b00}#restart-button:active,#picker-done:active{transform:translateY(3px);box-shadow:0 2px #b34b00}.ghost-button{color:#543847;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:#fef5cb;border:3px solid #543847;border-radius:10px;padding:9px 22px;font-size:.95rem;font-weight:800;box-shadow:0 4px #54384780}.ghost-button:active{transform:translateY(2px);box-shadow:0 2px #54384780}#start-overlay .ghost-button{bottom:max(26px, calc(env(safe-area-inset-bottom) + 14px));position:absolute}.picker-panel{gap:16px;width:min(430px,92vw)}.bird-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.bird-card{color:#543847;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;pointer-events:auto;background:#fff;border:3px solid #54384773;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;font-size:.82rem;font-weight:800;display:flex}.bird-card img{aspect-ratio:1;object-fit:contain;background:#eaf6ff;border-radius:8px;width:100%}.bird-card[aria-pressed=true]{background:#ffe9d2;border-color:#e86101;box-shadow:0 0 0 3px #e8610159}@media (width<=480px){.bird-grid{gap:6px}.bird-card{padding:6px 4px;font-size:.7rem}}#loading-status{bottom:max(18px, env(safe-area-inset-bottom));color:#fff;pointer-events:none;background:#543847c7;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#loading-status.hidden{display:none}#loading-status.error{background:#b3261e}