html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-image:url(./forest-_Pw2b_S0.png);opacity:.98;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden}body{padding:0}h1{color:#000;font-family:Lato,sans-serif;margin-top:50px;font-size:5rem;font-weight:700;text-shadow:2px 2px 4px #fcfafa;-webkit-text-stroke:2px #e9dbdb}button{font-family:Lato,sans-serif;width:170px;height:80px;transform:scale(1.05);border-radius:40px;margin:2px}.button:hover{transform:scale(1.05)}.id-button:hover{background-color:#4f7f51;transform:scale(1.1)}h2,h3,h4{color:#000;font-family:Lato,sans-serif;font-size:2rem;font-weight:700}p{color:#000;background-color:#cca37f80;border-radius:10px;font-family:Lato,sans-serif;font-size:1rem;font-weight:700;text-align:center}.game-heading{color:#594839;font-size:45px;line-height:1.1;padding:0 250px;text-align:center;margin-top:2rem}#gallery-link button{font-size:15px;height:50px;width:300px;color:#fff;background-color:#4c7840e7;padding:6px 20px;margin:auto;text-underline-offset:unset;border-style:solid;border-radius:4cap;border-color:#e3e2e2;font-style:oblique;text-decoration:none;transition:transform .3s ease,background-color .3s ease;display:none}#gallery-link button:hover{background-color:#4f7f51;transform:scale(1.1)}.message-box{position:fixed;top:20px;left:50%;z-index:1000;padding:15px 25px;color:var(--color-on-primary);background:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-body);font-weight:700;opacity:1;transform:translate(-50%);transition:opacity .5s ease,top .5s ease}.message-box.success{background:#2e7d32}.message-box.warning{background:#b45309}.message-box.error{background:#c62828}.message-box--leaving{top:0;opacity:0}.click-counter{position:absolute;top:10px;left:10px;padding:10px;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:700;transition:transform .3s ease,opacity .3s ease}.click-counter--updating{opacity:.8;transform:scale(1.2)}#gallery-link .gallery-win-button{display:block;position:fixed;top:50%;left:50%;z-index:501;opacity:0;transform:translate(-50%,-50%) scale(0);transition:transform 1s ease,opacity 1s ease}#gallery-link .gallery-win-button--visible{opacity:1;transform:translate(-50%,-50%) scale(1.5)}main{margin-top:20px;text-align:center}.bird-section{position:absolute;margin-bottom:10px;text-align:center;transition:left .5s,top .5s}.hidden{display:none;opacity:0!important;transition:opacity .5s ease-in-out}.visible{opacity:1}.bird-section img{width:100px;height:100px;border:none;border-radius:10px;transition:opacity .5s ease-in-out,transform .2s ease-in-out}.bird-section img:hover{transform:scale(1.5)}#collected-birds{display:none}.collected-birds-section{background-color:#eef2f3;padding:20px;margin-top:20px;border:2px solid #ccc;border-radius:10px;text-align:center}.collected-birds-section h2{margin-bottom:20px;margin-top:2px;font-size:40px;color:#fff;-webkit-text-stroke:2px #000000}.bird-container{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.collected-bird{width:130px;height:130px;border:2px solid #e9dbdb;border-radius:10px;transition:transform .3s ease}.collected-bird:hover{transform:scale(1.1)}.collected-birds-section{background-color:#d1af87;width:900px;text-align:center;margin:20px auto}#startButton{display:block;margin:20px auto;padding:10px 20px;font-size:20px;font-style:inherit;cursor:pointer;background-color:#fff}#startButton:hover{background-color:#ffffffb9;transform:scale(1.12);transition:background-color .3s ease,font-size .3s ease,transform .3s ease}#subheading{transition:all .5s ease;text-align:center}#subheading.shrink{font-size:50px;position:relative;top:100px;left:20px}#game-instructions{transition:all .5s ease}#game-instructions.shrink{font-size:14px;position:absolute;top:40px;left:10px;text-align:center}#canvas{position:relative;width:100%;height:500px;border:none}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;opacity:.85}#galleryButton button{display:block;margin:20px auto;padding:10px 20px;font-size:20px;cursor:pointer;background-color:#fff}#galleryButton button a{text-decoration:none;color:#000}#galleryButton:hover button a{background-color:#ffffffb9;transition:background-color .3s ease,font-size .3s ease}.flip-in{animation:flipIn .5s forwards}.flip-out{animation:flipOut .5s forwards}.bird-container{position:relative;width:100px;height:100px}.bird-icon,.bird-img{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease,transform .5s ease}.bird-icon.hidden,.bird-img.hidden{opacity:0;transform:rotateY(90deg)}.bird-img.visible{opacity:1;transform:rotateY(0)}#collectedBirdsContainer{display:flex;position:relative;flex-wrap:nowrap;overflow-x:auto;overflow-y:auto;flex-grow:calc(100% - 20px);padding:5px;margin:10px auto;width:30%;height:60px;border:2px solid #ccc;border-radius:10px;background-color:#eef2f3;left:0}#collectedBirdsContainer img{width:50px;height:50px;margin-right:5px;border:2px solid #e9dbdb;border-radius:10px;transition:transform .3s ease}#collectedBirdsContainer img:hover{transform:scale(1.1)}.highlight-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;pointer-events:none}.highlight-box{position:absolute;background:#ff00;opacity:.5;border-radius:10px;box-shadow:#fff 0 0 10px;pointer-events:none}.highlight-overlay--active{pointer-events:auto}.tooltip{position:absolute;background-color:#000000b3;opacity:.8;padding:10px;border-radius:5px;box-shadow:0 0 10px #ffffff4d;max-width:200px;z-index:1000}
