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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#f6fff7;color:#234d20;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden;width:100%}.header{background:#a8e063;box-shadow:0 2px 8px #0000000a;justify-content:space-between;min-height:60px;padding:.5rem 1.5rem;position:relative;width:100%}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:1rem;z-index:2}.logo{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:35px;object-fit:contain;padding:8px;width:auto}.site-title{color:#234d20;font-family:Fredoka One,cursive;font-size:1.8rem;letter-spacing:.5px;margin:0;text-shadow:1px 1px 2px #0000001a}.menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:2}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#234d20;height:2px;transition:all .3s ease-in-out;width:24px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{transform:translateY(-8px)}.hamburger:after{transform:translateY(8px)}.hamburger.open{background:#0000}.hamburger.open:before{transform:rotate(45deg)}.hamburger.open:after{transform:rotate(-45deg)}nav{align-items:center;display:flex}.nav-list{display:flex;gap:.5rem}.nav-list,.nav-list li{list-style:none;margin:0;padding:0}.nav-list li{border-radius:4px;transition:background .2s}.nav-list li:hover{background:#234d20}.nav-list li a{color:#234d20;display:block;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:color .2s}.nav-list li:hover a{color:#fff}.language-selector-nav{border-right:2px solid #ffffff4d;margin-right:10px;padding-right:20px}.language-selector-nav:hover{background:#0000!important}main{margin:0 auto;padding:2rem 1rem}.page,main{overflow-x:hidden;width:100%}.page{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000008;margin-bottom:2rem;padding:2rem}.games-section{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.games-section .page{background:#0000;box-shadow:none;padding:0}.sub-nav{background:#f0f7e9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:.75rem}.sub-nav-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.sub-nav-list,.sub-nav-list li{margin:0;padding:0}.sub-nav-list li a{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#234d20;display:block;font-size:.95rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.sub-nav-list li a:hover{background:#234d20;box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.quiz-container{animation:fadeIn .5s ease-out;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:0 auto;max-width:800px;padding:2rem}.quiz-progress{color:#666;font-size:.9rem;margin-bottom:2rem;text-align:center}.progress-container{background:#e8f5e9;border-radius:30px;box-shadow:inset 0 2px 4px #0000001a;height:60px;margin:1rem auto;max-width:400px;overflow:hidden;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#a8e063,#4caf50);border-radius:30px;transition:width .5s ease-in-out}.progress-bar,.progress-layers{height:100%;left:0;position:absolute;top:0}.progress-layers{display:flex;justify-content:space-between;padding:0 10px;pointer-events:none;width:100%}.progress-layer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:40px}.progress-layer:before{left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-layer.canopy:before{content:"🌱";font-size:1.5rem}.progress-layer.understory:before{content:"🌴";font-size:1.5rem}.progress-layer.forest-floor:before{content:"🌲";font-size:1.5rem}.progress-layer.roots:before{content:"🌳";font-size:1.5rem}.progress-layer.active:before{animation:pulse 1s infinite;opacity:1}.progress-text{bottom:-25px;font-size:.8rem;font-weight:500;left:0;position:absolute;text-align:center;width:100%}.quiz-question{animation:fadeIn .5s ease-out;text-align:center}.quiz-question h2{color:#234d20;font-size:1.5rem;margin-bottom:2rem}.quiz-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.quiz-button{background:#f0f7e9;border:2px solid #a8e063;border-radius:8px;color:#234d20;cursor:pointer;font-size:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.quiz-button:hover{background:#a8e063;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.quiz-button:active{transform:translateY(0)}.quiz-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.quiz-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.quiz-result{animation:fadeIn .5s ease-out;text-align:center}.quiz-result h2{color:#234d20;font-size:2rem;margin-bottom:1.5rem}.result-image{margin:2rem 0}.result-image img{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:300px}.quiz-result p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}@media (max-width:900px){.menu-toggle{display:block}.nav-menu{background:#a8e063;box-shadow:-2px 0 8px #0000001a;height:100vh;max-width:300px;padding:80px 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:80%;z-index:1}.nav-menu.open{right:0}.nav-list{flex-direction:column;gap:.5rem}.nav-list li{width:100%}.nav-list li a{font-size:1.1rem;padding:.75rem}.language-selector-nav{border-bottom:2px solid #ffffff4d;border-right:none;margin-bottom:15px;margin-right:0;padding-bottom:15px;padding-right:0}.sub-nav{padding:.5rem}.sub-nav-list{flex-direction:row;justify-content:center}.sub-nav-list li{flex:0 1 auto}.sub-nav-list li a{font-size:.9rem;padding:.5rem .75rem}.quiz-container{padding:1.5rem}.quiz-options{grid-template-columns:1fr}.quiz-button{padding:.75rem 1rem}.result-image img{max-width:250px}}@media (max-width:600px){.header{padding:.5rem 1rem}.site-title{font-size:1.5rem}.page,main{padding:1rem}.nav-menu{max-width:none;width:100%}.sub-nav-list{flex-direction:column}.sub-nav-list li{width:100%}.sub-nav-list li a{font-size:1rem;padding:.75rem;text-align:center}.quiz-container{padding:1rem}.quiz-question h2{font-size:1.3rem}.quiz-result h2{font-size:1.5rem}.result-image img{max-width:200px}}.image-placeholder{border:2px dashed #a8e063}.welcome-page{align-items:center;background:linear-gradient(135deg,#f6fff7,#e8f5e9);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:2rem;footer{font-size:.8rem;font-style:italic}}.welcome-content{animation:fadeIn .5s ease-out;max-width:800px;text-align:center}.welcome-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;margin-bottom:2rem;max-width:400px;width:100%}.welcome-content h1{color:#234d20;font-family:Fredoka One,cursive;font-size:2.5rem;margin-bottom:1rem}.welcome-content p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}@media (max-width:900px){.welcome-logo{max-width:300px}.welcome-content h1{font-size:2rem}.welcome-content p{font-size:1.1rem}}@media (max-width:600px){.welcome-page{padding:1rem}.welcome-logo{max-width:250px}.welcome-content h1{font-size:1.8rem}.welcome-content p{font-size:1rem}}.logo-link{align-items:center;color:inherit;display:flex;gap:1rem}.logo-link,.logo-link:hover{text-decoration:none}.eco-news-container{margin:0 auto;max-width:1200px;padding:2rem}.eco-news-container h2{color:#234d20;font-family:Fredoka One,cursive;font-size:2rem;margin-bottom:2rem;text-align:center}.news-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.news-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.news-card:hover{transform:translateY(-5px)}.news-image{height:200px;overflow:hidden;width:100%}.news-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.news-card:hover .news-image img{transform:scale(1.05)}.news-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.news-content h3{color:#234d20;font-size:1.2rem;line-height:1.4;margin-bottom:.5rem}.news-date{color:#666;font-size:.9rem;margin-bottom:1rem}.news-description{color:#444;flex-grow:1;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.read-more{background:#a8e063;border-radius:25px;color:#234d20;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.read-more:hover{background:#234d20;color:#fff;transform:translateY(-2px)}.loading-spinner{padding:3rem}.loading-spinner span{animation:bounce 1s infinite;display:block;font-size:3rem;margin-bottom:1rem}.error-message{color:#d32f2f;padding:3rem}.error-message span{display:block;font-size:3rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:900px){.eco-news-container{padding:1rem}.news-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.news-image{height:180px}}@media (max-width:600px){.eco-news-container h2{font-size:1.5rem}.news-grid{grid-template-columns:1fr}.news-image{height:160px}.news-content{padding:1rem}.news-content h3{font-size:1.1rem}}.events-container{margin:0 auto;max-width:1200px;padding:2rem}.events-container h1{color:#2c3e50;font-family:Fredoka One,cursive;margin-bottom:2rem;text-align:center}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.event-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:0;transition:transform .3s ease}.event-card:hover{transform:translateY(-5px)}.event-image{height:200px;overflow:hidden;width:100%}.event-image img{height:100%;object-fit:cover;object-position:center 70%;transition:transform .3s ease;width:100%}.event-card:hover .event-image img{transform:scale(1.05)}.event-card h2{color:#27ae60;font-size:1.5rem;margin:1.5rem 1.5rem 1rem}.event-details{color:#34495e;padding:0 1.5rem 1.5rem}.event-details p{margin:.5rem 0}.event-description{line-height:1.6;margin-top:1rem}@media (max-width:768px){.events-container{padding:1rem}.events-grid{grid-template-columns:1fr}}.word-search-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:0 auto;max-width:800px;padding:2rem}.word-search-container h2{color:#234d20;margin-bottom:1rem;text-align:center}.word-search-container p{color:#666;margin-bottom:2rem;text-align:center}.loading-spinner{padding:3rem 0;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#a8e063;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#666;font-size:1rem;margin:0}.progress-info{margin-bottom:1.5rem;position:relative;text-align:center;z-index:1}.progress-text{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;position:static}.progress-bar-container{background:#e0e0e0;border-radius:4px;height:8px;margin:0 auto;max-width:300px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#a8e063,#234d20);border-radius:4px;height:100%;transition:width .5s ease}.timer-display{color:#234d20;font-size:1rem;font-weight:600;margin-top:.75rem}.hint-count-display{color:#666;font-size:.9rem;font-weight:500;margin-top:.5rem}.completion-celebration{animation:celebrate .6s ease-out;background:linear-gradient(135deg,#a8e063,#92d547);border-radius:8px;box-shadow:0 4px 12px #a8e0634d;color:#234d20;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding:1rem 2rem;text-align:center}@keyframes celebrate{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.word-list{background:#f0f7e9;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.word{background:#fff;border:2px solid #a8e063;border-radius:4px;color:#234d20;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.word.found{background:#a8e063;opacity:.7}.word.found,.word.not-found{color:#fff;text-decoration:line-through}.word.not-found{background:#dc3545;opacity:.8}.grid-container-wrapper{display:inline-block;position:relative}.start-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffffff2;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.start-overlay-content{background:#fff;border:2px solid #a8e063;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:2rem;text-align:center}.start-overlay-content h3{color:#234d20;font-family:Fredoka One,cursive;font-size:1.8rem;margin:0 0 1rem}.start-overlay-content p{color:#666;font-size:1.1rem;margin:0 0 1.5rem}.start-game-btn{background:linear-gradient(135deg,#a8e063,#92d547);border:none;border-radius:8px;box-shadow:0 4px 12px #a8e0634d;color:#234d20;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.start-game-btn:hover{background:linear-gradient(135deg,#92d547,#7cb83a);box-shadow:0 6px 16px #a8e06366;transform:translateY(-2px)}.start-game-btn:active{box-shadow:0 2px 8px #a8e0634d;transform:translateY(0)}.grid-container{align-items:center;background:#e0e0e0;border-radius:4px;flex-direction:column;padding:2px;-webkit-user-select:none;user-select:none}.grid-container,.grid-row{display:flex;gap:2px}.grid-cell{align-items:center;background:#fff;border-radius:2px;color:#234d20;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.grid-cell:hover{background:#f0f7e9;transform:scale(1.05)}.grid-cell.selected{background:#a8e063;box-shadow:0 2px 4px #a8e06366;color:#fff;transform:scale(1.05)}.grid-cell.found-word-1{background:#234d20;box-shadow:0 2px 4px #234d204d;color:#fff}.grid-cell.found-word-2{background:#2d5a2a;box-shadow:0 2px 4px #2d5a2a4d;color:#fff}.grid-cell.found-word-3{background:#556b2f;box-shadow:0 2px 4px #556b2f4d;color:#fff}.grid-cell.found-word-4{background:#708090;box-shadow:0 2px 4px #7080904d;color:#fff}.grid-cell.found-word-5{background:#2e8b57;box-shadow:0 2px 4px #2e8b574d;color:#fff}.grid-cell.found-word-6{background:#1e3a2e;box-shadow:0 2px 4px #1e3a2e4d;color:#fff}.grid-cell.found-word-7{background:#87a96b;box-shadow:0 2px 4px #87a96b4d;color:#fff}.grid-cell.found-word-8{background:#36454f;box-shadow:0 2px 4px #36454f4d;color:#fff}.grid-cell.found-word-9{background:#4682b4;box-shadow:0 2px 4px #4682b44d;color:#fff}.grid-cell.found-word-10{background:#568b2f;box-shadow:0 2px 4px #568b2f4d;color:#fff}.grid-cell.found-word-11{background:#20b2aa;box-shadow:0 2px 4px #20b2aa4d;color:#fff}.grid-cell.found-word-12{background:#696969;box-shadow:0 2px 4px #6969694d;color:#fff}.grid-cell.found-word-13{background:#789;box-shadow:0 2px 4px #7788994d;color:#fff}.grid-cell.found-word-14{background:#9caf88;box-shadow:0 2px 4px #9caf884d;color:#fff}.grid-cell.found-word-15{background:#1c5f2c;box-shadow:0 2px 4px #1c5f2c4d;color:#fff}.grid-cell[class*=found-word-]:hover{filter:brightness(.9);transform:scale(1.02)}.grid-cell[class*=found-word-].selected{background:#a8e063!important;color:#fff;transform:scale(1.05)}.grid-cell.hinting{animation:hintFlash 5.5s ease-out forwards}@keyframes hintFlash{0%{background:#a8e063;box-shadow:0 0 0 3px #a8e063cc,0 0 15px #a8e06366;color:#fff;transform:scale(1.1)}10%{background:#a8e063;box-shadow:0 0 0 2px #a8e06399,0 0 10px #a8e0634d;color:#fff;transform:scale(1.05)}to{box-shadow:none;transform:scale(1)}}.grid-cell.hinting:not([class*=found-word-]){animation:hintFlashToWhite 5.5s ease-out forwards}@keyframes hintFlashToWhite{0%{background:#a8e063;box-shadow:0 0 0 3px #a8e063cc,0 0 15px #a8e06366;color:#fff;transform:scale(1.1)}10%{background:#a8e063;box-shadow:0 0 0 2px #a8e06399,0 0 10px #a8e0634d;color:#fff;transform:scale(1.05)}to{background:#fff;box-shadow:none;color:#234d20;transform:scale(1)}}.grid-cell.first-click{animation:pulse-first-click 1.5s infinite;background:#a8e063;box-shadow:0 0 0 3px #a8e063b3,0 0 10px #a8e0634d;color:#fff}@keyframes pulse-first-click{0%{box-shadow:0 0 0 3px #a8e063b3,0 0 10px #a8e0634d;transform:scale(1)}50%{box-shadow:0 0 0 5px #a8e06380,0 0 15px #a8e06333;transform:scale(1.05)}to{box-shadow:0 0 0 3px #a8e063b3,0 0 10px #a8e0634d;transform:scale(1)}}@media (max-width:768px){.word-search-container{padding:1rem}.grid-cell{font-size:1rem;height:30px;width:30px}.word{font-size:.9rem;padding:.4rem .8rem}.start-overlay-content{margin:1rem;padding:1.5rem}.start-overlay-content h3{font-size:1.5rem}.start-overlay-content p{font-size:1rem}.start-game-btn{font-size:1.1rem;padding:.8rem 1.5rem}.timer-display{font-size:.9rem}.hint-count-display{font-size:.8rem}.reveal-solution-btn,.show-hint-btn{font-size:.9rem;padding:.6rem 1.2rem}.reveal-solution-container{gap:.75rem}}@media (max-width:480px){.grid-cell{font-size:.9rem;height:25px;width:25px}.word{font-size:.8rem;padding:.3rem .6rem}.start-overlay-content{margin:.5rem;padding:1rem}.start-overlay-content h3{font-size:1.3rem}.start-game-btn{font-size:1rem;padding:.7rem 1.2rem}.timer-display{font-size:.85rem}.hint-count-display{font-size:.75rem}.reveal-solution-btn,.show-hint-btn{font-size:.85rem;padding:.5rem 1rem}.reveal-solution-container{align-items:center;flex-direction:column;gap:.5rem}.reveal-solution-btn,.show-hint-btn{max-width:200px;width:100%}}.second-click-hint{animation:fadeIn .3s ease-out;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.reveal-solution-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0;text-align:center}.show-hint-btn{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.show-hint-btn:hover{background:linear-gradient(135deg,#e0a800,#c69500);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.reveal-solution-btn{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.reveal-solution-btn:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.bird-calls-game{background:linear-gradient(135deg,#f6fff7,#e8f5e9);border-radius:20px;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;min-height:70vh;padding:20px}.game-header{background:linear-gradient(135deg,#a8e063,#56ab2f);box-shadow:0 5px 15px #a8e0634d}.difficulty-btn{border:3px solid #a8e063}.difficulty-btn:hover{background:linear-gradient(135deg,#a8e063,#56ab2f);box-shadow:0 8px 25px #a8e06366}.difficulty-btn.hatchling:hover{background:linear-gradient(135deg,#ffeb3b,#ffc107);border-color:#ffc107}.difficulty-btn.fledgling:hover{background:linear-gradient(135deg,#a8e063,#56ab2f);border-color:#56ab2f}.difficulty-btn.mature:hover{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#1976d2}.progress-fill{background:linear-gradient(90deg,#a8e063,#56ab2f)}.audio-section{background:linear-gradient(135deg,#fff,#f0f9f0);border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:30px 0;padding:30px;text-align:center}.audio-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.play-button{align-items:center;background:linear-gradient(135deg,#a8e063,#56ab2f);border:none;border-radius:50px;box-shadow:0 5px 15px #a8e0634d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.3em;font-weight:700;gap:10px;padding:15px 30px;transition:all .3s ease}.play-button:hover:not(:disabled){box-shadow:0 8px 25px #a8e06366;transform:translateY(-2px)}.play-button.playing{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00)}.play-button:disabled{cursor:not-allowed;opacity:.7}.reset-audio-btn{align-items:center;background:#f44336;border:none;border-radius:50%;box-shadow:0 2px 5px #f443364d;color:#fff;cursor:pointer;display:flex;font-size:1.1em;height:40px;justify-content:center;transition:all .3s ease;width:40px}.reset-audio-btn:hover{box-shadow:0 3px 8px #f4433666;transform:scale(1.1)}.option-btn{border:2px solid #a8e063}.option-btn:hover:not(:disabled){background:linear-gradient(135deg,#a8e063,#56ab2f);box-shadow:0 5px 15px #a8e06366}.bird-input{background:#fff;border:2px solid #a8e063;border-radius:10px;box-shadow:0 3px 10px #0000001a;font-size:1.1em;padding:15px;transition:all .3s ease;width:100%}.bird-input:focus{border-color:#56ab2f;box-shadow:0 5px 15px #a8e0634d;outline:none}.autocomplete-dropdown{border:2px solid #a8e063}.submit-btn{background:linear-gradient(135deg,#a8e063,#56ab2f);box-shadow:0 3px 10px #a8e0634d}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #a8e06366}.bird-info-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:10px;box-shadow:0 3px 10px #2196f34d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px 25px;transition:all .3s ease}.bird-info-btn:hover{box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}.continue-btn{background:linear-gradient(135deg,#a8e063,#56ab2f);box-shadow:0 3px 10px #a8e0634d}.continue-btn:hover{box-shadow:0 5px 15px #a8e06366}.final-score{box-shadow:0 5px 15px #a8e0634d}.final-score,.play-again-btn,.review-birds-btn{background:linear-gradient(135deg,#a8e063,#56ab2f)}.play-again-btn,.review-birds-btn{border:none;border-radius:10px;box-shadow:0 3px 10px #a8e0634d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:15px 25px;transition:all .3s ease}.play-again-btn:hover,.review-birds-btn:hover{box-shadow:0 5px 15px #a8e06366;transform:translateY(-2px)}.review-birds-btn{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 3px 10px #2196f34d}.review-birds-btn:hover{box-shadow:0 5px 15px #2196f366}.bird-info{background:linear-gradient(135deg,#fff,#f0f9f0);border-radius:15px;box-shadow:0 5px 15px #0000001a;max-height:70vh;overflow-y:auto;padding:25px}.bird-info-header{align-items:center;border-bottom:2px solid #a8e063;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.bird-info-header h3{color:#234d20;font-size:1.8em;margin:0}.bird-details{grid-gap:15px;display:grid;gap:15px;margin-bottom:25px}.bird-detail{background:#fffc;border-left:4px solid #a8e063;border-radius:8px;box-shadow:0 2px 5px #0000001a;line-height:1.5;padding:12px}.bird-detail strong{color:#234d20;display:inline-block;margin-right:8px;min-width:120px}.bird-audio-replay{background:#a8e0631a;border-radius:10px;padding:20px;text-align:center}@media (max-width:768px){.bird-calls-game{margin:10px;padding:15px}.game-header h2{font-size:1.8em}.difficulty-buttons{max-width:100%}.difficulty-btn{font-size:1.1em;padding:15px}.options-grid{gap:10px;grid-template-columns:1fr}.final-buttons{align-items:center;flex-direction:column}.play-again-btn,.review-birds-btn{max-width:250px;width:100%}.bird-detail strong{display:block;margin-bottom:5px;min-width:auto}.bird-info{max-height:60vh;padding:20px}.score-percentage{font-size:2.2em}.answer-buttons{align-items:center;flex-direction:column}.bird-info-btn,.continue-btn{max-width:250px;width:100%}}@media (max-width:480px){.game-header{padding:15px}.game-header h2{font-size:1.5em}.game-header p{font-size:1em}.difficulty-btn{font-size:1em;padding:12px}.play-button{font-size:1.1em;padding:12px 20px}.bird-input{font-size:1em;padding:12px}.bird-info-header h3{font-size:1.4em}}.tree-identification-game{background:linear-gradient(135deg,#f6fff7,#e8f5e9);border-radius:20px;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;min-height:70vh;padding:20px}.game-header{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:15px;box-shadow:0 5px 15px #4caf504d;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.game-header h2{font-size:2.2em;margin:0 0 10px;text-shadow:0 2px 4px #0003}.game-header p{font-size:1.1em;margin:0;opacity:.9}.game-menu{padding:20px;text-align:center}.game-menu h3{color:#234d20;font-size:1.8em;margin-bottom:30px}.difficulty-buttons{flex-direction:column;gap:20px;margin:0 auto;max-width:400px}.difficulty-btn{background:linear-gradient(135deg,#fff,#f0f9f0);border:3px solid #4caf50;border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#234d20;font-size:1.3em;font-weight:700;gap:8px;padding:20px}.difficulty-btn:hover{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 8px 25px #4caf5066;color:#fff;transform:translateY(-3px)}.difficulty-btn.seed:hover{background:linear-gradient(135deg,#8bc34a,#689f38);border-color:#689f38}.difficulty-btn.sapling:hover{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#2e7d32}.difficulty-btn.tree:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-color:#1b5e20}.difficulty-desc{font-size:.9em;font-weight:400;opacity:.8}.menu-divider{margin:30px 0;position:relative;text-align:center}.menu-divider:before{background:linear-gradient(90deg,#0000,#4caf50 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.menu-divider span{background:linear-gradient(135deg,#f6fff7,#e8f5e9);color:#666;font-size:1em;font-weight:500;padding:0 20px;position:relative;z-index:1}.menu-review-section{display:flex;justify-content:center;margin:0 auto;max-width:400px}.menu-review-btn{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #2196f3;border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#0d47a1;cursor:pointer;display:flex;flex-direction:column;font-size:1.3em;font-weight:700;gap:8px;padding:20px;transition:all .3s ease;width:100%}.menu-review-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#1976d2;box-shadow:0 8px 25px #2196f366;color:#fff;transform:translateY(-3px)}.game-progress{margin-bottom:30px;text-align:center}.progress-bar{background:#ffffff4d;border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;height:10px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:5px;height:100%;transition:width .3s ease}.progress-text{color:#234d20;font-size:1.1em;font-weight:700}.image-section{background:linear-gradient(135deg,#fff,#f0f9f0);border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:30px 0;padding:30px;text-align:center}.tree-image-container{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.tree-image-container:before{color:#666;content:"👈 Swipe photos 👉";font-size:.8rem;left:50%;opacity:.7;pointer-events:none;position:absolute;top:-25px;transform:translateX(-50%);z-index:1}@media (min-width:768px){.tree-image-container:before{display:none}}.image-placeholder{align-items:center;background:#f0f7e9;border:2px dashed #4caf50;border-radius:8px;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;padding:1rem;width:300px}.image-placeholder span{font-size:4rem;margin-bottom:1rem}.error-message{color:#666;font-size:.9rem;margin:0;text-align:center}.tree-image{border:2px solid #4caf50;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:300px;max-width:400px;object-fit:cover;opacity:1;touch-action:pan-y;transition:opacity .5s ease,transform .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.tree-image:active{transform:scale(.98)}.tree-image.fade-transition{opacity:.8}.image-controls{flex-wrap:wrap;gap:20px}.image-controls,.slideshow-dots{align-items:center;display:flex;justify-content:center}.slideshow-dots{gap:8px}.dot{background:#0000;border:2px solid #4caf50;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot:hover{background:#4caf504d;transform:scale(1.1)}.dot.active{background:#4caf50;box-shadow:0 0 8px #4caf5080}.image-nav-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:25px;box-shadow:0 3px 10px #4caf504d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;transition:all .3s ease}.image-nav-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.image-counter{background:#fffc;border:2px solid #4caf50;border-radius:20px;color:#234d20;font-size:1.1em;font-weight:700;padding:10px 20px}.answer-section{margin:30px 0}.answer-section h3{color:#234d20;font-size:1.5em;margin-bottom:20px;text-align:center}.multiple-choice{text-align:center}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.option-btn{background:linear-gradient(135deg,#fff,#f0f9f0);border:2px solid #4caf50;border-radius:10px;box-shadow:0 3px 10px #0000001a;color:#234d20;cursor:pointer;font-size:1.1em;font-weight:700;padding:15px 20px;transition:all .3s ease}.option-btn:hover:not(:disabled){background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 5px 15px #4caf5066;color:#fff;transform:translateY(-2px)}.option-btn:disabled{cursor:not-allowed}.option-btn.correct-answer{animation:correctPulse 1s ease-in-out;background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#2e7d32;color:#fff}.option-btn.incorrect-option{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#ccc;color:#666;opacity:.6}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.text-input-section{margin:0 auto;max-width:400px;text-align:center}.autocomplete-container{margin:20px 0;position:relative}.tree-input{background:#fff;border:2px solid #4caf50;border-radius:10px;box-shadow:0 3px 10px #0000001a;font-size:1.1em;padding:15px;transition:all .3s ease;width:100%}.tree-input:focus{border-color:#2e7d32;box-shadow:0 5px 15px #4caf504d;outline:none}.autocomplete-dropdown{background:#fff;border:2px solid #4caf50;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 5px 15px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 15px;transition:background .2s ease}.autocomplete-option:hover{background:#f0f9f0}.autocomplete-option:last-child{border-bottom:none}.submit-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;box-shadow:0 3px 10px #4caf504d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 30px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.answer-result{background:linear-gradient(135deg,#fff,#f0f9f0);border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:20px 0;padding:20px;text-align:center}.result-message{border-radius:10px;font-size:1.3em;font-weight:700;margin-bottom:20px;padding:15px}.result-message.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;color:#2e7d32}.result-message.incorrect{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;color:#c62828}.tree-info-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:10px;box-shadow:0 3px 10px #2196f34d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px 25px;transition:all .3s ease}.tree-info-btn:hover{box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}.answer-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.continue-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;box-shadow:0 3px 10px #4caf504d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 25px;transition:all .3s ease}.continue-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.game-finished{padding:30px;text-align:center}.game-finished h3{color:#234d20;font-size:2em;margin-bottom:20px}.final-score{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 5px 15px #4caf504d;margin:20px 0;padding:25px}.score-text{display:block;font-size:1.3em;margin-bottom:10px}.score-percentage{font-size:3em;font-weight:700;text-shadow:0 2px 4px #0003}.score-message{background:#fffc;border-radius:10px;color:#234d20;font-size:1.2em;font-weight:700;margin:20px 0;padding:15px}.final-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.play-again-btn,.review-trees-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;box-shadow:0 3px 10px #4caf504d;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:15px 25px;transition:all .3s ease}.play-again-btn:hover,.review-trees-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.review-trees-btn{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 3px 10px #2196f34d}.review-trees-btn:hover{box-shadow:0 5px 15px #2196f366}.tree-info{background:linear-gradient(135deg,#fff,#f0f9f0);border-radius:15px;box-shadow:0 5px 15px #0000001a;margin:20px 0;padding:25px}.tree-info-header{align-items:center;border-bottom:2px solid #4caf50;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.tree-info-header h3{color:#234d20;font-size:1.8em;margin:0}.close-btn{box-shadow:0 2px 5px #f443364d;height:35px;width:35px}.close-btn:hover{box-shadow:0 3px 8px #f4433666}.tree-details{grid-gap:15px;display:grid;gap:15px}.tree-detail{background:#fffc;border-left:4px solid #4caf50;border-radius:8px;line-height:1.6;padding:15px}.tree-detail strong{color:#234d20;font-weight:700}@media (max-width:768px){.tree-identification-game{padding:15px}.game-header h2{font-size:1.8em}.difficulty-buttons{gap:15px}.difficulty-btn{font-size:1.1em;padding:15px}.options-grid{gap:10px;grid-template-columns:1fr}.final-buttons{align-items:center;flex-direction:column}.play-again-btn,.review-trees-btn{max-width:300px;width:100%}.tree-detail strong{display:block;margin-bottom:5px}.tree-info{padding:20px}.score-percentage{font-size:2.5em}.answer-buttons{align-items:center;flex-direction:column}.continue-btn,.tree-info-btn{max-width:300px;width:100%}}@media (max-width:480px){.game-header{padding:15px}.game-header h2{font-size:1.6em}.game-header p{font-size:1em}.difficulty-btn{font-size:1em;padding:12px}.image-nav-btn{font-size:.9em;padding:8px 15px}.tree-input{font-size:1em;padding:12px}.tree-info-header h3{font-size:1.5em}.image-placeholder{height:160px;width:250px}.image-placeholder span{font-size:3rem}.image-controls{flex-direction:column;gap:10px}}.review-trees{padding:20px;text-align:center}.review-header{margin-bottom:30px}.review-header h3{color:#234d20;font-size:1.8em;margin-bottom:10px}.review-header p{color:#666;font-size:1.1em}.trees-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.tree-review-btn{align-items:center;background:linear-gradient(135deg,#fff,#f0f9f0);border:2px solid #4caf50;border-radius:15px;box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:15px;text-decoration:none;transition:all .3s ease}.tree-review-btn:hover{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 8px 25px #4caf5066;color:#fff;transform:translateY(-3px)}.tree-image-preview{border-radius:8px;height:120px;margin-bottom:10px;overflow:hidden;width:100%}.tree-preview-image{border-radius:8px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.tree-review-btn:hover .tree-preview-image{transform:scale(1.05)}.tree-preview-placeholder{align-items:center;background:#f0f7e9;border:2px dashed #4caf50;border-radius:8px;display:flex;height:100%;justify-content:center;width:100%}.tree-preview-placeholder span{color:#4caf50;font-size:3rem}.tree-name{color:#234d20;font-size:1.1em;font-weight:700;margin:0}.tree-review-btn:hover .tree-name{color:#fff}.review-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.back-to-menu-btn{background:linear-gradient(135deg,#757575,#424242);border:none;border-radius:10px;box-shadow:0 3px 10px #7575754d;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 25px;transition:all .3s ease}.back-to-menu-btn:hover{box-shadow:0 5px 15px #75757566;transform:translateY(-2px)}@media (max-width:768px){.trees-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tree-image-preview{height:100px}.tree-name{font-size:1em}.review-buttons{align-items:center;flex-direction:column}.back-to-menu-btn,.play-again-btn{max-width:200px;width:100%}}@media (max-width:480px){.trees-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tree-review-btn{padding:10px}.tree-image-preview{height:80px}.tree-name{font-size:.9em}.tree-preview-placeholder span{font-size:2rem}}.language-selector{align-items:center;display:flex;gap:8px}.language-label{white-space:nowrap}.language-label,.language-select{color:#234d20;font-size:.9em;font-weight:700}.language-select{background:linear-gradient(135deg,#fff,#f0f9f0);border:2px solid #a8e063;border-radius:8px;cursor:pointer;min-width:120px;padding:5px 8px;transition:all .3s ease}.language-select:hover{background:linear-gradient(135deg,#f0f9f0,#e8f5e9);border-color:#56ab2f;box-shadow:0 2px 5px #a8e0634d}.language-select:focus{border-color:#56ab2f;box-shadow:0 0 0 3px #a8e06333;outline:none}.language-select option{background:#fff;color:#234d20;padding:5px}@media (max-width:900px){.language-selector{background:#ffffff1a;border-radius:8px;justify-content:center;margin:10px 0;padding:10px}.language-label{color:#fff}.language-select{min-width:140px}}@media (max-width:480px){.language-selector{flex-direction:column;gap:5px}.language-select{max-width:180px;width:100%}}.recycling-game{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;overflow:hidden;position:relative}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 2px 10px #0000001a;gap:10px;justify-content:space-between;padding:15px}.game-header,.header-left{display:flex;flex-wrap:wrap}.header-left{flex-direction:column;gap:8px}.game-header h2{color:#2e7d32;font-size:1.3em;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000001a}.game-instructions{background:#4caf501a;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:.9em;font-weight:500;margin-bottom:8px;padding:6px 10px}.landing-instructions{background:#4caf501a;border:1px dashed #4caf50;border-radius:8px;color:#1b5e20;font-size:1em;padding:10px 12px}.landing-content{padding:20px}.highscores{background:#fffc;border:2px solid #4caf50;border-radius:10px;max-width:400px;padding:12px 16px}.highscores-title{color:#2e7d32;font-weight:700;margin-bottom:8px}.highscores-list{margin:0;padding-left:20px}.highscore-item{color:#1b5e20;margin:4px 0}.game-stats{display:flex;flex-wrap:wrap;gap:8px}.stat{align-items:center;background:#2e7d321a;border:2px solid #4caf50;border-radius:8px;display:flex;flex-direction:column;font-size:.8em;min-width:50px;padding:6px 10px}.stat span{color:#2e7d32;font-size:1.2em;font-weight:700;margin-top:2px}.upcoming-items-header{align-items:center;background:#4caf501a;border:2px solid #4caf50;border-radius:10px;display:flex;gap:10px;padding:8px 12px}.upcoming-label{color:#2e7d32;font-size:.9em;font-weight:700;white-space:nowrap}.upcoming-items-header .upcoming-items-list{display:flex;gap:8px}.upcoming-items-header .upcoming-item{align-items:center;background:#fffc;border:1px solid #4caf50;border-radius:6px;display:flex;height:30px;justify-content:center;width:30px}.upcoming-items-header .upcoming-item.next{box-shadow:0 0 0 3px #2e7d3233;outline:3px solid #2e7d32;outline-offset:2px}.upcoming-items-header .upcoming-item-emoji{font-size:1em}.upcoming-item-image-wrap{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.upcoming-item-image{display:block;height:100%;object-fit:contain;width:100%}.game-controls{display:flex;gap:10px}.end-btn,.pause-btn,.start-btn{border:none;border-radius:25px;cursor:pointer;font-size:1em;font-weight:700;letter-spacing:1px;margin:0 5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.start-btn{background:linear-gradient(45deg,#4caf50,#66bb6a);box-shadow:0 4px 15px #4caf504d;color:#fff}.start-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.pause-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);box-shadow:0 4px 15px #ff98004d;color:#fff}.pause-btn:hover{box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.end-btn{background:linear-gradient(45deg,#f44336,#e57373);box-shadow:0 4px 15px #f443364d;color:#fff}.end-btn:hover{box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.game-content{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px}.game-area{background:linear-gradient(180deg,#87ceeb,#e0f6ff 40%,#f0f8ff);border:3px solid #4caf50;border-radius:15px;box-shadow:inset 0 0 20px #0000001a;height:400px;overflow:hidden;position:relative}.instructions{animation:fadeInBounce .5s ease-out;background:#ffffffe6;border-radius:20px;color:#2e7d32;font-weight:700;left:50%;padding:10px 20px;position:absolute;top:15px;transform:translateX(-50%);z-index:10}.pause-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.pause-message{animation:pulseGlow 2s ease-in-out infinite;background:#ff9800f2;border-radius:20px;color:#fff;font-size:2em;font-weight:700;padding:30px 40px;text-shadow:2px 2px 4px #0000004d}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ff980080;transform:scale(1)}50%{box-shadow:0 0 30px #ff9800cc;transform:scale(1.05)}}@keyframes fadeInBounce{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.recyclable-item{align-items:center;background:#fff;border:2px solid #ddd;border-radius:12px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;flex-direction:column;max-width:120px;min-width:80px;padding:10px;position:absolute;transition:opacity .15s ease,box-shadow .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none}.recyclable-item.has-image{background-color:initial;height:90px;justify-content:flex-end;max-width:90px;min-width:90px;padding:0;width:90px}.recyclable-item.has-image.selected{background-color:#2196f340}.recyclable-item.has-image.incorrect{background-color:#ff980040}.recyclable-item.has-image .item-name-wrap--image{background:#00000080;border-radius:6px;margin-bottom:4px;margin-top:auto;max-width:100%;padding:3px 8px;text-align:center;width:fit-content}.recyclable-item.has-image .item-name--on-image{color:#fff;font-size:.75em;font-weight:700;line-height:1.2}.recyclable-item:hover{border-color:#4caf50;box-shadow:0 6px 12px #0000004d}.recyclable-item:hover .item-emoji{transform:scale(1.05);transition:transform .15s ease}.recyclable-item.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 0 0 3px #2196f34d}.recyclable-item.selected .item-emoji{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.recyclable-item.incorrect{background:#fff3e0;border-color:#ff9800}.recyclable-item.incorrect .item-emoji{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.item-emoji{font-size:2.5em;margin-bottom:5px}.item-name{color:#333;font-size:.9em;font-weight:700;line-height:1.2;text-align:center}.recycling-bins{grid-gap:15px;background:#ffffffe6;border:3px solid #4caf50;border-radius:0 0 15px 15px;border-top:none;box-shadow:0 4px 15px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px 20px 20px}.recycling-bin{align-items:center;border:2px solid #fff9;border-radius:8px 8px 0 0;box-shadow:0 4px 10px #0003;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center;min-height:120px;overflow:hidden;padding:20px 10px;position:relative;-webkit-user-select:none;user-select:none}.recycling-bin.has-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.bin-image-overlay{inset:0;opacity:.55;position:absolute;z-index:1}.recycling-bin>*{position:relative;z-index:2}.recycling-bin:hover{border-color:#fff;box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.recycling-bin:hover:before{opacity:1}.bin-emoji{animation:float 3s ease-in-out infinite;font-size:3em;margin-bottom:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bin-name-wrap{background:#0009;border-radius:4px;margin-top:2px;padding:2px 6px;position:relative;z-index:2}.bin-name{color:#fff;font-size:1.1em;font-weight:700;line-height:1.2;text-align:center;text-shadow:-1px -1px 0 #3c3c3ccc,1px -1px 0 #3c3c3ccc,-1px 1px 0 #3c3c3ccc,1px 1px 0 #3c3c3ccc,0 2px 6px #00000080}.bin-feedback-overlay{border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:3}.bin-feedback-correct{animation:binCorrectFlash .8s ease-out forwards;background:#4caf508c}.bin-feedback-incorrect{animation:binIncorrectFlash .8s ease-out forwards;background:#d32f2fa6}.recycling-bin.bin-correct{animation:binBounce .8s ease-out}.recycling-bin.bin-incorrect{animation:binShake .8s ease-out}@keyframes binCorrectFlash{0%{opacity:1}to{opacity:0}}@keyframes binIncorrectFlash{0%{opacity:1}to{opacity:0}}@keyframes binBounce{0%{transform:scale(1)}25%{transform:scale(1.18) translateY(-6px)}50%{transform:scale(.96) translateY(2px)}75%{transform:scale(1.06) translateY(-2px)}to{transform:scale(1)}}@keyframes binShake{0%{transform:translateX(0)}15%{transform:translateX(-8px) rotate(-3deg)}30%{transform:translateX(8px) rotate(3deg)}45%{transform:translateX(-6px) rotate(-2deg)}60%{transform:translateX(6px) rotate(2deg)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.feedback-message{animation:feedbackAnimation 2s ease-out forwards;background:#4caf50f2;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#fff;font-size:1.3em;font-weight:700;left:50%;padding:20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes feedbackAnimation{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width:768px){.game-header{padding:10px;text-align:center}.game-header,.header-left{flex-direction:column;gap:10px}.game-header h2{font-size:1.2em}.game-instructions{font-size:.8em;padding:4px 8px}.game-stats{gap:6px;justify-content:center}.stat{font-size:.7em;min-width:45px;padding:4px 8px}.stat span{font-size:1.1em}.upcoming-items-header{gap:8px;padding:6px 10px}.upcoming-label{font-size:.8em}.upcoming-items-header .upcoming-item{height:25px;width:25px}.upcoming-items-header .upcoming-item-emoji{font-size:.9em}.game-area{height:300px}.recyclable-item{max-width:90px;min-width:60px;padding:8px}.item-emoji{font-size:2em}.item-name{font-size:.8em}.recycling-bins{gap:10px;grid-template-columns:repeat(2,1fr);padding:15px}.recycling-bin{min-height:100px;padding:15px}.bin-emoji{font-size:2.5em}.bin-name{font-size:1em}.instructions{font-size:.9em;padding:8px 15px}}@media (max-width:480px){.recycling-bins{grid-template-columns:1fr 1fr}.recycling-bin{min-height:80px;padding:10px}.bin-emoji{font-size:2em}.bin-name{font-size:.9em}}.recycling-bin.drag-over{border-color:#ffeb3b!important;box-shadow:0 0 20px #ffeb3b80;transform:scale(1.05)}.close-btn,.difficulty-btn,.end-btn,.pause-btn,.play-again-btn,.recycling-bin,.start-btn{transition:transform .2s ease,box-shadow .2s ease}@media (hover:none) and (pointer:coarse){.recyclable-item{min-height:70px;min-width:70px;padding:10px}.recycling-bin{min-height:90px;padding:15px}}.recyclable-item.touch-mode{cursor:pointer}.modal-touch-hint{background:#4caf501a;border:1px solid #a5d6a7;border-radius:20px;color:#2e7d32;flex:1 1;font-size:.78em;font-weight:500;padding:4px 10px;text-align:center;white-space:nowrap}.game-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;touch-action:none;z-index:10000}.game-modal{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;touch-action:none;width:100vw}.modal-header{align-items:center;background:#ffffffe6;box-shadow:0 2px 10px #0000001a;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:10px 20px}.modal-header h2{color:#2e7d32;font-size:1.5em;font-weight:700;margin:0}.close-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#d32f2f;transform:scale(1.1)}.difficulty-selection{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.difficulty-selection h3{color:#2e7d32;font-size:2em;margin:0 0 20px}.difficulty-selection p{color:#4a4a4a;font-size:1.2em;margin:0 0 40px}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}@media (min-width:1024px) and (orientation:landscape){.difficulty-buttons{flex-direction:row;gap:30px;max-width:800px}.difficulty-btn{flex:1 1;max-width:250px;min-width:200px}}@media (max-width:1023px),(orientation:portrait){.difficulty-buttons{flex-direction:column;gap:20px;max-width:400px;width:100%}.difficulty-btn{min-width:0;min-width:auto;width:100%}}.difficulty-btn{align-items:center;border:none;border-radius:20px;box-shadow:0 6px 20px #00000026;cursor:pointer;display:flex;flex-direction:column;min-width:200px;padding:30px 25px;transition:all .3s ease}.difficulty-btn:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.difficulty-btn.easy{background:linear-gradient(135deg,#a5d6a7,#66bb6a);color:#fff}.difficulty-btn.medium{background:linear-gradient(135deg,#ffb74d,#ff9800);color:#fff}.difficulty-btn.hard{background:linear-gradient(135deg,#ef5350,#f44336);color:#fff}.difficulty-icon{font-size:3em;margin-bottom:15px}.difficulty-name{font-size:1.5em;font-weight:700;margin-bottom:10px}.difficulty-desc{font-size:1em;line-height:1.3;opacity:.9}.game-container-modal{display:flex;flex:1 1;flex-direction:column;overflow:hidden;touch-action:none}.game-sidebar{align-items:center;background:#ffffffe6;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 15px}.game-container-modal.landscape{align-items:stretch;flex-direction:row}.game-container-modal.landscape .game-sidebar{align-items:stretch;border-bottom:none;border-right:2px solid #c8e6c9;flex-direction:column;gap:6px;justify-content:flex-start;max-width:125px;min-width:110px;overflow-y:auto;padding:8px 6px;width:120px}.game-container-modal.landscape .modal-game-area{flex:1 1;margin:8px 8px 8px 0}.game-container-modal.landscape .modal-game-controls,.game-container-modal.landscape .modal-game-stats{flex-direction:column;gap:6px}.game-container-modal.landscape .upcoming-items-modal{align-items:flex-start;flex-direction:column;gap:6px}.game-container-modal.landscape .upcoming-items-list{flex-direction:row;flex-wrap:wrap;gap:4px}.modal-game-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.modal-game-stats .stat{background:#2e7d321a;border:2px solid #4caf50;border-radius:8px;font-size:.85em;min-width:55px;padding:6px 10px;text-align:center}.modal-game-stats .stat.timer{background:#2196f31a;border-color:#2196f3;font-weight:700}.timer-display{align-items:center;background:#2196f31f;border:2px solid #2196f3;border-radius:10px;display:flex;flex-shrink:0;gap:6px;justify-content:center;padding:8px 12px}.timer-label{font-size:1.1em}.timer-value{font-feature-settings:"tnum";color:#1565c0;font-size:1.6em;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:1px}.timer-display.timer-warning{background:#ff98001f;border-color:#ff9800}.timer-display.timer-warning .timer-value{color:#e65100}.timer-display.timer-urgent{animation:urgentBorderPulse .6s ease-in-out infinite;background:#d32f2f1f;border-color:#c62828}.timer-display.timer-urgent .timer-value{color:#b71c1c}.timer-urgent-pulse{animation:urgentCountPulse .6s ease-in-out infinite;display:inline-block}@keyframes urgentCountPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.2)}}@keyframes urgentBorderPulse{0%,to{box-shadow:0 0 0 0 #c6282800}50%{box-shadow:0 0 8px 3px #c6282873}}.stat-grid{grid-gap:4px;background:#2e7d3214;border:2px solid #4caf50;border-radius:10px;display:grid;flex-shrink:0;gap:4px;grid-template-columns:1fr 1fr;padding:6px}.stat-cell{align-items:center;display:flex;flex-direction:column;padding:4px 2px}.stat-cell-label{color:#555;font-size:.6em;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.stat-cell-value{font-size:1.05em;line-height:1.2}.stat-cell-value,.stat-level{color:#2e7d32;font-weight:700}.stat-level{background:#2e7d3214;border:1px solid #a5d6a7;border-radius:6px;flex-shrink:0;font-size:.7em;letter-spacing:1px;padding:3px 6px;text-align:center}.upcoming-items-modal{align-items:center;background:#4caf501a;border:2px solid #4caf50;border-radius:10px;display:flex;gap:6px;padding:6px 8px}.modal-game-controls{display:flex;gap:10px}.modal-game-area{background:linear-gradient(180deg,#87ceeb,#e0f6ff 40%,#f0f8ff);border:3px solid #4caf50;border-radius:15px;box-shadow:inset 0 0 20px #0000001a;flex:1 1;margin:10px;overflow:hidden;position:relative;touch-action:none}.modal-recycling-bins{grid-gap:10px;background:#fffc;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:20px}.modal-recycling-bins.in-area{background:#ffffffe6;border-top:3px solid #4caf50;bottom:0;left:0;position:absolute;right:0}.modal-recycling-bins .recycling-bin{border-radius:0;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);min-height:80px;overflow:visible;padding:15px 10px}.modal-recycling-bins .bin-emoji{font-size:2em}.modal-recycling-bins .bin-name{font-size:.9em}.modal-recycling-bins .bin-name-wrap{padding:1px 5px}@media (max-width:768px){.modal-header{padding:10px 15px}.modal-header h2{font-size:1.3em}.close-btn{font-size:1em;height:35px;width:35px}.difficulty-selection{padding:20px 15px}.difficulty-selection h3{font-size:1.5em}.difficulty-selection p{font-size:1em}.difficulty-buttons{flex-direction:column;gap:20px}.difficulty-btn{min-width:250px;padding:25px 20px}.difficulty-icon{font-size:2.5em}.modal-game-stats{gap:6px;justify-content:center}.modal-game-stats .stat{font-size:.78em;min-width:48px;padding:5px 8px}.modal-game-area{margin:6px}.modal-recycling-bins{gap:8px;grid-template-columns:repeat(2,1fr);padding:15px}.modal-recycling-bins .recycling-bin{min-height:60px;padding:10px 8px}.modal-recycling-bins .bin-emoji{font-size:1.5em}.modal-recycling-bins .bin-name{font-size:.8em}}@media (max-height:480px) and (orientation:landscape){.game-container-modal.landscape .game-sidebar{min-width:85px;padding:6px 5px;width:90px}.game-container-modal.landscape .modal-game-stats .stat{font-size:.7em;padding:4px 5px}.game-container-modal.landscape .end-btn,.game-container-modal.landscape .pause-btn{font-size:.75em;letter-spacing:0;padding:8px 6px}}.game-results{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.game-results h3{color:#2e7d32;font-size:2.5em;margin:0 0 30px;text-shadow:2px 2px 4px #0000001a}.results-summary{background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #00000026;max-width:600px;padding:30px;width:100%}.final-score{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:15px;color:#fff;display:flex;flex-direction:column;margin-bottom:30px;padding:20px}.score-label{font-size:1.2em;margin-bottom:10px;opacity:.9}.score-value{font-size:3em;font-weight:700;text-shadow:2px 2px 4px #0000004d}.results-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:30px}.result-stat{align-items:center;background:#2e7d321a;border:2px solid #4caf50;border-radius:10px;display:flex;flex-direction:column;padding:15px 10px}.stat-icon{font-size:2em;margin-bottom:8px}.stat-label{color:#666;font-size:.9em;margin-bottom:5px}.stat-value{color:#2e7d32;font-size:1.5em;font-weight:700}.results-actions{margin-top:20px}.play-again-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:25px;box-shadow:0 6px 20px #4caf504d;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;padding:15px 30px;transition:all .3s ease}.play-again-btn:hover{box-shadow:0 8px 25px #4caf5066;transform:translateY(-3px)}@media (max-width:768px){.game-results{padding:20px 15px}.game-results h3{font-size:2em}.results-summary{padding:20px}.final-score{padding:15px}.score-value{font-size:2.5em}.results-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.result-stat{padding:12px 8px}.stat-icon{font-size:1.5em}.stat-value{font-size:1.2em}.play-again-btn{font-size:1.1em;padding:12px 25px}}
/*# sourceMappingURL=main.abc50d9c.css.map*/