*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}@font-face{font-family:Bella;src:url(/font/Bella.ttf) format("truetype");font-weight:400;font-style:normal}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative}.footer-title{font-family:Bella,cursive;font-size:1.2rem;color:#fff;text-align:center;margin:0;opacity:.9}.game-footer{margin-top:2rem;padding:1rem;text-align:center;opacity:.8}.timer-box{position:relative;max-width:200px;margin:0 auto 1.5rem;padding:1rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:1rem;box-shadow:0 4px 12px #00000026;animation:subtle-glow 2s ease-in-out infinite}.timer-display{font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.1em;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.timer-critical{animation:timer-critical-pulse .5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes subtle-glow{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 4px 20px #3b82f666}}@keyframes timer-critical-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #00000026}50%{transform:scale(1.05);box-shadow:0 4px 20px #ef444499}}.game-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1.5rem}.score-board{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:#fffffff2;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px #0000001a;margin-bottom:.5rem}.score-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-label{font-size:.625rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.score-value{font-size:1.25rem;font-weight:700;color:#333}.high-score .score-value{color:#f59e0b}.current-score .score-value{color:#10b981}.lizard-counter .score-value{color:#8b5cf6}.total-clicks .score-value{color:#ec4899;font-size:1rem}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;background:#fffffff2;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px #0000001a;aspect-ratio:1;width:100%;max-width:500px;margin:0 auto}.emoji-cell{aspect-ratio:1;border:none;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:.75rem;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-size:calc(min(20vw,80px)*.7);min-height:44px;min-width:44px}.emoji-cell:active:not(.disabled){transform:scale(.95)}.emoji-cell:hover:not(.disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 8px #00000026}.emoji-cell.clicked{background:linear-gradient(135deg,#d1fae5,#a7f3d0);animation:success .3s ease}.emoji-cell.disabled{cursor:not-allowed;opacity:.6}.emoji-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.check-mark{position:absolute;top:0;right:0;font-size:.6em;animation:checkPop .3s ease}.chat-container{background:#fffffff2;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.chat-title{font-weight:700;font-size:1rem}.chat-toggle{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.25rem}.chat-messages{max-height:150px;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.chat-message{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;animation:slideIn .3s ease}.chat-message.info{background:#e0f2fe;color:#0369a1}.chat-message.success{background:#d1fae5;color:#059669}.chat-message.error{background:#fee2e2;color:#dc2626}.chat-container.collapsed .chat-messages{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease;overflow-y:auto}.modal-content{background:#fff;border-radius:1.5rem;padding:2rem;text-align:center;max-width:90%;width:400px;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn .3s ease}.game-over-modal{width:600px;max-width:95%;max-height:90vh;overflow-y:auto;padding:1.5rem}@media (min-width: 768px){.game-over-modal{padding:2rem}}.modal-title{font-size:2rem;color:#333;margin-bottom:1.5rem}.modal-scores{margin-bottom:2rem}.final-score{font-size:1.25rem;color:#666;margin-bottom:.5rem}.final-score .score-number{font-size:2rem;font-weight:700;color:#667eea;display:block;margin-top:.25rem}.new-high-score{font-size:1.15rem;color:#f59e0b;margin:.75rem 0;animation:pulse 1s infinite}.high-score{font-size:1.25rem;color:#8b5cf6}.restart-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.25rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-weight:700;box-shadow:0 4px 6px #0000001a}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.restart-button:active{transform:translateY(0)}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sound-reminder{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#fffffff2;padding:.75rem 1.5rem;border-radius:2rem;font-size:.875rem;color:#666;box-shadow:0 2px 8px #0000001a;animation:slideUp .5s ease,pulse 2s infinite;z-index:100;white-space:nowrap}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 767px){.footer-title{font-size:1rem}.timer-display{font-size:2rem}}@media (min-width: 768px){.game-container{max-width:600px}.footer-title{font-size:1.3rem}.score-board{display:flex;justify-content:space-between;padding:1.25rem 1.5rem;margin-bottom:0}.score-label{font-size:.875rem}.score-value{font-size:1.75rem}.total-clicks .score-value{font-size:1.5rem}.game-grid{gap:.75rem;padding:1.5rem}.emoji-cell{font-size:3.5rem;border-radius:1rem}.chat-messages{max-height:200px;padding:1rem}.chat-message{font-size:1rem}.sound-reminder{font-size:1rem;padding:1rem 2rem}}@media (min-width: 1024px){.app{padding:2rem}.game-container{max-width:1200px;flex-direction:row;gap:2rem;align-items:flex-start}.game-wrapper{flex:1;display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.score-board{padding:1.5rem 2rem}.score-value{font-size:2rem}.game-grid{max-width:600px}.emoji-cell{font-size:4rem}.chat-container{flex:0 0 350px;align-self:stretch}.chat-header{padding:1rem 1.5rem;cursor:default}.chat-toggle{display:none}.chat-messages{max-height:500px;padding:1.5rem}.chat-container.collapsed .chat-messages{display:flex}}@media (min-width: 1440px){.emoji-cell{font-size:4.5rem}.chat-container{flex:0 0 400px}}.welcome-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c}.welcome-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2rem;padding:2rem;max-width:90%;width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;animation:welcomeSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);position:relative}@media (max-width: 767px){.welcome-overlay{padding:1rem;display:flex;align-items:center;justify-content:center}.welcome-modal-content{width:100%;max-width:100%;max-height:90vh;border-radius:1.5rem;padding:1.5rem;overflow-y:auto;animation:mobileSlideUp .4s ease}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 479px){.welcome-modal-content{padding:1.25rem}.welcome-overlay{padding:.75rem}}@media (min-width: 768px){.welcome-modal-content{padding:2.5rem;max-width:90%}}.welcome-modal-content.submitting{animation:submitPulse .5s ease}@keyframes welcomeSlideIn{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes submitPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.welcome-header{text-align:center;margin-bottom:1.5rem}@media (max-width: 767px){.welcome-header{margin-bottom:1.25rem}}.welcome-title{font-family:Bella,cursive;font-size:2.5rem;color:#fff;margin-bottom:.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.4);letter-spacing:1px}@media (max-width: 479px){.welcome-title{font-size:2rem;margin-bottom:.375rem}}@media (min-width: 768px){.welcome-title{font-size:3rem}}.welcome-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0}@media (max-width: 767px){.welcome-subtitle{font-size:1rem}}@media (max-width: 479px){.welcome-subtitle{font-size:.95rem}}.gecko-mascot-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:-2rem;z-index:1}.gecko-mascot-large{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));margin-left:-3rem}.speech-bubble-floating{position:absolute;right:1rem;top:1rem;background:#fff;border-radius:1rem;padding:.75rem 1rem;color:#333;font-size:.9rem;box-shadow:0 4px 12px #00000026;max-width:180px;text-align:center}.speech-bubble-floating:before{content:"";position:absolute;left:-8px;top:30%;width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent white transparent transparent}.speech-bubble-floating p{margin:0;line-height:1.3}.speech-bubble-floating p:first-child{font-weight:700;color:#667eea}@media (max-width: 767px){.gecko-mascot-container{margin-bottom:-1rem}.gecko-mascot-large{width:120px;height:120px;margin-left:-2rem}.speech-bubble-floating{right:.5rem;top:.5rem;font-size:.8rem;padding:.5rem .75rem}}@media (max-width: 479px){.gecko-mascot-large{width:100px;height:100px}}.welcome-form{background:#ffffff26;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;z-index:0}@media (max-width: 767px){.welcome-form{padding:1.25rem;margin-bottom:1.25rem;background:#ffffff1a}}@media (max-width: 479px){.welcome-form{padding:1rem;border-radius:.875rem}}@media (min-width: 768px){.welcome-form{padding:2rem}}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}@media (max-width: 767px){.form-group{margin-bottom:1.25rem}}@media (max-width: 479px){.form-group{margin-bottom:1rem}}.form-label{display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;margin-bottom:.5rem;font-size:1rem}@media (max-width: 767px){.form-label{font-size:.95rem;margin-bottom:.4rem}}@media (max-width: 479px){.form-label{font-size:.9rem}}.char-counter{background:#fff3;padding:.25rem .5rem;border-radius:1rem;font-size:.875rem;font-weight:400}@media (max-width: 479px){.char-counter{font-size:.75rem;padding:.2rem .4rem}}.name-input{width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;background:#fffffff2;font-size:1.1rem;transition:all .3s ease;outline:none;min-height:48px}@media (max-width: 767px){.name-input{font-size:16px;padding:.875rem}}.name-input:focus{border-color:#fff;background:#fff;transform:scale(1.02);box-shadow:0 0 20px #ffffff80}.name-input.has-value{background:#fff}.name-input.error{border-color:#ff6b6b;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.age-selector-container{display:block}.age-select{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;background:#fffffff2;color:#333;font-size:1.1rem;font-weight:500;outline:none;cursor:pointer;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5em;min-height:48px}@media (max-width: 767px){.age-select{font-size:16px;padding:.875rem}}.age-select:focus{border-color:#fff;background-color:#fff;transform:scale(1.02);box-shadow:0 0 20px #ffffff80}.age-select:hover{background-color:#fff;border-color:#ffffff80}@supports (-webkit-touch-callout: none){.age-select{font-size:16px}}.error-message{color:#fcc;font-size:.875rem;margin-top:.5rem;display:block;animation:errorSlideIn .3s ease}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.start-hunting-btn{width:100%;padding:1rem 2rem;font-size:1.25rem;font-weight:700;color:#667eea;background:#fff;border:none;border-radius:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;opacity:.7;min-height:52px}@media (max-width: 767px){.start-hunting-btn{font-size:1.15rem;padding:.9rem 1.5rem}}@media (max-width: 479px){.start-hunting-btn{font-size:1.1rem;border-radius:.875rem}}.start-hunting-btn.ready{opacity:1;animation:readyPulse 1s ease infinite}@keyframes readyPulse{0%,to{box-shadow:0 4px 15px #0003}50%{box-shadow:0 4px 25px #ffffff80}}.start-hunting-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.start-hunting-btn:disabled{cursor:not-allowed;opacity:.5}.start-hunting-btn .loading{animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.welcome-footer{text-align:center;margin-top:1.5rem}@media (max-width: 767px){.welcome-footer{margin-top:1.25rem}}@media (max-width: 479px){.welcome-footer{margin-top:1rem}}.fun-fact{color:#ffffffe6;font-size:.9rem;margin:0;animation:fadeInUp 1s ease}@media (max-width: 767px){.fun-fact{font-size:.85rem}}@media (max-width: 479px){.fun-fact{font-size:.8rem;line-height:1.4}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.high-score-leaderboard{margin:1.5rem 0;text-align:left}.leaderboard-title{text-align:center;font-size:1.25rem;color:#333;margin-bottom:1rem;font-weight:700}.leaderboard-container{background:#f7f9fc;border-radius:1rem;padding:.75rem;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.leaderboard-container::-webkit-scrollbar{width:8px}.leaderboard-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.leaderboard-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.leaderboard-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width: 768px){.leaderboard-container{padding:1rem;max-height:500px}}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.75rem;margin-bottom:.5rem;transition:all .2s ease;min-height:60px}.leaderboard-row:last-child{margin-bottom:0}.leaderboard-row:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.leaderboard-row.current-player{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.leaderboard-row.rank-1{background:linear-gradient(135deg,gold,#ffed4e)}.leaderboard-row.rank-2{background:linear-gradient(135deg,silver,#e8e8e8)}.leaderboard-row.rank-3{background:linear-gradient(135deg,#cd7f32,#e8a55f)}.leaderboard-row.new-entry{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;animation:pulse 1.5s infinite}.leaderboard-rank{font-weight:700;font-size:1.1rem;min-width:2.5rem;text-align:center}.leaderboard-player{flex:1;display:flex;flex-direction:column;gap:.25rem}.player-info{display:flex;align-items:center;gap:.5rem}.player-location{display:flex;align-items:center;gap:.25rem;font-size:.85rem;opacity:.8}.location-flag{font-size:1.1rem;line-height:1}.location-city{color:#64748b;font-size:.85rem}.current-player .location-city,.new-entry .location-city{color:#ffffffe6}.leaderboard-row.rank-1 .location-city,.leaderboard-row.rank-2 .location-city,.leaderboard-row.rank-3 .location-city{color:#475569}.leaderboard-name{font-weight:600;font-size:1rem}.leaderboard-age{font-size:.75rem;opacity:.7}.leaderboard-score{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.leaderboard-score .score-label{font-size:.65rem;opacity:.6;text-transform:uppercase;letter-spacing:.05em}.leaderboard-score .score-value{font-size:1.25rem;font-weight:700}.current-player .leaderboard-age,.current-player .score-label,.new-entry .leaderboard-age,.new-entry .score-label{opacity:.9}.leaderboard-row.skeleton{pointer-events:none;background:#fff}.skeleton-rank,.skeleton-name,.skeleton-score{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.25rem}.skeleton-rank{width:2.5rem;height:1.5rem}.skeleton-name{flex:1;height:2rem}.skeleton-score{width:3rem;height:2rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.leaderboard-empty{text-align:center;padding:2rem;color:#666}.leaderboard-empty p{margin:.5rem 0}.leaderboard-empty .be-first{font-size:1.1rem;color:#667eea;font-weight:600;margin-top:1rem}.floating-emoji{position:absolute;font-size:1.5rem;animation:floatUp 3s ease-out forwards;pointer-events:none;z-index:-1}@keyframes floatUp{0%{opacity:0;transform:translateY(100px) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(-300px) rotate(360deg)}}@keyframes rainbow{0%{filter:hue-rotate(0deg) brightness(1.3)}to{filter:hue-rotate(360deg) brightness(1.3)}}.wizard-lizard .wizard-content{animation:rainbow 2s linear infinite;transform:scale(1.1)}.wizard-lizard{position:relative;overflow:visible}.wizard-lizard:before{content:"✨";position:absolute;top:-8px;right:-8px;font-size:1.2rem;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.score-item.timer{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-weight:700}.timer-value{font-family:Courier New,Courier,monospace;font-size:1.3rem;letter-spacing:.05em}.timer-warning{animation:timerPulse .5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626)!important}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-overlay{z-index:10000}.countdown-modal{background:linear-gradient(135deg,#10b981,#059669);color:#fff;min-width:300px;padding:3rem 2rem}.countdown-text{display:flex;flex-direction:column;align-items:center;gap:1rem}.countdown-title{font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:bounceIn .5s ease-out}.lizard-icon{font-size:4rem;animation:lizardBounce 1s ease-in-out infinite}@keyframes lizardBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.countdown-number-container{display:flex;justify-content:center;align-items:center;min-height:120px}.countdown-number{font-size:5rem;font-weight:700;animation:countdownPop .7s ease-out}@keyframes countdownPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.countdown-title{font-size:2rem}.lizard-icon{font-size:3rem}.countdown-number{font-size:4rem}.timer-value{font-size:1.1rem}}