.loading-container[data-v-24bf723f]{align-items:center;background:#1a1a1a;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;left:0;min-height:100vh;padding:2rem 0;position:fixed;top:0;width:100%}.binoculars-view[data-v-24bf723f]{animation:panBinoculars-24bf723f 4s ease-in-out infinite;height:150px;width:270px}@keyframes panBinoculars-24bf723f{0%,to{transform:translate(-15px)}50%{transform:translate(15px)}}.binoculars-frame[data-v-24bf723f]{height:100%;width:100%}.cloud[data-v-24bf723f]{animation:counterPan-24bf723f 4s ease-in-out infinite}@keyframes counterPan-24bf723f{0%,to{transform:translate(15px)}50%{transform:translate(-15px)}}.bird[data-v-24bf723f]{opacity:0}.bird[data-v-24bf723f],.bird-1[data-v-24bf723f]{animation:flyBird-24bf723f 4s ease-in-out infinite}.bird-2[data-v-24bf723f]{animation:flyBird-24bf723f 4s ease-in-out 1.3s infinite}.bird-3[data-v-24bf723f]{animation:flyBird-24bf723f 4s ease-in-out 2.6s infinite}@keyframes flyBird-24bf723f{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(180px)}}.loading-text[data-v-24bf723f]{color:#fff;font-size:.875rem;font-weight:500;text-align:center}.tooltip-container[data-v-25d09a90]{display:inline-block;position:relative}.tooltip-trigger[data-v-25d09a90]{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:.25rem;padding:0;transition:color .15s ease;vertical-align:middle}.tooltip-trigger[data-v-25d09a90]:hover{color:var(--primary-colour)}.tooltip-trigger[data-v-25d09a90]:active{transform:scale(.95)}.tooltip-content[data-v-25d09a90]{background:#fff;border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow);color:var(--text-secondary);font-size:.75rem;left:50%;line-height:1.5;max-width:280px;min-width:200px;padding:.625rem;position:absolute;text-align:left;top:calc(100% + .5rem);transform:translate(-50%);white-space:normal;z-index:100}.tooltip-content[data-v-25d09a90]:before{border:6px solid transparent;border-bottom:6px solid var(--border)}.tooltip-content[data-v-25d09a90]:after,.tooltip-content[data-v-25d09a90]:before{bottom:100%;content:"";left:50%;position:absolute;transform:translate(-50%)}.tooltip-content[data-v-25d09a90]:after{border:5px solid transparent;border-bottom-color:#fff;margin-bottom:-1px}@media(max-width:480px){.tooltip-content[data-v-25d09a90]{left:auto;max-width:240px;right:0;transform:none}.tooltip-content[data-v-25d09a90]:after,.tooltip-content[data-v-25d09a90]:before{left:auto;right:.75rem;transform:none}}.modal-overlay[data-v-b2965272]{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.modal-content[data-v-b2965272]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:500px;width:100%}.modal-header[data-v-b2965272]{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.modal-content h2[data-v-b2965272]{color:#0f172a;font-size:1.25rem;margin:0}.close-icon[data-v-b2965272]{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:.25rem;transition:all .2s;width:32px}.close-icon[data-v-b2965272]:hover{background:#f1f5f9;color:#0f172a}.close-icon[data-v-b2965272]:active{transform:scale(.95)}.step-content[data-v-b2965272]{flex:1;overflow-y:auto;padding:0 1.25rem 1.25rem}.step-content p[data-v-b2965272]{color:#64748b;font-size:.875rem;margin:0 0 .75rem}.alternatives-grid[data-v-b2965272],.image-grid[data-v-b2965272]{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.alternative-option[data-v-b2965272],.image-option[data-v-b2965272]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .2s}.alternative-option[data-v-b2965272]:hover,.image-option[data-v-b2965272]:hover{border-color:#4f46e5;transform:scale(1.02)}.alternative-option.selected[data-v-b2965272],.image-option.selected[data-v-b2965272]{border-color:#4f46e5;box-shadow:0 0 0 2px #a5b4fc}.alternative-option img[data-v-b2965272],.image-option img[data-v-b2965272]{background:#f8fafc;display:block;height:140px;-o-object-fit:contain;object-fit:contain;width:100%}.image-option p[data-v-b2965272]{background:#fff;color:#0f172a;font-size:.75rem;margin:0;padding:.375rem;text-align:center}.modal-actions[data-v-b2965272]{gap:.5rem;margin-top:1rem}.modal-actions[data-v-b2965272],.modal-footer[data-v-b2965272]{display:flex;justify-content:flex-end}.modal-footer[data-v-b2965272]{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;flex-shrink:0;padding:1rem 1.25rem}.submit-button[data-v-b2965272]{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.submit-button[data-v-b2965272]:hover:not(:disabled){background:#4338ca}.submit-button[data-v-b2965272]:disabled{cursor:not-allowed;opacity:.5}.loading[data-v-b2965272],.no-alternatives[data-v-b2965272]{color:#64748b;font-size:.875rem;padding:1.5rem;text-align:center}.modal-overlay[data-v-e73b2062]{align-items:center;background:#000000d9;display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:1000}.modal-content[data-v-e73b2062]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:1rem;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;padding:2rem;position:relative;width:100%}.close-button[data-v-e73b2062]{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2.5rem;z-index:10}.close-button[data-v-e73b2062]:hover{background:#fff3;transform:scale(1.1)}.modal-body[data-v-e73b2062]{flex:1;margin-bottom:1rem;overflow-x:hidden;overflow-y:auto}.bird-info-image[data-v-e73b2062]{aspect-ratio:16/9;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.bird-image-blur[data-v-e73b2062]{filter:blur(20px);height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%}.bird-image-main[data-v-e73b2062]{height:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.bird-info-details[data-v-e73b2062]{margin-bottom:1.5rem}.bird-info-details h3[data-v-e73b2062]{align-items:center;color:#fff;display:flex;font-size:1.75rem;gap:.5rem;margin-bottom:.5rem}.scientific-name[data-v-e73b2062]{color:#ffffffb3;font-size:1.1rem}.bird-audio-section[data-v-e73b2062]{margin-bottom:1.5rem}.bird-facts[data-v-e73b2062]{background:#ffffff0d;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.bird-facts h4[data-v-e73b2062]{color:#fff;font-size:1.2rem;margin-bottom:.75rem}.bird-facts ul[data-v-e73b2062]{list-style:none;margin:0;padding:0}.bird-facts li[data-v-e73b2062]{border-bottom:1px solid hsla(0,0%,100%,.1);color:#ffffffd9;line-height:1.5;padding:.5rem 0}.bird-facts li[data-v-e73b2062]:last-child{border-bottom:none}.recording-info[data-v-e73b2062]{padding:.75rem}.recording-info p[data-v-e73b2062]{color:#ffffffe6;font-size:.9rem;margin:.5rem 0}.recording-info strong[data-v-e73b2062]{color:#fff}.modal-footer[data-v-e73b2062]{border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0;margin-top:auto;padding-top:1rem}.share-button-modal[data-v-e73b2062]{background:#06b6d4;border:none;border-radius:.5rem;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-height:44px;padding:.75rem;transition:all .15s ease;width:100%}.share-button-modal[data-v-e73b2062]:hover{background:#0891b2;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.share-button-modal[data-v-e73b2062]:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.bird-info-details[data-v-e73b2062] .tooltip-trigger{color:#ffffffb3}.bird-info-details[data-v-e73b2062] .tooltip-trigger:hover{color:#fff}.bird-info-details[data-v-e73b2062] .tooltip-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border:1px solid hsla(0,0%,100%,.2);color:#ffffffe6}.bird-info-details[data-v-e73b2062] .tooltip-content:before{border-bottom-color:#fff3}.bird-info-details[data-v-e73b2062] .tooltip-content:after{border-bottom-color:#1a1a2ef2}.bird-info-details[data-v-e73b2062] .recording-info p{color:#ffffffe6}.bird-info-details[data-v-e73b2062] .recording-info strong{color:#fff}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-colour:#4f46e5;--accent-colour:#06b6d4;--success-colour:#10b981;--background:#f8fafc;--card-background:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}.container{display:flex;flex-direction:column;margin:0 auto;max-width:420px;min-height:100vh;min-height:100dvh;padding:.875rem;position:relative}.game-header{flex-shrink:0;padding:.5rem 0;text-align:center}.header-top{margin-bottom:.5rem}.header-title{text-align:center}.game-header h1{color:var(--text-primary);font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.game-header p{color:var(--text-secondary);font-size:.8125rem;font-weight:400}.bird-mode-toggle{background:#fff;border:1.5px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow);color:var(--text-secondary);cursor:pointer;filter:grayscale(100%);font-size:.75rem;font-weight:500;opacity:.7;padding:.375rem .625rem;position:fixed;right:1rem;top:1rem;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:100}.bird-mode-toggle:hover{border-color:var(--text-secondary);box-shadow:0 4px 6px -1px #0000001a;color:var(--text-primary);opacity:.85}.bird-mode-toggle:active{transform:scale(.98)}.bird-mode-toggle.active{background:#87ceeb;border-color:#87ceeb;box-shadow:0 4px 6px -1px #87ceeb66;color:#fff;filter:grayscale(0);opacity:1}.mode-selector{background:#fff;border-radius:.5rem;box-shadow:var(--shadow-sm);display:flex;gap:.375rem;justify-content:center;margin-top:.625rem;padding:.25rem}.mode-button{background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;min-height:36px;min-width:90px;padding:.5rem .875rem;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mode-button:hover{color:var(--text-primary)}.mode-button:active{transform:scale(.98)}.mode-button.active{background:var(--primary-colour);box-shadow:var(--shadow-sm);color:#fff}.audio-player{background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);flex-shrink:0;margin:.625rem 0;padding:.75rem}.audio-label{color:var(--text-secondary);display:none;font-size:.75rem;font-weight:600;margin-bottom:.75rem;text-align:center}@media(min-width:768px){.audio-label{display:block}}.player-controls{align-items:center;display:flex;gap:.75rem}.play-button-compact{align-items:center;background:var(--primary-colour);border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:36px}.play-button-compact:hover{box-shadow:var(--shadow);transform:scale(1.05)}.play-button-compact:active{transform:scale(.95)}.play-button-compact:disabled{cursor:not-allowed;opacity:.5;transform:none}.progress-container{display:flex;flex:1;flex-direction:column;gap:.375rem}.progress-bar{background:var(--border);border-radius:4px;cursor:pointer;height:8px;overflow:visible;position:relative;width:100%}.progress-fill{background:var(--primary-colour);border-radius:4px;height:100%;left:0;top:0;transition:width .1s ease-out}.progress-fill,.progress-thumb{pointer-events:none;position:absolute}.progress-thumb{background:#fff;border:2px solid var(--primary-colour);border-radius:50%;box-shadow:var(--shadow-sm);height:12px;top:50%;transform:translate(-50%,-50%);transition:transform .15s ease;width:12px}.progress-bar:hover .progress-thumb{transform:translate(-50%,-50%) scale(1.15)}.time-display{color:var(--text-secondary);display:flex;font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:500;justify-content:space-between}.bird-options{display:grid;flex:1;gap:.5rem;grid-template-columns:repeat(2,1fr);margin:.625rem 0;min-height:0}.bird-card{aspect-ratio:1;background:#fff;border:1.5px solid var(--border);border-radius:.625rem;box-shadow:var(--shadow-sm);cursor:pointer;min-height:44px;overflow:hidden;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bird-card:hover{border-color:var(--text-secondary);box-shadow:var(--shadow);transform:translateY(-2px)}.bird-card:active{transform:scale(.98)}.bird-card.selected{border-color:var(--primary-colour);border-width:2px;box-shadow:0 0 0 2px #4f46e51a,var(--shadow);transform:scale(1.02)}.bird-card.incorrect{border-color:#fca5a5;border-width:3px}.bird-card.incorrect .bird-image{filter:grayscale(100%)}.bird-card.incorrect .bird-image-blur{filter:blur(20px) grayscale(100%)}.bird-card.correct{border-color:#22c55e;border-width:3px}.bird-card.unselected .bird-image{filter:grayscale(100%)}.bird-card.unselected .bird-image-blur{filter:blur(20px) grayscale(100%)}.bird-image-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.bird-image-blur{filter:blur(20px);-o-object-fit:cover;object-fit:cover;opacity:.6;position:absolute;transform:scale(1.1);z-index:0}.bird-image,.bird-image-blur{height:100%;pointer-events:none;width:100%}.bird-image{-o-object-fit:contain;object-fit:contain;position:relative;z-index:1}.play-button{align-items:center;background:#fffffff2;border:2px solid var(--primary-colour);border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--primary-colour);cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:48px;z-index:3}.play-button:hover{background:var(--primary-colour);box-shadow:0 4px 12px #0000004d;color:#fff;transform:translate(-50%,-50%) scale(1.1)}.play-button:active{transform:translate(-50%,-50%) scale(.95)}.play-button.playing{background:var(--primary-colour);color:#fff}.play-button svg{height:24px;width:24px}.info-button{align-items:center;background:#fffffff2;border:2px solid var(--primary-colour);border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--primary-colour);cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:48px;z-index:3}.info-button:hover{background:var(--primary-colour);box-shadow:0 4px 12px #0000004d;color:#fff;transform:translate(-50%,-50%) scale(1.1)}.info-button:active{transform:translate(-50%,-50%) scale(.95)}.info-button svg{height:24px;width:24px}.submit-button{background:var(--primary-colour);border:none;border-radius:.5rem;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;margin-top:.625rem;min-height:44px;padding:.75rem;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.next-button{background:var(--border);color:var(--text-primary)}.submit-button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.submit-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.result-screen{overflow-y:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;max-height:100dvh}.result-header{flex-shrink:0;padding:.5rem 0;text-align:center}.result-header h2{color:var(--text-primary);font-size:1.375rem;font-weight:700;margin-bottom:.5rem}.score-display{align-items:center;display:flex;font-size:1rem;gap:.5rem;justify-content:center}.score-label{color:var(--text-secondary);font-weight:500}.score-value{color:var(--primary-colour);font-size:1.25rem;font-weight:700}.result-bird-image{border:1.5px solid var(--border);border-radius:.625rem;box-shadow:var(--shadow);flex-shrink:0;height:160px;margin:0 auto .625rem;max-width:420px;overflow:hidden;position:relative;width:100%}.result-bird-image .bird-image-blur{filter:blur(30px);height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7;position:absolute;transform:scale(1.2);width:100%}.result-bird-image .bird-image-main{height:100%;-o-object-fit:contain;object-fit:contain;position:relative;width:100%;z-index:1}.result-bird-info{background:#fff;border:1px solid var(--border);border-radius:.625rem;box-shadow:var(--shadow);flex-shrink:0;margin-bottom:.625rem;padding:.75rem}.result-bird-info h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.25rem;margin-bottom:.125rem}.result-bird-info .scientific-name{color:var(--text-secondary);font-size:.75rem;font-style:italic;font-weight:400;margin-bottom:0}.recording-info{display:flex;flex-direction:column;gap:.375rem}.recording-info p{font-size:.75rem;line-height:1.5;margin:0}.recording-info strong{color:var(--text-primary);font-weight:600}.bird-facts{background:#fef3c7;border:1px solid #fde68a;border-radius:.625rem;box-shadow:var(--shadow);flex-shrink:1;margin-bottom:.625rem;min-height:0;overflow-y:auto;padding:.75rem}.bird-facts h4{color:#92400e;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.bird-facts ul{list-style:none;padding:0}.bird-facts li{color:#78350f;font-size:.75rem;font-weight:400;line-height:1.5;margin-bottom:.375rem;padding-left:1rem;position:relative}.bird-facts li:before{content:"•";font-weight:700;left:.375rem;position:absolute}.result-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:.625rem}.share-button{background:var(--accent-colour);border:none;border-radius:.5rem;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-height:44px;order:-1;padding:.75rem;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.share-button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.share-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.close-button{background:#fff;border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;min-height:44px;padding:.75rem;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.close-button:hover{background:var(--background);border-color:var(--text-secondary);box-shadow:var(--shadow);color:var(--text-primary);transform:translateY(-1px)}.close-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.loading{color:var(--text-secondary);font-size:1rem;padding:3rem 0}.error,.loading{font-weight:500;text-align:center}.error{background:#fee2e2;border:1px solid #fecaca;border-radius:.625rem;box-shadow:var(--shadow);color:#991b1b;font-size:.875rem;margin:1rem 0;padding:1rem}.report-image-link{margin-top:.75rem;text-align:center}.report-image-link a{border-bottom:1px dashed var(--text-secondary);color:var(--text-secondary);font-size:.8125rem;text-decoration:none;transition:color .2s}.report-image-link a:hover{border-bottom-color:var(--primary-colour);color:var(--primary-colour)}