:root{--bg: #faf8f5;--surface: #ffffff;--text: #2c2420;--text-secondary: #62564c;--text-muted: #62564c;--accent: #b85a3b;--border: #ece8e2;--focus-ring: #2f5f8f;--success: #047857;--success-bg: #f0fdf4;--success-border: #69c98f;--warning: #b85a3b;--warning-bg: #fefce8;--warning-border: #c88d22;--danger: #8f3a2e;--danger-bg: #f8e7df;--danger-border: #d8a293;--error: #8f3a2e;--error-bg: #f8e7df;--error-border: #d8a293;--photo-bg: #1a1a2e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 99px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-modal: .34s ease-out;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.5rem;--text-2xl: 2rem;--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1a1917;--surface: #222120;--text: #e0ddd8;--text-secondary: #b8ada4;--text-muted: #b8ada4;--accent: #d4794e;--border: #2e2c28;--focus-ring: #77c9f0;--success: #5bc49a;--success-bg: #0f2418;--success-border: #1a5c33;--warning: #d4794e;--warning-bg: #2e2610;--warning-border: #7c5a1e;--danger: #f1a095;--danger-bg: #3b211d;--danger-border: #8d4c43;--error: #f1a095;--error-bg: #3b211d;--error-border: #8d4c43;--photo-bg: #0d0d15}}:root[data-theme=dark]{--bg: #1a1917;--surface: #222120;--text: #e0ddd8;--text-secondary: #b8ada4;--text-muted: #b8ada4;--accent: #d4794e;--border: #2e2c28;--focus-ring: #77c9f0;--success: #5bc49a;--success-bg: #0f2418;--success-border: #1a5c33;--warning: #d4794e;--warning-bg: #2e2610;--warning-border: #7c5a1e;--danger: #f1a095;--danger-bg: #3b211d;--danger-border: #8d4c43;--error: #f1a095;--error-bg: #3b211d;--error-border: #8d4c43;--photo-bg: #0d0d15}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .play-card,:root:not([data-theme=light]) .compete-card{box-shadow:0 2px #d4794e33,0 4px 12px #0003}:root:not([data-theme=light]) .choice{box-shadow:0 3px #ffffff14}:root:not([data-theme=light]) .btn-primary{box-shadow:0 3px #0000004d}:root:not([data-theme=light]) .btn-next-round{box-shadow:0 3px #0000004d}:root:not([data-theme=light]) .btn-outline,:root:not([data-theme=light]) .share-icon-btn,:root:not([data-theme=light]) .reaction-btn{box-shadow:0 2px #ffffff0d}:root:not([data-theme=light]) .daily-submit{box-shadow:0 3px #0000004d}}:root[data-theme=dark] .play-card,:root[data-theme=dark] .compete-card{box-shadow:0 2px #d4794e33,0 4px 12px #0003}:root[data-theme=dark] .choice{box-shadow:0 3px #ffffff14}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-next-round{box-shadow:0 3px #0000004d}:root[data-theme=dark] .btn-outline,:root[data-theme=dark] .share-icon-btn,:root[data-theme=dark] .reaction-btn{box-shadow:0 2px #ffffff0d}:root[data-theme=dark] .daily-submit{box-shadow:0 3px #0000004d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.game-layout .site-header,.game-layout .site-footer,.game-layout .feedback-tab{display:none}.game-main{min-height:100vh}.game-loading-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center;background:radial-gradient(circle at 24% 18%,rgba(184,90,59,.14),transparent 30%),var(--bg)}.game-loading-screen p{padding:22px 26px;border:1.5px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);font-family:var(--font-display);font-size:clamp(1.35rem,5vw,2rem);font-weight:800;box-shadow:0 3px #d4a07a,0 16px 38px #b85a3b1f}.site-header{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.site-header-inner{max-width:900px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-logo{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--accent);text-decoration:none;letter-spacing:-.3px}.site-logo:hover{opacity:.85}.site-nav{display:flex;align-items:center;gap:12px}.site-nav a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500}.site-nav a:hover{color:var(--accent)}.site-nav a.site-nav-cta{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-full);background:linear-gradient(135deg,#b85a3b,#d4895a);color:#fff;font-weight:700;box-shadow:0 3px #8f3f29,0 8px 18px #b85a3b38;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.site-nav a.site-nav-cta:hover{color:#fff;filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 4px #8f3f29,0 10px 22px #b85a3b4d}.site-nav a.site-nav-cta:active{transform:translateY(2px);box-shadow:0 1px #8f3f29,0 4px 10px #b85a3b2e}.site-nav-link,.site-nav-menu summary{color:var(--text-secondary);font-size:.9rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap}.site-nav-menu{position:relative}.site-nav-menu summary{cursor:pointer;list-style:none}.site-nav-menu summary::-webkit-details-marker{display:none}.site-nav-menu[open] summary,.site-nav-menu summary:hover{color:var(--accent)}.site-nav-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:150;min-width:220px;padding:8px;display:grid;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 28px #00000024}.site-nav-menu-panel a{display:block;padding:8px 10px;border-radius:8px;white-space:nowrap}.site-nav-menu-panel a:hover{background:var(--surface)}.site-nav #theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px;line-height:1}@media (max-width: 760px){.site-header-inner{flex-wrap:wrap;padding:10px 12px}.site-logo{font-size:1rem}.site-nav{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-nav-link,.site-nav-menu summary{font-size:.82rem}.site-nav a.site-nav-cta{padding:6px 10px}.site-nav-menu-panel{left:50%;right:auto;max-width:calc(100vw - 24px);transform:translate(-50%)}}@media (max-width: 520px){.site-logo{width:100%}.site-nav{width:100%;justify-content:space-between}.site-nav-link,.site-nav-menu summary{font-size:.78rem}}.container{max-width:900px;margin:0 auto;padding:0 16px;width:100%}.info-page{max-width:720px;padding-top:clamp(24px,5vw,48px);padding-bottom:48px}.info-page-header{text-align:center;margin-bottom:28px}.info-page-kicker{margin-bottom:6px;color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.info-page-header h1{font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);letter-spacing:-.04em}.info-page-header p:not(.info-page-kicker){max-width:560px;margin:0 auto;color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.info-page-section{margin-top:30px}.info-page-section-title{margin-bottom:12px;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em}.info-card-list{display:flex;flex-direction:column;gap:14px}.info-card{display:flex;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.info-card-num{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-weight:800;line-height:1}.info-card h2,.info-card h3{margin:0 0 4px;font-size:1.05rem}.info-card p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.info-page-actions{margin-top:26px;text-align:center}.info-page-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-weight:700;text-decoration:none}.info-page-cta:hover{opacity:.9}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px}.faq-item summary{cursor:pointer;font-weight:700;font-size:var(--text-sm);color:var(--text)}.faq-item p{margin:8px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}@media (max-width: 520px){.info-card{padding:15px}}h1{font-size:2rem;font-weight:700;line-height:1.2;color:var(--text);margin-bottom:8px}h2{font-size:1.4rem;font-weight:600;color:var(--text);margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.font-display,h1,h2{font-family:var(--font-display)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 3px #8a3f28}.btn-primary:hover:not(:disabled){opacity:.92}.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #8a3f28}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 2px 0 var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-outline:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--border)}#change-set-btn{border-color:var(--accent);color:var(--accent)}#play-again-btn.btn-primary{border-color:var(--accent);color:#fff}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.photo-hero{background:var(--photo-bg);border-radius:16px;overflow:hidden;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;margin:12px 0;position:relative}.photo-hero img{width:100%;height:100%;object-fit:contain;display:block}.photo-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(26,26,46,.5),transparent);pointer-events:none}.photo-hero .report-photo-btn{position:absolute;top:8px;right:8px;z-index:2;background:#1a1411c7;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-full);padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer;line-height:1;transition:background .15s}.photo-hero .report-photo-btn:hover{background:#8f3a2ef2}.photo-hero .report-photo-btn:disabled{cursor:default;background:#047857eb}.photo-hero .photo-credit{position:absolute;bottom:8px;left:12px;padding:3px 7px;border-radius:var(--radius-full);background:#00000094;color:#fffffff0;font-size:9px;z-index:2;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-prompt{text-align:center;padding:8px 16px 4px}.round-prompt-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);display:block}.round-prompt-location{font-size:.8rem;color:var(--text-secondary);display:block;margin-top:2px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.choice{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:14px 12px;cursor:pointer;text-align:center;box-shadow:0 3px #e0d5c8;transition:transform .1s ease,box-shadow .1s ease,border-color .15s ease}.choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #e0d5c8}.choice:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #e0d5c8}.choice-name{font-weight:700;font-size:var(--text-base);color:var(--text);display:block}.choice-latin{font-style:italic;font-size:var(--text-sm);color:var(--text-secondary);display:block;margin-top:3px}.choice.correct{border-color:var(--success);background:var(--success-bg);box-shadow:0 3px 0 var(--success)}.choice.correct .choice-name{color:var(--success)}.choice.close{border-color:var(--warning-border);background:var(--warning-bg);box-shadow:0 3px 0 var(--warning)}.choice.close .choice-name{color:var(--warning)}.choice.miss{border-color:var(--error-border);background:var(--error-bg);box-shadow:0 3px 0 var(--error)}.choice.miss .choice-name{color:var(--error)}.choice.dimmed{opacity:.4;pointer-events:none}.feedback-card{border-radius:14px;padding:16px 20px;border:1px solid;margin-bottom:20px}.feedback-card .feedback-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:6px}.feedback-card .feedback-body{font-size:var(--text-sm);line-height:1.5;color:var(--text)}.learning-answer-sci{color:var(--text-secondary);font-style:italic;font-size:var(--text-sm)}.learning-tell{font-size:var(--text-sm);line-height:1.5;margin-top:var(--space-3)}.learning-tell .learning-tell-lead{color:var(--accent);font-weight:600}.learning-funfact{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.45;margin-top:var(--space-4)}.feedback-card.exact{background:var(--success-bg);border-color:var(--success-border)}.feedback-card.exact .feedback-title{color:var(--success)}.feedback-card.close{background:var(--warning-bg);border-color:var(--warning-border)}.feedback-card.close .feedback-title{color:var(--warning)}.feedback-card.miss{background:var(--error-bg);border-color:var(--error-border)}.feedback-card.miss .feedback-title{color:var(--error)}.btn-next-round{display:block;width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 3px #8a3f28;transition:transform .1s ease,box-shadow .1s ease;text-align:center}.btn-next-round:active{transform:translateY(3px);box-shadow:0 0 #8a3f28}.reactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;margin-bottom:16px}.reaction-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 0 var(--border);transition:transform .1s ease,box-shadow .1s ease,border-color .15s ease}.reaction-btn:hover{border-color:var(--accent);color:var(--accent)}.reaction-btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--border)}.reaction-btn.active,.reaction-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px #8a3f28}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg);font-size:.85rem}.game-layout #game-screen{max-width:720px;padding:8px 10px 18px}.game-hud{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-size:var(--text-sm)}.game-back-link{color:var(--accent);font-weight:800;text-decoration:none;white-space:nowrap}.game-hud-main{min-width:0;text-align:center;font-weight:800}.game-hud-meta{max-width:160px;overflow:hidden;color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.game-hud-streak{color:var(--success);font-size:var(--text-xs);font-weight:800}.game-layout .session-progress{padding:7px 0 2px}.game-layout .photo-hero{margin:8px 0}.game-layout .round-prompt{padding:4px 8px 6px}.game-layout .choices{gap:8px;margin-bottom:12px}.game-layout .choice{min-height:64px;padding:10px 8px}@media (max-width: 430px){.game-layout #game-screen{padding-inline:8px}.game-hud{gap:6px;font-size:.78rem}.game-hud-meta{max-width:92px}.game-layout .photo-hero{border-radius:12px}.game-layout .choice-name{font-size:.92rem;line-height:1.2}.game-layout .choice-latin{font-size:.75rem}}.diff-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full);vertical-align:middle;margin-left:6px;text-transform:uppercase;letter-spacing:.03em}.diff-beginner{background:#05966926;color:var(--success)}.diff-intermediate{background:#b85a3b26;color:var(--accent)}.diff-themed{background:#6366f126;color:#818cf8}.diff-expert{background:#dc262626;color:var(--error)}.summary{text-align:center;padding:32px 0}.summary-set-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.summary-score{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--accent);line-height:1;margin-bottom:4px}.summary-sub{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:16px}.result-summary{max-width:680px;margin:0 auto;padding-top:18px}.result-hero{padding:clamp(18px,5vw,28px);border-radius:26px;background:radial-gradient(circle at 20% 0%,rgba(212,121,78,.28),transparent 34%),#35251f;color:#fff8ef;box-shadow:0 4px #211511,0 18px 42px #35251f38}.result-hero .summary-set-label,.result-hero .summary-sub,.result-hero .subtitle,.result-hero .tt-stat-label{color:#fff8efc7}.result-hero .summary-score{color:#ffd8b8}.result-hero .summary-stat,.result-hero .tt-stats{background:#fff8ef14;border-color:#fff8ef2e}.result-hero .summary-stat-val,.result-hero .tt-stat-value{color:#fff8ef}.result-actions{display:flex;gap:12px;justify-content:center;margin:18px 0 12px}.result-actions .btn{min-width:138px}.result-secondary{margin-top:12px}@media (max-width: 480px){.result-summary{padding-top:12px}.result-actions{flex-direction:column;margin-top:14px}.result-actions .btn{width:100%}}.tt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;padding:16px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.tt-stat{text-align:center}.tt-stat-value{font-size:1.4rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.tt-stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.tt-brackets{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0 20px}.tt-bracket{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:99px;border:1px solid}.tt-bracket-fast{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.tt-bracket-good{background:#6366f11a;color:#818cf8;border-color:#6366f14d}.tt-bracket-ok{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.tt-bracket-slow{background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.new-best-badge{display:inline-block;background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);border-radius:99px;padding:4px 16px;font-size:.85rem;font-weight:600;margin-top:4px}.streak-rank{display:inline-block;padding:2px 12px;border-radius:99px;font-size:.85rem;font-weight:700;border:1px solid}.streak-rank-legendary{background:linear-gradient(135deg,#eab30826,#f59e0b26);color:#d97706;border-color:#eab30866}.streak-rank-expert{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.streak-rank-sharp{background:#6366f11a;color:#818cf8;border-color:#6366f14d}.streak-rank-good{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.streak-rank-start{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}@media (max-width: 480px){.tt-stats{grid-template-columns:repeat(2,1fr)}}.round-dots{display:flex;justify-content:center;gap:6px;margin:12px 0}.round-dot{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.round-dot.correct{background:var(--success)}.round-dot.wrong{background:var(--error)}.emoji-grid{font-size:24px;letter-spacing:4px;margin:16px 0}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.summary-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 8px;text-align:center}.summary-stat-val{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text)}.summary-stat-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;margin-top:2px}.potd-card{background:#b85a3b0f;border:1px solid rgba(184,90,59,.15);border-radius:var(--radius-md);padding:12px;margin:12px 0;text-align:left;display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:background var(--transition-fast)}a.potd-card:hover{background:#b85a3b1f}.potd-card-icon{font-size:28px;flex-shrink:0}.potd-card-text{font-size:var(--text-sm);line-height:1.4}.potd-card-text strong{font-size:var(--text-sm);color:var(--text);display:block}.potd-card-text em{color:var(--text-secondary)}.share-section{margin:20px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center}.share-flavor{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:12px}.btn-share-hero{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:700;margin-bottom:12px;box-shadow:0 3px #8a3f28}.btn-share-hero.btn-outline{border-color:var(--accent);color:var(--accent);box-shadow:0 3px #d4a07a}.btn-share-hero:active{transform:translateY(3px);box-shadow:0 0 #8a3f28}.btn-share-hero.btn-outline:active{box-shadow:0 0 #d4a07a}.btn-share-hero svg{flex-shrink:0}.share-buttons-secondary{display:flex;gap:10px;justify-content:center}.share-buttons-secondary .share-icon-btn{opacity:.7;transition:opacity .15s}.share-buttons-secondary .share-icon-btn:hover{opacity:1}.share-icon-btn{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg);border:1.5px solid var(--border);box-shadow:0 2px 0 var(--border);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.share-icon-btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--border)}.share-icon-btn svg{flex-shrink:0}.feedback-form{display:flex;flex-direction:column;gap:12px}.feedback-form label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:4px}.feedback-form select,.feedback-form textarea,.feedback-form input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.9rem;color:var(--text);font-family:inherit}.feedback-form textarea{min-height:80px;resize:vertical}.feedback-form select:focus,.feedback-form textarea:focus,.feedback-form input:focus{outline:none;border-color:var(--accent)}.feedback-tab{position:fixed;bottom:24px;right:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.feedback-tab-btn{background:var(--accent);color:#fff;border:none;border-radius:99px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:opacity .15s ease}.feedback-tab-btn:hover{opacity:.88}.feedback-tab-panel{display:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;width:280px;box-shadow:0 4px 16px #0000001f;flex-direction:column;gap:8px}.feedback-tab-panel.open{display:flex}.feedback-tab-panel label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.feedback-tab-panel select,.feedback-tab-panel textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:.85rem;color:var(--text);font-family:inherit}.feedback-tab-panel textarea{min-height:72px;resize:vertical}a{color:var(--accent)}@media (max-width: 768px){h1{font-size:1.6rem}.photo-hero{aspect-ratio:16 / 8;margin-bottom:8px;border-radius:8px}.choices{gap:8px;margin-bottom:16px}.choice{padding:10px 12px}.choice-name{font-size:.9rem}.choice-latin{font-size:.78rem}}.site-footer{text-align:center;padding:20px 16px 16px;color:var(--text-secondary);font-size:11px;border-top:1px solid var(--border);margin-top:48px}.footer-credits{margin-top:10px}.footer-credits a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}.footer-credits a:hover{color:var(--accent)}.footer-support-banner{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;padding:8px 20px;border:1.5px solid var(--accent);border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast)}.footer-support-banner:hover{background:var(--accent);color:#fff}.footer-coffee-icon{flex-shrink:0}.support-hero{line-height:1}.mp-nudge-emoji{font-size:40px;line-height:1}.support-coffee-icon{animation:coffee-steam 2.5s ease-in-out infinite}@keyframes coffee-steam{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.support-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;text-decoration:none}.support-btn-icon{flex-shrink:0}.support-dismiss{display:block;width:100%;background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:6px}.support-dismiss:hover{color:var(--text)}.interview-card{position:relative;overflow:hidden;max-width:430px;align-items:stretch;gap:0;padding:0;border-color:var(--border);background:radial-gradient(circle at top right,rgba(232,165,75,.18),transparent 9rem),linear-gradient(180deg,var(--warning-bg) 0%,var(--surface) 54%);text-align:left}.interview-card:before{content:"";display:block;height:8px;background:linear-gradient(90deg,var(--accent),#e8a54b,var(--success))}.interview-card .interview-desktop,.interview-card .interview-mobile{padding:24px}.interview-mobile{display:none}.interview-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:1.35rem;line-height:1;cursor:pointer}.interview-close:hover{color:var(--text)}.interview-heading{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding-right:28px}.interview-heading .onboarding-title{font-size:1.5rem}.interview-chat-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:var(--warning-bg);color:var(--accent);box-shadow:0 8px 22px #b85a3b29}.interview-chat-icon svg{width:27px;height:27px}.interview-copy{margin-top:14px;padding:14px 15px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:.96rem;line-height:1.5;box-shadow:0 1px #ffffffe6 inset}.interview-questions{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.interview-questions li{position:relative;padding:10px 12px 10px 38px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-size:.9rem;box-shadow:0 1px #ffffffe6 inset}.interview-questions li:before{content:"✓";position:absolute;left:12px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:var(--success);color:#fff;font-size:.72rem;font-weight:900;transform:translateY(-50%)}.interview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.interview-primary,.interview-secondary{width:100%}.interview-dismiss{grid-column:1 / -1;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}.interview-dismiss:hover{color:var(--text)}.interview-mobile-copy{margin-top:14px;color:var(--text);font-size:1rem;line-height:1.5}.interview-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.interview-points span{padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-secondary);font-size:.8rem;font-weight:800}@media (max-width: 600px){.interview-card .interview-desktop{display:none}.interview-card .interview-mobile{display:block;padding:24px 18px 22px}.interview-heading{grid-template-columns:44px 1fr;gap:10px}.interview-heading .onboarding-title{font-size:1.34rem}.interview-chat-icon{width:44px;height:44px;border-radius:14px}.interview-chat-icon svg{width:24px;height:24px}.interview-actions{grid-template-columns:1fr}.interview-points{grid-template-columns:1fr 1fr}}::view-transition-old(root){animation:.2s ease-out vt-fade-out}::view-transition-new(root){animation:.2s ease-in vt-fade-in}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}.mode-group{margin-top:28px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px 16px;max-width:100%;overflow:hidden}.mode-group-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.mode-group-title{font-size:1.15rem;font-weight:700;margin-bottom:2px}.mode-group-subtitle{font-size:.82rem;color:var(--text-secondary)}.mode-group-meta{font-size:.8rem;white-space:nowrap}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px 10px;background:var(--bg);border:1.5px solid var(--border);border-bottom:3px solid var(--accent);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s ease,background-color .15s ease,transform .1s ease,box-shadow .15s ease;text-align:center;box-shadow:0 2px 4px #00000014;cursor:pointer}.mode-btn:hover{border-color:var(--accent);box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.mode-btn:active{transform:translateY(1px);box-shadow:none}.mode-btn-icon{font-size:24px;line-height:1}.mode-btn-label{font-size:.85rem;font-weight:700;color:var(--text);margin-top:4px}.mode-btn-desc{font-size:.7rem;color:var(--accent);font-weight:600}.themed-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.themed-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 8px;background:var(--bg);border:1.5px solid var(--border);border-bottom:3px solid var(--accent);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s ease,background-color .15s ease,transform .1s ease,box-shadow .15s ease;text-align:center;box-shadow:0 2px 4px #00000014;cursor:pointer}.themed-btn:hover{border-color:var(--accent);box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.themed-btn:active{transform:translateY(1px);box-shadow:none}.themed-btn-icon{font-size:24px;line-height:1}.themed-btn-label{font-size:.78rem;font-weight:700;color:var(--text);margin-top:4px;line-height:1.2}.themed-btn-meta{font-size:.65rem;color:var(--text-secondary)}@media (max-width: 768px){.themed-buttons{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.mode-group{padding:14px 14px 12px}.mode-buttons{gap:8px}.mode-btn{padding:10px 6px 8px}.mode-btn-icon{font-size:20px}.mode-btn-label{font-size:.78rem}.mode-btn-desc{font-size:.65rem}.themed-buttons{grid-template-columns:repeat(3,1fr);gap:8px}.themed-btn{padding:10px 4px 8px}.themed-btn-icon{font-size:20px}.themed-btn-label{font-size:.72rem}}.timer-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-weight:600;position:relative}.timer-countdown{font-size:1.4rem;font-variant-numeric:tabular-nums;color:var(--accent)}.timer-countdown.urgent{color:var(--error);animation:pulse .5s ease-in-out infinite alternate}.timer-score{font-size:1.1rem;position:relative}.timer-last-time{font-size:.75rem;color:var(--text-secondary);margin-left:8px;opacity:0;transition:opacity .2s ease}.timer-last-time.visible{opacity:1}.streak-bar{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:relative}.streak-count{font-size:2rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.streak-label{font-size:.85rem;color:var(--text-secondary);margin-left:8px}.game-layout .timer-bar,.game-layout .streak-bar,.game-layout .top-bar{padding:8px 0;background:transparent;border-bottom:1px solid var(--border)}.game-layout .timer-countdown{display:inline-block;font-family:var(--font-display);font-size:1.45rem;line-height:1}.game-layout .timer-last-time{display:inline-block;min-width:34px;margin-left:6px}.game-layout .streak-count{font-family:var(--font-display);font-size:1.6rem;line-height:1}.score-popup{position:absolute;top:-8px;right:-4px;font-size:.85rem;font-weight:700;color:var(--success);opacity:0;transform:translateY(0);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.score-popup.visible{opacity:1;transform:translateY(-12px)}.score-popup.miss{color:var(--error)}@keyframes animFadeIn{0%{opacity:0}to{opacity:1}}@keyframes animSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes animScaleBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes animShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes animFloatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes animCountUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes animEmojiPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.anim-fade-in{animation:animFadeIn .3s ease-out both}.anim-slide-up{animation:animSlideUp .34s ease-out both}.anim-scale-bounce{animation:animScaleBounce .2s ease-out}.anim-shake{animation:animShake .3s ease-out}.anim-float-up{animation:animFloatUp .6s ease-out forwards}.stagger-in>*{opacity:0;animation:animSlideUp .3s ease-out both}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:50ms}.stagger-in>*:nth-child(3){animation-delay:.1s}.stagger-in>*:nth-child(4){animation-delay:.15s}.emoji-stagger .emoji-char{display:inline-block;opacity:0;animation:animEmojiPop .2s ease-out both}.flash-correct{animation:flashGreen .4s ease-out}.flash-wrong{animation:flashRed .4s ease-out,animShake .3s ease-out}@keyframes flashGreen{0%{box-shadow:inset 0 0 #05966900}50%{box-shadow:inset 0 0 0 3px #05966966}to{box-shadow:inset 0 0 #05966900}}@keyframes flashRed{0%{box-shadow:inset 0 0 #dc262600}50%{box-shadow:inset 0 0 0 3px #dc26264d}to{box-shadow:inset 0 0 #dc262600}}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.rules-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.rules-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;max-width:380px;width:90%;position:relative;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;align-items:center;gap:14px}.rules-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px 8px;line-height:1}.rules-close:hover{color:var(--text)}.rules-diagram{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:16px;width:100%;font-size:.8rem;color:var(--text-secondary)}.rules-diagram .diagram-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border)}.rules-diagram .diagram-row:last-child{border-bottom:none}.rules-diagram .diagram-label{font-weight:600;color:var(--text);font-size:.75rem}.rules-diagram .diagram-value{font-size:.75rem}.rules-diagram .diagram-photo-placeholder{background:var(--photo-bg);border-radius:8px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:24px;margin:8px 0}.rules-diagram .diagram-choices{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.rules-diagram .diagram-choice{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.7rem;text-align:center}.rules-title{font-size:1.1rem;font-weight:700;text-align:center;color:var(--text)}.rules-items{display:flex;flex-direction:column;gap:10px}.rules-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text);line-height:1.3}.rules-item-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.speed-brackets{width:100%;font-size:.75rem;border-collapse:collapse;margin:8px 0}.speed-brackets td{padding:3px 8px;border-bottom:1px solid var(--border)}.speed-brackets td:last-child{text-align:right;font-weight:600;color:var(--accent)}.daily-cards{display:flex;gap:12px;margin-top:12px}.daily-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--surface);border:2px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .15s}.daily-card:hover{border-color:var(--accent)}.daily-card-title{font-weight:700;font-size:15px}.daily-card-status{font-size:13px;color:var(--text-secondary)}.daily-card-streak{font-size:12px;color:var(--accent);font-weight:600}.daily-image-container{width:100%;aspect-ratio:16 / 10;background:var(--photo-bg);border-radius:16px;overflow:hidden;position:relative}.daily-image-container img{width:100%;height:100%;object-fit:contain;transition:opacity 1s ease}.daily-history{display:flex;gap:6px;padding:10px 0;overflow-x:auto}.daily-history-thumb{min-width:48px;height:36px;border-radius:6px;overflow:hidden;border:2px solid var(--border);opacity:.4;cursor:pointer;position:relative}.daily-history-thumb.active{border-color:var(--accent);opacity:1}.daily-history-thumb.wrong:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#c4b5a899;color:#fff;font-size:14px;font-weight:700}.daily-history-thumb.locked{opacity:.2;cursor:default}.daily-history-thumb img{width:100%;height:100%;object-fit:cover}.daily-wrong-guesses{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0;min-height:24px}.daily-wrong-guess{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;background:var(--error-bg);color:var(--error);border:1px solid var(--error-border);font-size:12px;font-weight:600}.daily-answer-panel{padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 2px 0 var(--border)}.daily-answer-label{display:block;margin-bottom:8px;color:var(--text);font-size:var(--text-sm);font-weight:800}.daily-answer-filter{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font:inherit}.daily-input-row{display:flex;gap:8px;margin-top:12px}.daily-input-wrapper{flex:1;position:relative}.daily-input{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:10px;font-size:16px;background:var(--surface);color:var(--text);outline:none}.daily-input:focus{border-color:var(--accent)}.daily-submit{width:100%;min-height:48px;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 3px #8a3f28;transition:transform .1s ease,box-shadow .1s ease}.daily-submit:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #8a3f28}.daily-submit:disabled{background:#e1d6ca;color:var(--text-secondary);border:1px solid var(--border);box-shadow:none;opacity:1;cursor:not-allowed}.daily-submit.ready{background:var(--accent);color:#fff;border-color:var(--accent)}.daily-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;z-index:20;display:none}.daily-autocomplete.open{display:block}.daily-autocomplete-item{padding:10px 14px;cursor:pointer;font-size:14px;border-bottom:1px solid var(--border)}.daily-autocomplete-item:last-child{border-bottom:none}.daily-autocomplete-item:hover,.daily-autocomplete-item.highlighted{background:color-mix(in srgb,var(--accent) 15%,transparent)}.daily-autocomplete-item .scientific{color:var(--text-secondary);font-style:italic;margin-left:6px}.daily-reveal{text-align:center}.daily-reveal-image-wrapper{position:relative;margin-bottom:12px}.daily-reveal-image{width:100%;border-radius:16px;display:block}.daily-reveal-credit{position:absolute;bottom:8px;left:12px;padding:3px 7px;border-radius:var(--radius-full);background:#00000094;color:#fffffff0;font-size:9px;z-index:1;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-result-badge{display:inline-block;padding:6px 20px;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:15px;margin-bottom:12px}.daily-result-badge.win{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.daily-result-badge.lose{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.daily-species-name{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:2px}.daily-species-scientific{font-size:14px;color:var(--text-secondary);font-style:italic;margin-bottom:8px}.daily-blurb{font-size:13px;line-height:1.5;color:var(--text-secondary);padding:10px;background:var(--surface);border-radius:10px;margin-bottom:8px;text-align:left}.daily-streaks{display:flex;gap:8px;margin-bottom:10px}.daily-streak-box{flex:1;text-align:center;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.daily-streak-number{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text)}.daily-streak-label{font-size:12px;color:var(--text-secondary)}.daily-pill-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto;padding:10px 0 2px;-webkit-overflow-scrolling:touch}.daily-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,background-color .15s;white-space:nowrap}.daily-pill:hover{border-color:var(--accent)}.daily-pill.selected{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #b85a3b38}.daily-countdown{font-size:14px;color:var(--text-secondary);margin-top:8px}@media (max-width: 480px){.daily-image-container{aspect-ratio:4 / 3;border-radius:8px}.daily-input{padding:10px 12px;font-size:16px}.daily-submit{padding:10px 16px;font-size:14px}.daily-history-thumb{min-width:40px;height:30px}.daily-streaks{font-size:13px}.daily-streak-number{font-size:24px}.daily-input-row{gap:6px}.daily-pill-grid{max-height:190px;gap:7px}.daily-pill{min-height:42px;padding:7px 12px;font-size:12px}}.sound-toggle-wrap{position:relative}#sound-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px;line-height:1}.sound-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;width:220px;box-shadow:0 4px 16px #00000026;z-index:200;flex-direction:column;gap:12px}.sound-panel.open{display:flex}.sound-panel-row{display:flex;align-items:center;gap:8px}.sound-panel-row label{font-size:var(--text-sm);color:var(--text-secondary);min-width:52px}.sound-panel-row input[type=range]{flex:1;height:4px;accent-color:var(--accent);cursor:pointer}.sound-panel-row input[type=range]:disabled{opacity:.4;cursor:not-allowed}.sound-panel-val{font-size:var(--text-xs);color:var(--text-secondary);min-width:32px;text-align:right}.sound-panel-mute{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 0;cursor:pointer;font-size:var(--text-sm);color:var(--text);transition:background var(--transition-fast)}.sound-panel-mute:hover{background:var(--border)}.session-progress{display:flex;gap:3px;padding:8px 16px 4px}.session-progress-segment{flex:1;height:4px;border-radius:2px;background:var(--border);transition:background var(--transition-fast)}.session-progress-segment.filled{background:var(--success)}.session-progress-segment.filled-close{background:var(--warning)}.session-progress-segment.filled-miss{background:var(--error)}.session-progress-segment.current{background:var(--accent);animation:pulse-segment 1.5s ease-in-out infinite}@keyframes pulse-segment{0%,to{opacity:.5}50%{opacity:1}}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-modal);padding:var(--space-4)}.modal-backdrop.visible{opacity:1}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);max-width:420px;width:100%;max-height:85vh;overflow-y:auto;transform:translateY(16px);opacity:0;transition:transform var(--transition-modal),opacity var(--transition-modal)}.modal-backdrop.visible .modal-card{transform:translateY(0);opacity:1}@media (max-width: 600px){.modal-backdrop{align-items:flex-end;padding:0}.modal-card{max-width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;max-height:80vh;padding:var(--space-6) var(--space-4)}.modal-backdrop.visible .modal-card{transform:translateY(0)}}.achievement-toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:250;background:var(--surface);border:1px solid var(--accent);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);animation:animSlideUp .3s ease-out both;box-shadow:0 4px 12px #00000026;max-width:320px}.achievement-toast-icon{font-size:1.5rem;flex-shrink:0}.achievement-toast-text{display:flex;flex-direction:column;gap:2px}.achievement-toast-name{font-weight:600;font-size:var(--text-sm);color:var(--text)}.achievement-toast-desc{font-size:var(--text-xs);color:var(--text-secondary)}.achievement-toast.fade-out{animation:animFloatUp .4s ease-out forwards}.milestone-toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:300;background:linear-gradient(135deg,#5c3a1e,#7a4a28);border:1px solid #a0603a;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);animation:milestoneSlideIn .3s ease-out both;box-shadow:0 4px 16px #0000004d;max-width:260px;pointer-events:none}.milestone-toast-label{font-weight:600;font-size:var(--text-sm);color:#fde8d0}.milestone-toast-fires{font-size:var(--text-xs);color:#e0a87c}.milestone-toast.fade-out{animation:milestoneSlideOut .4s ease-out forwards}@keyframes milestoneSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes milestoneSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px) translateY(-10px)}}.milestone-pulse{animation:milestoneGoldPulse .6s ease-out}@keyframes milestoneGoldPulse{0%{transform:scale(1);text-shadow:none;color:var(--text)}50%{transform:scale(1.3);text-shadow:0 0 12px #ffd700,0 0 24px #ffa500;color:gold}to{transform:scale(1);text-shadow:none;color:var(--text)}}.milestone-banner-flash{position:fixed;top:0;left:0;right:0;z-index:299;text-align:center;padding:var(--space-3) var(--space-4);font-weight:700;font-size:var(--text-lg);color:#fde8d0;background:linear-gradient(135deg,#7a4a28,#a0603a,#7a4a28);animation:milestoneBannerFlash 2.5s ease-out forwards;pointer-events:none}@keyframes milestoneBannerFlash{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.score-counter-tween{display:inline-block;animation:animCountUp .3s ease-out}.onboarding-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;transition:opacity .34s ease}.onboarding-overlay.visible{opacity:1}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;max-width:380px;width:90%;text-align:center;box-shadow:0 8px 32px #0000004d;transform:translateY(16px);transition:transform .34s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.onboarding-overlay.visible .onboarding-card{transform:translateY(0)}.onboarding-title{font-size:1.4rem;font-weight:700}.onboarding-text{font-size:1rem;color:var(--text);line-height:1.5}.onboarding-detail{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.onboarding-scoring{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;width:100%}.onboarding-score-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem;border-bottom:1px dashed var(--border)}.onboarding-score-row:last-child{border-bottom:none}.onboarding-pts{font-weight:700;color:var(--accent)}.onboarding-cta{width:100%}@media (max-width: 480px){.onboarding-overlay{align-items:flex-end}.onboarding-card{border-radius:16px 16px 0 0;width:100%;max-width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom));transform:translateY(100%)}.onboarding-overlay.visible .onboarding-card{transform:translateY(0)}}.daily-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#c06a3e,#d4895a,#e0a070);color:#fff;padding:14px 18px;border-radius:14px;margin-bottom:24px;font-size:var(--text-sm);box-shadow:0 6px 20px #b85a3b40,0 2px 6px #b85a3b26;position:relative;overflow:hidden}.daily-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.daily-banner-text{color:#fffffff2}.daily-banner-link{background:#ffffff40;color:#fff;padding:5px 14px;border-radius:10px;text-decoration:none;font-weight:700;font-size:var(--text-sm);backdrop-filter:blur(4px);transition:background var(--transition-fast)}.daily-banner-link:hover{background:#ffffff59}.homepage-section{margin-bottom:var(--space-6)}.homepage-section-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.2px}.homepage-section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.play-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.set-choice-wrap,.themed-set-wrap{display:block}.set-choice-card{width:100%;font:inherit;cursor:pointer}button.play-card,button.themed-btn{appearance:none}.mode-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,48px);background:#261c15b8;backdrop-filter:blur(10px)}.mode-overlay[hidden]{display:none}.mode-overlay-open{overflow:hidden}.mode-overlay-panel{width:min(920px,100%);min-height:min(720px,calc(100dvh - 48px));display:grid;grid-template-rows:minmax(210px,42vh) minmax(260px,1fr);gap:clamp(18px,4vh,42px);align-items:stretch}.mode-overlay-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff24;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}.mode-overlay-hero{align-self:end;justify-self:center;width:min(500px,100%);padding:clamp(24px,4vw,34px);background:var(--surface);border:1.5px solid var(--border);border-bottom:5px solid var(--accent);border-radius:26px;text-align:center;box-shadow:0 20px 60px #00000047,0 4px #d4a07a}.mode-overlay-hero-icon{display:block;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1;margin-bottom:12px}.mode-overlay-eyebrow{margin:0 0 4px;color:var(--accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mode-overlay-hero h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.7rem);letter-spacing:-.04em}.mode-overlay-hero p:last-of-type{margin:8px 0 12px;color:var(--text-secondary)}#mode-overlay-detail{display:inline-flex;padding:4px 12px;border-radius:var(--radius-full);background:#b85a3b1a;color:var(--accent);font-size:var(--text-xs);font-weight:700}.mode-overlay-modes{align-self:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,18px)}.mode-overlay-mode{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:clamp(18px,3vw,28px) 16px;border:1.5px solid rgba(255,255,255,.34);border-bottom:4px solid var(--accent);border-radius:22px;background:#ffffffeb;color:var(--text);text-align:center;text-decoration:none;box-shadow:0 10px 26px #0000002e;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}:root[data-theme=dark] .mode-overlay-mode{background:#2a211bf0}.mode-overlay-mode:hover,.mode-overlay-mode:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px #00000040;outline:none}.mode-overlay-mode-icon{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.mode-overlay-mode strong{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.35rem)}.mode-overlay-mode-detail{color:var(--accent);font-size:var(--text-sm);font-weight:700}.mode-overlay-mode-desc{max-width:180px;color:var(--text-secondary);font-size:var(--text-xs);line-height:1.35}@media (max-width: 720px){.mode-overlay{align-items:stretch;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.mode-overlay-panel{min-height:calc(100dvh - 34px);grid-template-rows:minmax(210px,38vh) 1fr;gap:16px}.mode-overlay-hero{width:min(360px,100%);padding:22px 18px 20px;border-radius:22px}.mode-overlay-modes{grid-template-columns:1fr;gap:10px}.mode-overlay-mode{min-height:88px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-items:center;justify-items:start;padding:14px 16px;text-align:left}.mode-overlay-mode-icon{grid-row:1 / 4;font-size:2rem}.mode-overlay-mode-desc{max-width:none}}@media (max-width: 380px){.mode-overlay-panel{grid-template-rows:minmax(180px,34vh) 1fr}.mode-overlay-hero-icon{margin-bottom:8px}.mode-overlay-mode{min-height:78px;padding:12px 14px}}.play-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:20px 14px;text-align:center;text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 2px #d4a07a,0 4px 12px #b85a3b14;transition:transform .15s ease,box-shadow .15s ease}.play-card:hover{transform:translateY(-2px);box-shadow:0 4px #d4a07a,0 8px 20px #b85a3b1f}.play-card:active{transform:translateY(2px);box-shadow:0 0 #d4a07a,0 1px 4px #b85a3b14}.play-card-icon{font-size:28px;margin-bottom:4px}.play-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.2px}.play-card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.play-card-detail{font-size:var(--text-xs);font-weight:600;color:var(--accent);background:#b85a3b14;padding:2px 10px;border-radius:6px;margin-top:4px}.compete-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.compete-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);gap:4px;box-shadow:0 2px 0 var(--border),0 4px 12px #00000008;transition:transform .15s ease,box-shadow .15s ease}.compete-card:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--border),0 8px 16px #0000000d}.compete-card:active{transform:translateY(2px);box-shadow:0 0 0 var(--border)}.compete-card-icon{font-size:1.3rem}.compete-card-label{font-size:var(--text-sm);font-weight:600}.compete-card-set{font-size:var(--text-xs);color:var(--text-secondary)}.expert-modes{margin-top:var(--space-3)}.expert-modes-toggle{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:center;list-style:none;padding:var(--space-2) 0}.expert-modes-toggle::-webkit-details-marker{display:none}.expert-modes-toggle:before{content:"▸ "}.expert-modes[open]>.expert-modes-toggle:before{content:"▾ "}.expert-modes-toggle:hover{color:var(--accent)}@media (max-width: 480px){.play-cards{grid-template-columns:1fr 1fr;gap:8px}.play-card{padding:16px 10px}.play-card-title{font-size:1rem}.summary-score{font-size:2.5rem}.summary-stats{grid-template-columns:repeat(3,1fr);gap:6px}.summary-stat{padding:10px 6px}.summary-stat-val{font-size:1.1rem}.round-dots{gap:4px}.round-dot{width:24px;height:24px;font-size:11px}.share-icon-btn{width:38px;height:38px}.round-prompt-title{font-size:1rem}}.profile-section{margin-bottom:24px}.profile-section h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:12px}.profile-identity{text-align:center;padding:24px 0}.profile-avatar-display{font-size:64px;line-height:1;margin-bottom:8px;position:relative;background:none;border:3px solid var(--border);border-radius:50%;width:96px;height:96px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}.profile-avatar-display:hover{border-color:var(--accent)}.profile-avatar-edit{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;font-size:13px;display:flex;align-items:center;justify-content:center}.profile-name-display{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:16px}.profile-avatar-grid{display:grid;grid-template-columns:repeat(5,48px);gap:8px;justify-content:center;margin-bottom:16px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin .3s ease}.profile-avatar-grid.open{max-height:300px;opacity:1;margin-bottom:20px}.profile-avatar-opt{width:48px;height:48px;font-size:24px;border:2px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.profile-avatar-opt:hover{border-color:var(--accent);transform:scale(1.1)}.profile-avatar-opt.selected{border-color:var(--accent);box-shadow:0 0 0 3px #b85a3b33}.profile-fields{max-width:320px;margin:0 auto;text-align:left;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease}.profile-fields.open{max-height:400px;opacity:1}.profile-field{margin-bottom:12px}.profile-field label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.profile-input,.profile-select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:.9rem;color:var(--text);font-family:inherit}.profile-input:focus,.profile-select:focus{outline:none;border-color:var(--accent)}.profile-save-btn{width:100%;margin-top:4px}.profile-save-status{display:block;text-align:center;color:var(--accent);font-size:.85rem;font-weight:600;min-height:20px;margin-top:8px}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;box-shadow:0 2px 8px #b85a3b0f}.profile-stat-value{display:block;font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text);line-height:1.2}.profile-stat-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.profile-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.profile-badge{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 10px;text-align:center;box-shadow:0 2px 8px #b85a3b0f}.profile-badge.locked{opacity:.6;background:var(--bg)}.profile-badge.locked .profile-badge-icon{filter:grayscale(1)}.profile-badge-icon{display:block;font-size:28px;margin-bottom:6px}.profile-badge-name{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text)}.profile-badge.locked .profile-badge-name{color:var(--text-secondary)}.profile-badge-desc{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:2px}.profile-badges-count,.profile-species-count{font-weight:400;color:var(--text-secondary);font-size:.9rem}.profile-species-list{display:flex;flex-wrap:wrap;gap:6px;max-height:300px;overflow-y:auto}.profile-species-tag{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:.78rem;font-style:italic;color:var(--text)}.profile-show-all-btn{display:block;margin:12px auto 0;background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;text-decoration:underline}.profile-empty{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:16px 0}.profile-user-id{text-align:center;color:var(--text-secondary);font-size:.75rem;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.profile-user-id code{font-family:monospace;background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.75rem}.header-avatar-link{text-decoration:none;display:flex;align-items:center}.header-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:20px;border:2px solid var(--border);border-radius:50%;background:var(--surface);transition:border-color .15s}.header-avatar-link:hover .header-avatar{border-color:var(--accent)}.party-shell{max-width:980px;margin:0 auto;padding:clamp(18px,4vw,42px) 16px}.party-hero-card,.party-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:22px;box-shadow:0 3px #d4a07a,0 14px 40px #b85a3b14}.party-hero-card{padding:clamp(26px,5vw,44px);margin-bottom:var(--space-6);text-align:center;background:radial-gradient(circle at top left,rgba(184,90,59,.14),transparent 34%),var(--surface)}.party-hero-card h1,.party-panel h1,.party-panel h2,.mp-waiting h1{font-family:var(--font-display);letter-spacing:-.03em}.party-hero-card h1,.party-panel h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1;margin-bottom:10px}.party-hero-card p,.party-panel p{color:var(--text-secondary)}.party-eyebrow{color:var(--accent)!important;font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.party-beta-tag{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border:1px solid rgba(184,90,59,.28);border-radius:var(--radius-full);background:#b85a3b1a}.party-hero-card .party-beta-tag,.name-prompt .party-beta-tag{margin-inline:auto}.party-landing-grid,.party-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.party-panel{padding:clamp(20px,4vw,30px);margin-bottom:var(--space-4)}.party-label{display:block;color:var(--text);font-size:var(--text-sm);font-weight:700;margin:14px 0 6px}.party-code-input,.party-name-input,.host-controls select{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font:inherit}.party-code-input{font-size:2rem;font-weight:800;letter-spacing:.25em;text-align:center;text-transform:uppercase}.party-wide-btn{width:100%;margin-top:var(--space-4)}.room-code{color:var(--accent);font-size:clamp(2.8rem,11vw,5rem)!important;letter-spacing:.18em}.party-share-panel{text-align:center}.party-room-board{display:grid;gap:var(--space-4)}.party-room-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center;margin-bottom:0;background:radial-gradient(circle at 18% 0%,rgba(212,121,78,.28),transparent 34%),#35251f;color:#fff8ef;box-shadow:0 4px #211511,0 18px 42px #35251f33}.party-room-header .party-beta-tag{color:#ffd8b8!important;border-color:#ffd8b857;background:#ffd8b81a}.party-room-kicker{margin:0;color:#fff8efb8!important;font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.party-room-status{max-width:520px;margin-top:8px;color:#fff8efd1!important;font-weight:600}.party-room-header .room-code{color:#ffd8b8;margin-bottom:0}.party-room-header .party-share-actions{margin-top:0}.party-room-header canvas{padding:8px;border-radius:var(--radius-md);background:#fff}.party-share-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4)}.party-player-list,.mp-leaderboard-list,.final-leaderboard{list-style:none}.party-player-list{max-height:360px;overflow-y:auto}.party-player,.mp-leaderboard-list li,.final-leaderboard li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--border)}.party-player.disconnected{opacity:.55}.host-pill,.offline-pill,.wins-pill{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:var(--radius-full);background:#b85a3b1a;color:var(--accent);font-size:.68rem;font-weight:800;text-transform:uppercase}.offline-pill{background:var(--error-bg);color:var(--error)}.wins-pill{background:#d4a5332e;color:#8a6a00;text-transform:none;letter-spacing:.02em}.btn-mini{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:700;padding:4px 10px}.party-form-row{margin-bottom:var(--space-3)}.party-role-note{margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.party-setup-summary{padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.party-waiting-copy{text-align:center;padding:var(--space-6) 0}.error-bar{position:sticky;bottom:14px;z-index:20;margin:var(--space-4) auto 0;max-width:680px;padding:10px 14px;border:1px solid var(--error-border);border-radius:var(--radius-md);background:var(--error-bg);color:var(--text);text-align:center}.mp-game-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-4);align-items:start}.mp-main-panel,.mp-leaderboard-sidebar{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:var(--space-4)}.mp-top-bar,.mp-timer{margin-bottom:var(--space-3)}#time-left.urgent{color:var(--accent)}.mp-leaderboard-sidebar{position:sticky;top:86px}.mp-leaderboard-sidebar h2{font-family:var(--font-display);font-size:1.2rem;margin-bottom:var(--space-2)}.mp-leaderboard-list li.finished{opacity:.65}.mp-leaderboard-list .rank,.final-leaderboard .rank{color:var(--accent);font-weight:800}#mp-host-actions{text-align:center;margin-top:var(--space-3)}.mp-waiting{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mp-result-overlay{position:fixed;top:22%;left:50%;z-index:700;transform:translate(-50%);padding:12px 22px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:1.7rem;font-weight:800;box-shadow:0 14px 34px #00000038;pointer-events:none}.party-results{max-width:640px;margin:0 auto}.party-result-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.party-card{grid-column:1 / -1;background:radial-gradient(circle at 10% 0%,rgba(184,90,59,.14),transparent 32%),var(--surface)}@media (max-width: 760px){.party-landing-grid,.party-lobby-grid,.mp-game-shell{grid-template-columns:1fr}.mp-leaderboard-sidebar{position:static}.party-share-actions{flex-direction:column}.party-room-header{grid-template-columns:1fr;text-align:center}.party-room-header .party-beta-tag{margin-inline:auto}}[data-theme=dark] .profile-avatar-opt.selected{box-shadow:0 0 0 3px #e0a07040}[data-theme=dark] .profile-stat-card,[data-theme=dark] .profile-badge{box-shadow:0 2px 8px #00000026}.party-walkthrough{background:var(--card, #fff);border:1px solid var(--border, #e7ded5);border-radius:12px;padding:14px 16px;margin-bottom:16px}.party-wt-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--text);cursor:pointer}.party-wt-chev{color:var(--accent);transition:transform .2s ease}.party-walkthrough.collapsed .party-wt-chev{transform:rotate(-90deg)}.party-wt-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.party-walkthrough.collapsed .party-wt-steps{display:none}.party-wt-steps li{display:flex;flex-direction:column;gap:6px}.party-wt-num{width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem}.party-wt-steps strong{font-size:.92rem}.party-wt-steps p{margin:2px 0 0;font-size:.8rem;color:var(--muted, #7a6f66);line-height:1.35}@media (max-width: 560px){.party-wt-steps{grid-template-columns:1fr 1fr}}.host-players-panel{margin-top:var(--space-3);font-size:.85rem}.host-players-panel summary{cursor:pointer;color:var(--text-secondary);padding:4px 0;user-select:none}.host-players-list{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.host-player-row{display:flex;align-items:center;gap:var(--space-2)}.host-player-row .player-name{flex:1}.player-disconnected{font-size:.75rem;color:var(--text-secondary)}.kick-btn{font-size:.75rem;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;color:var(--text-secondary)}.kick-btn:hover{border-color:var(--error, #c0392b);color:var(--error, #c0392b)}.group-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.group-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--space-6);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative}.group-modal h2{margin-bottom:var(--space-5)}.group-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-secondary);line-height:1;padding:4px 8px}.group-count-picker{display:flex;gap:var(--space-2)}.group-count-btn{flex:1;padding:8px 0;border:1px solid var(--border);border-radius:8px;background:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-secondary)}.group-count-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff}.group-share-rows{display:flex;flex-direction:column;gap:var(--space-4)}.group-share-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.group-room-meta{flex:1;display:flex;flex-direction:column;gap:2px}.group-room-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.group-room-code{font-family:var(--font-mono, monospace);font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:var(--accent)}.group-share-footer{font-size:.8rem;color:var(--text-secondary);margin-top:var(--space-4);text-align:center}