:root{--phone-gray:#7a7a7a;--phone-gray-dark:#2c2c2c;--phone-gray-light:#d1d1d1;--metal-silver:#a8a8a8;--metal-shine:#fff;--metal-dark:#3a3a3a;--screen-green:#1e2e1e;--screen-text:#8fb18f;--keypad-black:#121212;--keypad-text:#e0e0e0;--display-bg:#0a0a0a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d0d0d;background-image:radial-gradient(circle,#1a1a1a 0%,#0d0d0d 100%);justify-content:center;align-items:center;min-height:100vh;padding:10px;font-family:Courier New,Courier,monospace;display:flex}.phone-casing{border-top:2px solid var(--metal-shine);border-left:2px solid var(--metal-shine);background:linear-gradient(135deg,#8e8e8e 0%,#cecece 20%,#7a7a7a 40%,#9e9e9e 60%,#666 80%,#9a9a9a 100%) 0 0/400% 400%;border-bottom:5px solid #222;border-right:3px solid #444;border-radius:12px;flex-direction:column;gap:30px;width:100%;max-width:440px;padding:45px 30px;display:flex;position:relative;overflow:hidden;box-shadow:20px 40px 80px #000c,0 10px 20px #0006,inset -2px -2px 10px #00000080,inset 2px 2px 10px #ffffff4d}.phone-casing:after{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noise'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3%3C/svg%3E");position:absolute;inset:0}.phone-header{z-index:1;background:linear-gradient(#444,#222);border:1px solid #666;border-bottom:2px solid #111;border-radius:4px;justify-content:space-between;align-items:center;padding:15px;display:flex;box-shadow:0 4px 8px #0006}.brand{color:#999;letter-spacing:4px;text-shadow:1px 1px #000;font-size:.65rem;font-weight:700}.coin-return{background:linear-gradient(135deg,#111,#333);border:2px solid #555;border-radius:3px;width:55px;height:45px;position:relative;box-shadow:inset 0 8px 15px #000}.coin-return:after{content:"";background:#000;border-radius:1px;width:35px;height:5px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 1px #444}.coin-slot-unit{z-index:2;position:absolute;top:140px;right:-5px}.slot{background:#000;border:2px solid #333;border-color:#777 #333 #333 #777;border-radius:2px;width:12px;height:70px;box-shadow:5px 5px 15px #0009}.display-area{background:var(--screen-green);z-index:1;border:12px solid #0000;border-image:linear-gradient(to bottom right,#555,#111,#444) 1;border-radius:2px;outline:1px solid #000;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000,0 4px 10px #00000080}.display-area:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.ascii-art{color:var(--screen-text);text-shadow:0 0 10px #8fb18f99;filter:blur(.3px);font-size:14px;line-height:1.1}.story-panel{color:var(--screen-text);z-index:10;text-align:center;background:#000000f2;border:1px solid #3d5a3d;border-radius:2px;margin-top:10px;padding:20px}.story-panel.hidden{display:none}.bird-avatar{filter:grayscale()sepia(20%)brightness(.8)contrast(1.2);background-size:cover;border:1px solid #3d5a3d;width:75px;height:75px;margin:0 auto 12px;box-shadow:0 0 15px #00000080}.keypad-container{z-index:1;background:linear-gradient(#2a2a2a,#111);border:1px solid #444;border-bottom:3px solid #000;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px;display:grid;box-shadow:inset 0 10px 30px #000c,0 4px 10px #0000004d}.phone-button{cursor:pointer;background:linear-gradient(135deg,#222,#050505);border:1px solid #444;border-top-color:#666;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:75px;padding:8px;transition:all 50ms;display:flex;box-shadow:0 6px #000,0 8px 15px #0009}.phone-button:active{background:#000;transform:translateY(4px);box-shadow:0 2px #000,0 4px 8px #0006}.btn-num{color:#fff;text-shadow:-1px -1px 1px #000,1px 1px 1px #ffffff1a;font-size:1.6rem;font-weight:900;line-height:1}.btn-label{color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:.5rem;font-weight:800}#close-story{color:#8fb18f;text-transform:uppercase;cursor:pointer;background:linear-gradient(#333,#111);border:1px solid #3d5a3d;margin-top:15px;padding:10px 20px;font-family:inherit;font-size:.7rem;font-weight:700;box-shadow:0 4px #000}#close-story:active{transform:translateY(2px);box-shadow:0 2px #000}.audio-controls{width:100%;margin-top:15px}.playback-bar{background:#000;border:1px solid #222;height:4px;margin-bottom:8px}.progress-fill{background:#8fb18f;width:0%;height:100%;box-shadow:0 0 10px #8fb18f}#time-display{color:#8fb18f;font-family:monospace;font-size:.7rem}.spinning .pigeon-box{animation:.6s ease-in-out infinite alternate bob}.pigeon-box.knocked{animation:.8s ease-out squish!important}.pigeon-box.return-squish{animation:.6s ease-out squish-push!important}@keyframes squish-push{0%{transform:scaleY(1)}30%{transform:scaleY(.7)translateY(5px)}to{transform:scaleY(1)translateY(0)}}@keyframes squish{0%{transform:translateY(0)scaleY(1)}20%{transform:translateY(20px)scaleY(.6)}40%{transform:translateY(15px)scaleY(.8)rotate(5deg)}to{transform:translateY(0)scaleY(1)rotate(0)}}.falling-coin{color:var(--screen-text);z-index:5;font-size:20px;font-weight:700;animation:.6s cubic-bezier(.55,.055,.675,.19) forwards fall;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.return-coin{color:var(--screen-text);z-index:5;font-size:18px;font-weight:700;animation:.5s ease-in forwards fall-return;position:absolute;top:60%;left:50%;transform:translate(-50%)}@keyframes fall-return{0%{opacity:1;top:60%}to{opacity:0;top:90%}}@keyframes fall{0%{opacity:1;top:-20px}70%{opacity:1;top:40%}to{opacity:0;top:60%}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (width<=400px){.phone-casing{padding:30px 15px}.display-area{min-height:200px}.phone-button{height:65px}}
/*# sourceMappingURL=avian-influencer.c7bfcdb5.css.map */