@font-face{font-display:swap;font-family:Bobby Jones;font-style:normal;font-weight:400;src:url(/static/media/bobby-jones-regular.fc9f4529579fd553bf72.otf) format("opentype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background{align-items:center;background-color:#fdf6da;box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:8px 16px 0;width:100%}.header-row,.playing-row,.subtitle-row{flex-shrink:0}.header-row{align-items:center;display:flex;gap:clamp(18px,5vw,36px);justify-content:center;min-width:0;width:100%}.title-group{min-width:0;transform:translateY(8px)}.title-1,.title-2{line-height:1.05;margin:0}.title-1{color:#4f3a2f}.title-1,.title-2{font-family:Bobby Jones,serif;font-size:40px}.title-2{color:#0a724b}.subtitle-row{gap:12px;margin-top:8px}.playing-row,.subtitle-row{align-items:center;display:flex;justify-content:center}.playing-row{margin-top:4px}.header-bird{flex-shrink:0;height:100px;width:100px}.star{flex-shrink:0;height:clamp(24px,4vw,34px);width:clamp(24px,4vw,34px)}.description{color:#4f3a2f;font-family:Bobby Jones,serif;font-size:18px;margin:0;min-width:0;white-space:nowrap}.playing-indicator{align-items:center;background-color:#f8f7f5;border:2.5px solid #0a724b;border-radius:10px;box-sizing:border-box;display:flex;height:40px;justify-content:space-between;padding:0 10px;width:275px}.volume-icon{color:#0a724b;flex-shrink:0;height:29px;width:29px}.playing-text{color:#0a724b;flex:1 1;font-size:15px;margin:0;text-align:center}.playing-text,.reset-button{font-family:Bobby Jones,serif}.reset-button{background-color:#0a724b;border:none;border-radius:10px;color:#f8f7f5;cursor:pointer;font-size:13px;height:28px;width:64px}.bird-container{--grid-gap:clamp(6px,1.2vh,12px);--grid-pad:clamp(8px,1.5vh,16px);--credits-height:24px;background-color:#c2e0ba;border-radius:10px 10px 0 0;box-sizing:border-box;container-type:size;display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,1.1vh,10px);justify-content:flex-start;margin-inline:calc(50% - 50vw);margin-top:12px;max-width:100vw;min-height:0;padding:var(--grid-pad);width:100vw}.bird-grid{grid-gap:var(--grid-gap);display:grid;flex:1 1;gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);min-height:0}@media (min-width:500px){.bird-container{margin-inline:0;max-width:372px;width:100%}}.credits-block{align-items:center;color:#4f3a2f;display:flex;flex-direction:column;flex-shrink:0;font-family:Bobby Jones,serif;gap:4px;justify-content:center;min-height:var(--credits-height);text-align:center}.conceived-by,.video-credits{color:#4f3a2f;font-family:Bobby Jones,serif;font-size:9px;line-height:1.1;margin:0}.bird-card{align-self:center;aspect-ratio:1;background-color:#f8f7f5;border:none;border-radius:10px;box-shadow:0 4px 10px 2px #00000040;box-sizing:border-box;cursor:pointer;display:grid;font:inherit;grid-template-rows:58fr 42fr;justify-self:center;overflow:hidden;padding:0;position:relative;text-align:inherit;width:min(calc(100cqw/2 - var(--grid-gap)/2 - var(--grid-pad)*2/2),calc((100cqh - 2*var(--grid-gap) - 2*var(--grid-pad) - var(--credits-height))/3))}.bird-card.playing{animation:playing-wiggle 1.3s ease-in-out infinite;box-shadow:0 4px 10px 2px #00000040,0 0 0 2.5px #0a724b}@keyframes playing-wiggle{0%,to{transform:rotate(0deg) translateY(0)}20%{transform:rotate(-1.2deg) translateY(-1px)}40%{transform:rotate(1deg) translateY(0)}60%{transform:rotate(-.7deg) translateY(1px)}80%{transform:rotate(.8deg) translateY(0)}}.bird-common-yellowthroat,.bird-indigo-bunting,.bird-northern-cardinal,.bird-northern-mockingbird,.bird-red-winged-blackbird,.bird-song-sparrow{--video-position:50% 50%}.bird-media{min-height:0;overflow:hidden;position:relative}.bird-poster,.bird-video{display:block;height:100%;min-height:0;object-fit:cover;object-position:var(--video-position);transform:translateX(-1px);width:calc(100% + 2px)}.bird-poster{position:relative;z-index:2}.bird-video{inset:0;opacity:0;position:absolute;transition:opacity 80ms linear;z-index:1}.bird-card.video-ready .bird-video{opacity:1;z-index:3}.bird-text{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:0;overflow:hidden;padding:0 6px;position:relative;z-index:3}.bird-description,.bird-name{line-height:1.1;margin:0;text-align:center}.bird-name{color:#0a724b;font-size:13px}.bird-description,.bird-name{font-family:Bobby Jones,serif}.bird-description{color:#4f3a2f;font-size:9px}@media (max-width:499px){.background{padding-inline:clamp(8px,3.9vw,16px)}.header-row{gap:clamp(12px,4vw,18px)}.title-group{transform:translateY(clamp(6px,2.5vw,10px))}.title-1,.title-2{font-size:clamp(28px,9.85vw,40px);white-space:nowrap}.header-bird{height:clamp(68px,24.6vw,100px);width:clamp(68px,24.6vw,100px)}.subtitle-row{gap:clamp(6px,2vw,10px);margin-top:clamp(6px,4vw,10px)}.playing-indicator{width:275px}.star{height:clamp(20px,6.5vw,26px);width:clamp(20px,6.5vw,26px)}.playing-row{margin-top:clamp(2px,4vw,6px)}.description{font-size:clamp(12px,3.95vw,18px)}.bird-container{--credits-height:24px;margin-top:clamp(10px,4.5vw,14px)}.bird-name{font-size:clamp(10px,4.2vw,14px)}.bird-description{font-size:clamp(7px,2.7vw,9px)}}@media (prefers-reduced-motion:reduce){.bird-card.playing{animation:none}}
/*# sourceMappingURL=main.3135ec66.css.map*/