.quiz-app-root{background:var(--quiz-background);position:fixed;inset:0;overflow:hidden}:root{--quiz-background:#0f1a14;--quiz-foreground:#e8f0eb;--quiz-border:#2d4a38;--quiz-border-light:#3a5c48;--quiz-bg-card:#1a2b22;--quiz-bg-card-hover:#223828;--quiz-bg-secondary:#162019;--quiz-bg-elevated:#243a2c;--quiz-text-secondary:#9ab3a4;--quiz-text-muted:#6b8b7b;--quiz-accent:#4ade80;--quiz-accent-dim:#22c55e;--quiz-accent-glow:#4ade8026;--quiz-correct:#4ade80;--quiz-correct-bg:#4ade801f;--quiz-wrong:#f87171;--quiz-wrong-bg:#f871711f;--quiz-warning:#fbbf24;--quiz-radius-sm:8px;--quiz-radius-md:12px;--quiz-radius-lg:16px;--quiz-transition:.2s ease;--quiz-text-xs:.7rem;--quiz-text-sm:.8rem;--quiz-text-base:.9rem;--quiz-text-md:.95rem;--quiz-text-lg:1rem;--quiz-text-xl:1.3rem;--quiz-text-2xl:1.6rem;--quiz-text-3xl:2rem;--quiz-text-4xl:2.2rem;--quiz-title:var(--quiz-text-3xl);--quiz-subtitle:var(--quiz-text-base);--quiz-label:var(--quiz-text-sm);--quiz-button:var(--quiz-text-sm);--quiz-button-primary:var(--quiz-text-lg);--quiz-tooltip:var(--quiz-text-sm);--quiz-version:var(--quiz-text-xs);--quiz-border-pill:#ffffff26;--quiz-border-pill-strong:#fff3;--quiz-border-pill-hover:#ffffff4d;--quiz-border-pill-hover-strong:#fff6;--quiz-border-subtle:#ffffff14;--quiz-border-subtle-md:#ffffff1a;--quiz-border-subtle-lg:#ffffff1f;--quiz-border-indicator:#ffffff40;--quiz-bg-hover:#ffffff0f;--quiz-bg-hover-faint:#ffffff08;--quiz-bg-card-translucent:#1a2b2280;--quiz-mosaic-gap:6px;--quiz-mosaic-radius:8px;--quiz-gap-xs:4px;--quiz-gap-sm:8px;--quiz-gap-md:12px;--quiz-gap-lg:16px;--quiz-gap-xl:20px;--quiz-gap-2xl:24px;--quiz-gap-3xl:40px;--quiz-padding-xs:8px;--quiz-padding-sm:12px;--quiz-padding-md:16px;--quiz-padding-lg:24px;--quiz-padding-xl:32px;--quiz-text-light:#fff;--quiz-accent-dark:#16a34a;--quiz-rank-gold:gold;--quiz-rank-silver:silver;--quiz-rank-bronze:#cd7f32;--quiz-radius-pill:999px;--quiz-results-icon:var(--quiz-text-4xl);--quiz-results-title:var(--quiz-text-2xl);--quiz-results-value:var(--quiz-text-2xl);--quiz-modal-title:var(--quiz-text-xl)}.screen{--background:var(--quiz-background);--foreground:var(--quiz-foreground);--card:var(--quiz-bg-card);--card-foreground:var(--quiz-foreground);--popover:var(--quiz-bg-card);--popover-foreground:var(--quiz-foreground);--primary:var(--quiz-accent);--primary-foreground:var(--quiz-background);--secondary:var(--quiz-bg-secondary);--secondary-foreground:var(--quiz-text-secondary);--muted:var(--quiz-bg-secondary);--muted-foreground:var(--quiz-text-muted);--accent:var(--quiz-accent);--accent-foreground:var(--quiz-background);--border:var(--quiz-border);--input:var(--quiz-border);--ring:var(--quiz-accent);--color-background:var(--quiz-background);--color-foreground:var(--quiz-foreground);--color-border:var(--quiz-border);height:100%;color:var(--quiz-foreground);background:var(--quiz-background);animation:.3s quizFadeIn;display:none;overflow:hidden auto}.screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(400px at 15% 25%,#4ade801f 0%,#0000 100%),radial-gradient(350px at 80% 15%,#22c55e1a 0%,#0000 100%),radial-gradient(420px at 60% 75%,#4ade801c 0%,#0000 100%),radial-gradient(150px at 25% 65%,#4ade8024 0%,#0000 100%),radial-gradient(130px at 75% 45%,#22c55e1f 0%,#0000 100%),radial-gradient(170px at 45% 20%,#4ade801a 0%,#0000 100%),radial-gradient(120px at 90% 70%,#22c55e21 0%,#0000 100%),radial-gradient(70px at 10% 80%,#4ade8026 0%,#0000 100%),radial-gradient(60px at 35% 45%,#22c55e21 0%,#0000 100%),radial-gradient(75px at 65% 30%,#4ade8024 0%,#0000 100%),radial-gradient(55px at 85% 85%,#22c55e26 0%,#0000 100%),radial-gradient(65px at 50% 55%,#4ade801c 0%,#0000 100%),radial-gradient(50px at 20% 10%,#22c55e24 0%,#0000 100%);position:fixed;inset:0}.screen>*{z-index:1;position:relative}.screen a{color:inherit}.screen.active{display:flex}#quiz-screen{background:var(--quiz-background);flex-direction:column}#quiz-screen:has(.quiz-body--immersive){height:calc(100dvh - 45px);min-height:0;overflow:hidden}#start-screen{align-items:stretch;height:100%;padding:0;overflow:hidden}@media (max-width:640px){#start-screen{overflow:hidden auto}}.start-layout{flex:1;width:100%;min-height:0;transition:opacity .4s;display:flex}.start-layout--fading{opacity:0;pointer-events:none}.start-mosaic-side{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.start-settings-area{padding:var(--quiz-padding-xl)var(--quiz-gap-3xl);justify-content:center;align-items:center;gap:var(--quiz-gap-2xl);flex-direction:column;flex:1;min-width:0;display:flex}.secondary-nav-link{color:var(--quiz-text-muted);font-size:var(--quiz-text-sm);text-transform:uppercase;letter-spacing:.03em;transition:color var(--quiz-transition);font-weight:500;text-decoration:none}.secondary-nav-link:hover{color:var(--quiz-foreground)}.secondary-nav-link.active{color:var(--quiz-accent)}.mobile-bottom-nav{display:none}@media (max-width:640px){.mobile-bottom-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--quiz-border);padding:var(--quiz-gap-xs)0;background:#0f1a14f2;justify-content:space-around;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{padding:var(--quiz-gap-xs)var(--quiz-gap-sm);color:var(--quiz-text-muted);transition:color var(--quiz-transition);flex-direction:column;flex:1;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-nav-item:active{opacity:.7}.mobile-nav-item.active{color:var(--quiz-accent)}.mobile-nav-icon{flex-shrink:0;width:20px;height:20px}.mobile-nav-label{text-transform:none;letter-spacing:0;font-size:.65rem;font-weight:500}#start-screen,#secondary-screen,#my-results-screen,#leaderboard-screen{padding-bottom:60px}.app-header{display:none}}.start-hero{text-align:center;align-items:center;gap:var(--quiz-gap-xs);flex-direction:column;display:flex}.title{font-family:inherit;font-size:var(--quiz-title);letter-spacing:.01em;background:linear-gradient(135deg,var(--quiz-foreground)0%,var(--quiz-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.subtitle{font-size:var(--quiz-subtitle);color:var(--quiz-text-secondary);font-weight:400}.start-settings{gap:var(--quiz-gap-xl);flex-direction:column;width:100%;max-width:480px;display:flex}.start-actions{align-items:center;gap:var(--quiz-gap-md);flex-direction:column;width:100%;max-width:480px;display:flex}.mosaic-grid{gap:var(--quiz-gap-xs);z-index:110;flex-direction:row;justify-content:center;height:100%;display:flex;position:relative}.mosaic-column{gap:var(--quiz-gap-xs);opacity:0;flex-direction:column;flex-shrink:0;width:min(14vw,120px);height:auto;animation:.6s forwards mosaicColumnFadeIn;display:flex}.mosaic-column:first-child{animation-delay:0s}.mosaic-column:nth-child(2){animation-delay:.1s}.mosaic-column:nth-child(3){animation-delay:.2s}.mosaic-column:nth-child(4){animation-delay:.3s}@keyframes mosaicColumnFadeIn{0%{opacity:0}to{opacity:1}}.mosaic-tile{aspect-ratio:1;background:var(--quiz-bg-card);border-radius:var(--quiz-gap-xs);flex-shrink:0;width:100%;overflow:hidden}.mosaic-tile-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s}.mosaic-tile-img.loaded{opacity:1}.mosaic-zoom-overlay{z-index:150;pointer-events:none;position:fixed;inset:0}.mosaic-zoom-image{border-radius:var(--quiz-mosaic-radius);object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute}.mosaic-zoom-image.zoom-end{border-radius:var(--quiz-radius-lg)}.setting-group{gap:var(--quiz-gap-sm);flex-direction:column;display:flex}.toggle-btn-compact{text-align:center;flex:0;min-width:48px}.setting-label{font-size:var(--quiz-label);text-transform:uppercase;letter-spacing:.08em;color:var(--quiz-text-muted);font-weight:600}.toggle-group{gap:var(--quiz-gap-sm);flex-wrap:wrap;display:flex}.toggle-btn{min-width:0;padding:var(--quiz-gap-md)14px;border:1px solid var(--quiz-border-pill);border-radius:var(--quiz-radius-pill);color:var(--quiz-text-secondary);font-size:var(--quiz-button);cursor:pointer;transition:all var(--quiz-transition);text-transform:uppercase;letter-spacing:.03em;background:0 0;flex:1;font-family:inherit;font-weight:600;position:relative}.toggle-btn:hover{background:var(--quiz-bg-hover);border-color:var(--quiz-border-pill-hover);color:var(--quiz-foreground)}.toggle-tooltip{bottom:calc(100% + var(--quiz-gap-sm));transform:translateX(-50%)translateY(var(--quiz-gap-xs));background:var(--quiz-bg-elevated);border:1px solid var(--quiz-border-pill);border-radius:var(--quiz-radius-sm);padding:var(--quiz-gap-xs)var(--quiz-gap-sm);color:var(--quiz-text-secondary);text-transform:none;letter-spacing:0;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;visibility:hidden;font-size:.72rem;font-weight:400;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;left:50%}.toggle-tooltip:after{content:"";border:var(--quiz-gap-xs)solid transparent;border-top-color:var(--quiz-bg-elevated);margin-top:-1px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.toggle-btn:hover .toggle-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.toggle-btn.active{background:var(--quiz-accent-glow);border-color:var(--quiz-accent-dim);color:var(--quiz-accent);border-width:1px}.start-btn{justify-content:center;align-items:center;gap:var(--quiz-gap-sm);width:100%;padding:var(--quiz-padding-md)28px;background:linear-gradient(135deg,var(--quiz-accent-dim),var(--quiz-accent-dark));border-radius:var(--quiz-radius-pill);color:var(--quiz-background);font-size:var(--quiz-button-primary);cursor:pointer;transition:all var(--quiz-transition);text-transform:uppercase;letter-spacing:.04em;border:none;font-family:inherit;font-weight:600;display:flex;box-shadow:0 4px 16px #22c55e40}.start-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #22c55e59}.start-btn:active{transform:translateY(0)}.version-label{font-size:var(--quiz-version);color:var(--quiz-text-muted);opacity:.5;letter-spacing:.05em}.secondary-btn{justify-content:center;align-items:center;gap:var(--quiz-gap-sm);width:100%;padding:var(--quiz-padding-md)var(--quiz-padding-lg);border:2px solid var(--quiz-border-pill-strong);border-radius:var(--quiz-radius-pill);color:var(--quiz-text-secondary);cursor:pointer;transition:all var(--quiz-transition);text-transform:uppercase;letter-spacing:.03em;background:0 0;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.secondary-btn:hover{background:var(--quiz-bg-hover);border-color:var(--quiz-border-pill-hover-strong);color:var(--quiz-foreground)}.app-header{z-index:100;-webkit-backdrop-filter:none;color:var(--quiz-foreground);background:0 0;border-bottom:1px solid #0000;position:absolute;top:0;left:0;right:0}.app-header-inner{padding:var(--quiz-padding-xs)var(--quiz-padding-md);justify-content:space-between;align-items:center;gap:var(--quiz-gap-md);display:flex}.app-header-inner:not(:has(.app-header-left)){justify-content:flex-end}.app-header-left{align-items:center;gap:var(--quiz-gap-sm);color:var(--quiz-foreground);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none;transition:opacity .2s,transform .2s;display:flex}.app-header-left:hover{opacity:.8;transform:scale(1.02)}.app-header-logo{width:28px;height:28px;color:var(--quiz-accent);flex-shrink:0}.app-header-title{letter-spacing:.01em;background:linear-gradient(135deg,var(--quiz-foreground)0%,var(--quiz-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.app-header-center{align-items:center;gap:14px;font-size:.9rem;font-weight:600;display:flex}.app-header-center:empty{display:none}.score-display-item{align-items:center;gap:var(--quiz-gap-xs);display:flex}.score-display-item svg{width:14px;height:14px}.score-display-score{color:var(--quiz-accent)}.score-display-points{color:var(--quiz-warning)}.app-header-right{align-items:center;gap:var(--quiz-gap-md);display:flex}.question-counter{color:var(--quiz-text-muted);white-space:nowrap;font-size:.85rem;font-weight:500}.header-dot{color:var(--quiz-text-muted);opacity:.5;font-size:1rem;line-height:1}.progress-bar-container{background:var(--quiz-bg-secondary);height:3px}.progress-bar{background:linear-gradient(90deg,var(--quiz-accent-dim),var(--quiz-accent));width:0%;height:100%;transition:width .4s}.leave-modal-overlay{-webkit-backdrop-filter:blur(var(--quiz-gap-sm));z-index:200;padding:var(--quiz-padding-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leave-modal{background:var(--quiz-bg-card);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);padding:var(--quiz-padding-xl)28px;text-align:center;gap:var(--quiz-gap-xl);flex-direction:column;width:100%;max-width:340px;display:flex}.leave-modal-title{color:var(--quiz-foreground);font-size:1.3rem;font-weight:700}.leave-modal-text{color:var(--quiz-text-muted);font-size:.9rem}.leave-modal-actions{gap:var(--quiz-gap-md);display:flex}.leave-modal-actions button{padding:var(--quiz-gap-md)var(--quiz-padding-md);border-radius:var(--quiz-radius-pill);cursor:pointer;transition:all var(--quiz-transition);text-transform:uppercase;letter-spacing:.03em;flex:1;font-family:inherit;font-size:.9rem;font-weight:600}.leave-modal-continue{border:2px solid var(--quiz-border-pill-strong);color:var(--quiz-text-secondary);background:0 0}.leave-modal-continue:hover{background:var(--quiz-bg-hover);border-color:var(--quiz-border-pill-hover-strong);color:var(--quiz-foreground)}.leave-modal-quit{background:var(--quiz-wrong);border:2px solid var(--quiz-wrong);color:var(--quiz-text-light)}.leave-modal-quit:hover{opacity:.9}.quiz-body{flex-direction:column;flex:1;align-items:center;width:100%;padding-bottom:32px;display:flex}.quiz-body--immersive{flex-direction:row;min-height:0;padding-bottom:0;overflow:hidden}.photo-stage{min-width:0;padding:var(--quiz-padding-lg);background:0 0;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.photo-stage .bird-photo{object-fit:cover;opacity:0;border-radius:var(--quiz-radius-lg);width:100%;height:100%;transition:opacity .4s}.photo-stage-inner{border-radius:var(--quiz-radius-lg);gap:var(--quiz-gap-md);width:100%;max-height:100%;padding:var(--quiz-padding-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.quiz-body--photo .photo-stage-inner{aspect-ratio:4/3;gap:0;padding:0}.photo-stage .bird-photo{box-shadow:none;border-radius:0}.photo-stage .bird-photo.loaded{opacity:1}.photo-attribution{bottom:var(--quiz-padding-sm);left:var(--quiz-padding-sm);color:#ffffffe6;font-size:var(--quiz-text-xs);border-radius:var(--quiz-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:10;background:#000000a6;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute}.photo-stage-inner .photo-loading{justify-content:center;align-items:center;gap:var(--quiz-gap-md);color:var(--quiz-text-muted);flex-direction:column;font-size:.85rem;display:flex;position:absolute;inset:0}.photo-stage-inner .photo-loading.hidden{display:none}.spinner{border:3px solid var(--quiz-border);border-top-color:var(--quiz-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bird-photo.correct{border:4px solid var(--quiz-correct);border-radius:var(--quiz-radius-lg)}.bird-photo.wrong{border:4px solid var(--quiz-wrong);border-radius:var(--quiz-radius-lg)}.options-area{min-width:0;padding:var(--quiz-padding-lg)28px;background:0 0;flex-direction:column;flex:1;justify-content:center;display:flex}.question-text{text-align:center;padding:0 0 var(--quiz-gap-xl);color:var(--quiz-foreground);letter-spacing:.01em;width:100%;font-family:inherit;font-size:1.3rem;font-weight:600}.options-grid{gap:var(--quiz-gap-md);grid-template-columns:1fr 1fr;width:100%;display:grid}.option-btn{align-items:center;gap:var(--quiz-gap-md);padding:var(--quiz-padding-md)var(--quiz-gap-xl);border:2px solid var(--quiz-border-pill-strong);border-radius:var(--quiz-radius-pill);color:var(--quiz-foreground);cursor:pointer;transition:all var(--quiz-transition);text-align:left;overflow-wrap:break-word;word-break:break-word;text-transform:uppercase;letter-spacing:.03em;background:0 0;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.3;display:flex;position:relative}.option-btn:hover:not(.disabled){background:var(--quiz-bg-hover);border-color:var(--quiz-border-pill-hover-strong)}.option-btn:active:not(.disabled){transform:scale(.98)}.option-btn.disabled{cursor:default;pointer-events:none}.option-btn.correct{background:var(--quiz-correct-bg);border-color:var(--quiz-correct);color:var(--quiz-correct);animation:.5s pulse-correct}.option-btn.wrong{background:var(--quiz-wrong-bg);border-color:var(--quiz-wrong);color:var(--quiz-wrong);animation:.4s shake}.option-btn.dimmed{opacity:.3}.option-indicator{width:28px;height:var(--quiz-gap-xl);border-radius:var(--quiz-radius-pill);border:2px solid var(--quiz-border-indicator);transition:all var(--quiz-transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.option-btn.correct .option-indicator{background:var(--quiz-correct);border-color:var(--quiz-correct);color:var(--quiz-background)}.option-btn.wrong .option-indicator{background:var(--quiz-wrong);border-color:var(--quiz-wrong);color:var(--quiz-text-light)}@keyframes pulse-correct{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.name-display{text-align:center;justify-content:center;align-items:center;gap:var(--quiz-gap-xs);flex-direction:column;width:100%;display:flex}.quiz-body--name .options-area{justify-content:center;gap:var(--quiz-gap-lg);flex-direction:column;display:flex}.quiz-body--name .question-text{text-align:center;padding:0}.bird-name-text{font-family:inherit;font-size:var(--quiz-text-4xl);letter-spacing:.01em;margin-bottom:var(--quiz-gap-xs);overflow-wrap:break-word;word-break:break-word;font-weight:700}.bird-sci-text{color:var(--quiz-text-muted);font-size:.9rem;font-style:italic}.photo-options-grid{gap:var(--quiz-gap-md);flex:1;grid-template-columns:1fr 1fr;width:100%;display:grid}.photo-option{aspect-ratio:3/2;border-radius:var(--quiz-radius-md);border:2px solid var(--quiz-border);cursor:pointer;transition:all var(--quiz-transition);background:var(--quiz-bg-secondary);position:relative;overflow:hidden}.photo-option:hover:not(.disabled){border-color:var(--quiz-border-light);transform:translateY(-2px);box-shadow:0 4px 24px #0000004d}.photo-option img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .4s}.photo-option img.loaded{opacity:1}.photo-option .photo-option-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-option .photo-option-loading.hidden{display:none}.photo-option.disabled{cursor:default;pointer-events:none}.photo-option.correct{border-color:var(--quiz-correct);animation:.5s pulse-correct;box-shadow:0 0 16px #4ade804d}.photo-option.wrong{border-color:var(--quiz-wrong);animation:.4s shake}.photo-option.dimmed{opacity:.3}.photo-option-badge{top:var(--quiz-gap-sm);right:var(--quiz-gap-sm);width:28px;height:28px;color:var(--quiz-text-light);opacity:0;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:opacity .3s;display:flex;position:absolute}.photo-option.correct .photo-option-badge{opacity:1;background:var(--quiz-correct);color:var(--quiz-background)}.photo-option.wrong .photo-option-badge{opacity:1;background:var(--quiz-wrong)}.photo-option-label{padding:var(--quiz-gap-xs)var(--quiz-gap-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--quiz-text-light);text-align:center;opacity:0;background:#000000b3;font-size:.75rem;font-weight:500;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.photo-option.answered .photo-option-label{opacity:1}#results-screen{padding:var(--quiz-padding-xl)var(--quiz-padding-lg);justify-content:center;align-items:center}.results-content{align-items:center;gap:var(--quiz-gap-3xl);flex-direction:column;width:100%;max-width:480px;display:flex}.results-header{text-align:center}.results-icon{font-size:var(--quiz-results-icon);margin-bottom:var(--quiz-gap-sm)}.results-title{font-family:inherit;font-size:var(--quiz-results-title);letter-spacing:.01em;font-weight:700}.results-subtitle{color:var(--quiz-text-secondary);margin-top:var(--quiz-gap-xs);font-size:.95rem}.results-score-ring{width:140px;height:140px;position:relative}.score-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--quiz-border);stroke-width:8px}.score-ring-fill{fill:none;stroke:var(--quiz-accent);stroke-width:8px;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73px;transition:stroke-dashoffset 1.2s}.score-ring-text{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-ring-pct{font-size:var(--quiz-results-value);font-weight:700}.results-stats{gap:var(--quiz-gap-2xl);display:flex}.stat-item{align-items:center;gap:var(--quiz-gap-xs);flex-direction:column;display:flex}.stat-number{font-size:var(--quiz-text-2xl);font-weight:700}.stat-label{color:var(--quiz-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.stat-item.correct .stat-number{color:var(--quiz-correct)}.stat-item.wrong .stat-number{color:var(--quiz-wrong)}.stat-item.streak .stat-number{color:var(--quiz-warning)}.results-points{justify-content:center;align-items:baseline;gap:var(--quiz-gap-sm);padding:var(--quiz-gap-md)0;display:flex}.points-value{font-size:var(--quiz-results-value);color:var(--quiz-accent);font-weight:700}.points-label{color:var(--quiz-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.results-name-prompt{background:var(--quiz-bg-card);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);width:100%;padding:var(--quiz-padding-md)var(--quiz-gap-xl)}.name-prompt-text{color:var(--quiz-text-muted);margin-bottom:var(--quiz-gap-sm);font-size:.85rem}.name-input-row{gap:var(--quiz-gap-sm);display:flex}.name-input{padding:var(--quiz-gap-md)var(--quiz-gap-md);border-radius:var(--quiz-radius-sm);border:1px solid var(--quiz-border);background:var(--quiz-bg-secondary);color:var(--quiz-text);flex:1;font-size:.95rem}.name-input:focus{border-color:var(--quiz-accent);outline:none}.name-save-btn{padding:var(--quiz-gap-md)var(--quiz-padding-md);border-radius:var(--quiz-radius-sm);background:var(--quiz-accent);color:var(--quiz-text-light);cursor:pointer;border:none;font-size:.9rem;font-weight:600}.name-save-btn:disabled{opacity:.5;cursor:not-allowed}.results-missed{background:var(--quiz-bg-card);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);width:100%;padding:var(--quiz-gap-xl)}.missed-summary{text-transform:uppercase;letter-spacing:.06em;color:var(--quiz-text-muted);cursor:pointer;align-items:center;gap:var(--quiz-gap-sm);font-size:.85rem;font-weight:600;list-style:none;display:flex}.missed-summary::-webkit-details-marker{display:none}.missed-summary:before{content:"▸";font-size:.75rem;transition:transform .2s}details.results-missed[open] .missed-summary:before{transform:rotate(90deg)}details.results-missed[open] .missed-summary{margin-bottom:14px}.missed-list{gap:var(--quiz-gap-sm);flex-direction:column;display:flex}.missed-item{align-items:center;gap:var(--quiz-gap-md);padding:var(--quiz-gap-sm)var(--quiz-gap-md);background:var(--quiz-bg-secondary);border-radius:var(--quiz-radius-sm);display:flex}.missed-item-thumb{width:var(--quiz-gap-3xl);height:var(--quiz-gap-3xl);border-radius:var(--quiz-gap-xs);object-fit:cover;background:var(--quiz-background)}.missed-item-info{flex:1}.missed-item-da{font-size:.9rem;font-weight:600}.missed-item-en{color:var(--quiz-text-muted);font-size:.78rem}.results-actions{gap:var(--quiz-gap-md);flex-direction:column;width:100%;display:flex}.secondary-page-content{max-width:640px;padding:var(--quiz-padding-lg)var(--quiz-padding-md)var(--quiz-padding-xl);gap:var(--quiz-gap-2xl);flex-direction:column;flex:1;min-height:calc(100dvh - 45px);margin:0 auto;display:flex}.secondary-nav{padding:var(--quiz-padding-md)0;justify-content:space-between;align-items:center;gap:var(--quiz-gap-md);display:flex}.secondary-nav-back{color:var(--quiz-text-muted);white-space:nowrap;transition:color var(--quiz-transition);font-size:.85rem;text-decoration:none}.secondary-nav-back:hover{color:var(--quiz-foreground)}.secondary-nav-tabs{gap:var(--quiz-gap-xl);background:0 0;border-radius:0;padding:0;display:flex}.leaderboard-filters{gap:var(--quiz-gap-sm);flex-direction:column;display:flex}.filter-group{gap:var(--quiz-gap-xs);background:0 0;border-radius:0;padding:0;display:flex}.filter-btn{padding:var(--quiz-gap-xs)var(--quiz-gap-sm);font-size:var(--quiz-text-sm);color:var(--quiz-text-muted);border:2px solid var(--quiz-border-pill);border-radius:var(--quiz-radius-pill);cursor:pointer;transition:all var(--quiz-transition);text-transform:uppercase;letter-spacing:.03em;background:0 0;flex:1;font-weight:500}.filter-btn:hover{background:var(--quiz-bg-hover);border-color:var(--quiz-border-pill-hover);color:var(--quiz-foreground)}.filter-btn.active{background:var(--quiz-accent-glow);border-color:var(--quiz-accent-dim);color:var(--quiz-accent)}.leaderboard-loading,.leaderboard-empty{text-align:center;padding:var(--quiz-gap-3xl)0;color:var(--quiz-text-muted);flex:1;justify-content:center;align-items:center;font-size:.95rem;display:flex}.start-quiz-link{width:100%;max-width:240px;padding:var(--quiz-gap-sm)var(--quiz-padding-lg);background:var(--quiz-accent);color:var(--quiz-background);border-radius:var(--quiz-radius-pill);text-align:center;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.start-quiz-link:hover{opacity:.85}.leaderboard-table{gap:var(--quiz-gap-xs);flex-direction:column;display:flex}.leaderboard-row{padding:var(--quiz-gap-sm)var(--quiz-gap-md);background:var(--quiz-bg-card);border:1px solid var(--quiz-border-subtle);border-radius:var(--quiz-radius-md);grid-template-columns:36px 1fr 60px 70px 44px 54px;align-items:center;font-size:.85rem;display:grid}.leaderboard-row-header{color:var(--quiz-text-muted);text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--quiz-gap-xs);background:0 0;font-size:.75rem}.leaderboard-row.top-1{background:#ffd7001a}.leaderboard-row.top-2{background:#c0c0c014}.leaderboard-row.top-3{background:#cd7f3214}.lb-rank{color:var(--quiz-text-muted);font-weight:700}.top-1 .lb-rank{color:var(--quiz-rank-gold)}.top-2 .lb-rank{color:var(--quiz-rank-silver)}.top-3 .lb-rank{color:var(--quiz-rank-bronze)}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.lb-score{text-align:right;color:var(--quiz-text-muted)}.lb-points{text-align:right;color:var(--quiz-accent);font-weight:600}.lb-diff{text-align:center;color:var(--quiz-text-muted);font-size:.75rem}.lb-date{text-align:right;color:var(--quiz-text-muted);font-size:.75rem}@media (max-width:500px){.leaderboard-row{font-size:var(--quiz-text-sm);padding:var(--quiz-gap-sm)var(--quiz-gap-sm);grid-template-columns:30px 1fr 48px 58px 36px 48px}}.auth-modal-overlay{z-index:100;padding:var(--quiz-padding-md);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--quiz-bg-card);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);padding:var(--quiz-padding-xl)var(--quiz-padding-lg);width:100%;max-width:380px;position:relative}.auth-modal-close{top:var(--quiz-gap-md);right:var(--quiz-padding-md);color:var(--quiz-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute}.auth-modal-title{font-size:var(--quiz-modal-title);color:var(--quiz-text);margin-bottom:var(--quiz-gap-xl);text-align:center;font-weight:700}.auth-form{gap:var(--quiz-gap-md);flex-direction:column;display:flex}.auth-input{padding:var(--quiz-gap-md)14px;border-radius:var(--quiz-radius-sm);border:1px solid var(--quiz-border);background:var(--quiz-bg-secondary);color:var(--quiz-text);font-size:.95rem}.auth-input:focus{border-color:var(--quiz-accent);outline:none}.auth-error{color:var(--quiz-wrong);text-align:center;font-size:.85rem}.auth-toggle{margin:var(--quiz-padding-md)auto 0;color:var(--quiz-accent);cursor:pointer;background:0 0;border:none;font-size:.85rem;display:block}.my-results-summary{gap:var(--quiz-gap-sm);grid-template-columns:repeat(4,1fr);display:grid}.summary-stat{border:1px solid var(--quiz-border-subtle-lg);border-radius:var(--quiz-radius-md);padding:var(--quiz-gap-md)var(--quiz-gap-sm);background:0 0;flex-direction:column;align-items:center;gap:2px;display:flex}.summary-value{color:var(--quiz-accent);font-size:1.3rem;font-weight:700}.summary-label{color:var(--quiz-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.my-results-list{gap:var(--quiz-gap-xs);flex-direction:column;display:flex}.result-card{background:var(--quiz-bg-card-translucent);border:1px solid var(--quiz-border-subtle-md);border-radius:var(--quiz-radius-md);overflow:hidden}.result-card-header{gap:var(--quiz-gap-xs);width:100%;padding:var(--quiz-gap-md)14px;color:var(--quiz-text);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.result-card-header:hover{background:var(--quiz-bg-hover-faint)}.result-card-main{justify-content:space-between;align-items:baseline;display:flex}.result-card-date{color:var(--quiz-text-muted);font-size:.8rem}.result-card-score{font-size:.95rem;font-weight:600}.result-card-meta{gap:var(--quiz-gap-xs);flex-wrap:wrap;align-items:center;display:flex}.result-card-tag{color:var(--quiz-text-muted);background:var(--quiz-bg-secondary);padding:2px var(--quiz-gap-xs);border-radius:var(--quiz-gap-xs);font-size:.7rem}.result-card-points{color:var(--quiz-accent);margin-left:auto;font-size:.8rem;font-weight:600}.result-card-chevron{color:var(--quiz-text-muted);font-size:.6rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.result-card-details{padding:0 14px var(--quiz-gap-md);gap:var(--quiz-gap-sm);border-top:1px solid var(--quiz-border);padding-top:var(--quiz-gap-sm);flex-direction:column;display:flex}.result-detail-row{color:var(--quiz-text-muted);justify-content:space-between;font-size:.85rem;display:flex}.result-detail-missed-title{font-size:var(--quiz-text-sm);color:var(--quiz-text-muted);margin-bottom:var(--quiz-gap-xs);font-weight:600;display:block}.result-detail-missed-list{gap:var(--quiz-gap-xs);flex-wrap:wrap;display:flex}.result-missed-bird{color:var(--quiz-wrong);padding:2px var(--quiz-gap-sm);border-radius:var(--quiz-gap-xs);background:#ff64641a;font-size:.75rem}.my-results-empty{justify-content:center;align-items:center;gap:var(--quiz-gap-2xl);padding:var(--quiz-gap-xl)0;flex-direction:column;flex:1;display:flex}.my-results-empty-text{color:var(--quiz-text-muted);font-size:.95rem}.my-results-empty-actions{align-items:center;gap:var(--quiz-gap-md);flex-direction:column;display:flex}.my-results-footer{justify-content:center;gap:var(--quiz-gap-md);display:flex}@media (max-width:500px){.my-results-summary{grid-template-columns:repeat(2,1fr)}}.quiz-body.fade-out{opacity:0;transition:opacity .2s}.quiz-body.fade-in{opacity:1;transition:opacity .3s}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--quiz-accent);opacity:.7;animation:none}.screen,.option-btn.correct,.option-btn.wrong,.photo-option.correct,.photo-option.wrong{animation:none}.score-ring-fill,.quiz-body.fade-out,.quiz-body.fade-in,.mosaic-zoom-image,.start-layout{transition:none}.start-layout--fading{opacity:0}}@media (max-width:500px){:root{--quiz-title:1.4rem;--quiz-subtitle:var(--quiz-text-sm);--quiz-label:.7rem;--quiz-button:.7rem;--quiz-button-primary:var(--quiz-text-sm);--quiz-tooltip:.65rem;--quiz-version:.65rem}.start-btn{padding:var(--quiz-gap-sm)var(--quiz-gap-xl)}.results-stats{gap:var(--quiz-padding-md)}}@media (max-width:1024px){.start-mosaic-side{display:none}}@media (max-width:640px){.start-layout{flex-direction:column}.start-settings-area{padding:var(--quiz-gap-lg)var(--quiz-gap-xl)var(--quiz-gap-md);flex:1;justify-content:center;gap:14px}.version-label{display:none}.setting-group:first-child .toggle-group{gap:var(--quiz-gap-sm);grid-template-columns:1fr 1fr;display:grid}.setting-group:nth-child(2) .toggle-group,.setting-group:nth-child(3) .toggle-group{gap:var(--quiz-gap-sm);grid-template-columns:1fr 1fr 1fr;display:grid}.toggle-btn{min-width:0;padding:var(--quiz-gap-sm)var(--quiz-gap-sm)}.toggle-tooltip{font-size:var(--quiz-tooltip)}#quiz-screen:has(.quiz-body--immersive){overflow-y:auto}.quiz-body--immersive{flex-direction:column}.photo-stage{padding:var(--quiz-gap-md)var(--quiz-padding-md)0;flex:none;order:-1}.photo-stage-inner{aspect-ratio:4/3;width:auto;max-height:40dvh;margin:0 auto}.options-area{width:100%;padding:var(--quiz-gap-md)var(--quiz-padding-md)var(--quiz-padding-md);flex:none}.question-text{padding:0 0 var(--quiz-gap-md);font-size:1.1rem}.options-grid{gap:var(--quiz-gap-sm);grid-template-columns:1fr}.option-btn{padding:var(--quiz-gap-md)var(--quiz-padding-md);font-size:.85rem}}