:root{color-scheme:light;--page: #f4f7fb;--page-glow: #eef4ff;--card: #ffffff;--card-soft: #f8fafc;--text: #18243b;--muted: #667085;--faint: #98a2b3;--line: #e4e9f0;--line-strong: #cbd5e1;--primary: #2f6fe8;--primary-dark: #1f59c5;--primary-soft: #eef4ff;--success: #22a66a;--success-soft: #ebf9f1;--warning: #edae25;--warning-soft: #fff8e6;--danger: #dc4c54;--danger-soft: #fff0f1;--ring-track: #dce6f7;--symbol-surface: #d4d5d7;--shadow: 0 10px 32px rgb(33 55 90 / 7%);--shadow-small: 0 2px 8px rgb(33 55 90 / 7%);--radius: 16px;--radius-small: 10px;--focus: 0 0 0 3px rgb(47 111 232 / 27%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-appearance=dark]{color-scheme:dark;--page: #111827;--page-glow: #17223a;--card: #1a2537;--card-soft: #202d42;--text: #f4f7fc;--muted: #b4c0d2;--faint: #8492a8;--line: #304057;--line-strong: #465773;--primary: #6f9eff;--primary-dark: #8bb2ff;--primary-soft: #1e3866;--success: #58d394;--success-soft: #173d2d;--warning: #f8c95d;--warning-soft: #493a15;--danger: #ff7b83;--danger-soft: #4a2026;--ring-track: #33435d;--symbol-surface: #4b4e54;--shadow: 0 10px 32px rgb(0 0 0 / 20%);--shadow-small: 0 2px 8px rgb(0 0 0 / 20%)}@media(prefers-color-scheme:dark){:root[data-appearance=system]{color-scheme:dark;--page: #111827;--page-glow: #17223a;--card: #1a2537;--card-soft: #202d42;--text: #f4f7fc;--muted: #b4c0d2;--faint: #8492a8;--line: #304057;--line-strong: #465773;--primary: #6f9eff;--primary-dark: #8bb2ff;--primary-soft: #1e3866;--success: #58d394;--success-soft: #173d2d;--warning: #f8c95d;--warning-soft: #493a15;--danger: #ff7b83;--danger-soft: #4a2026;--ring-track: #33435d;--symbol-surface: #4b4e54;--shadow: 0 10px 32px rgb(0 0 0 / 20%);--shadow-small: 0 2px 8px rgb(0 0 0 / 20%)}}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{min-width:320px;margin:0;background:radial-gradient(circle at 8% 0%,var(--page-glow),transparent 38rem),var(--page)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus)}button:disabled{cursor:not-allowed;opacity:.53}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em}p{line-height:1.55}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);width:min(1240px,calc(100% - 32px));min-height:78px;margin:0 auto}.brand{display:flex;flex:0 0 auto;align-items:center;gap:.28rem;min-width:108px;font-weight:900;line-height:1;letter-spacing:-.06em;white-space:nowrap}.brand-guess{font-size:1.25rem}.brand-that{width:fit-content;padding:.15rem .28rem .18rem;color:#fff;background:var(--danger);font-size:.86rem;transform:rotate(-2deg)}.brand-set{margin-left:.02rem;font-size:1.25rem}.primary-nav{display:flex;align-items:center;gap:.2rem;flex:1}.nav-link{min-height:44px;padding:.72rem .9rem;border-radius:9px;color:var(--muted);font-size:.9rem;font-weight:750}.nav-link:hover,.nav-link.is-active{color:var(--primary);background:var(--primary-soft)}.header-metrics{display:flex;gap:1.1rem}.header-metric{display:grid;grid-template-columns:auto auto;column-gap:.4rem;align-items:center;min-width:70px;font-size:.74rem;color:var(--muted)}.header-metric .metric-icon{grid-row:1 / 3;color:var(--warning);font-size:1.2rem}.header-metric strong{color:var(--text);font-size:.98rem;line-height:1}.header-metric span:last-child{grid-column:2}.menu-button{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--card);font-size:1.25rem}.notice-region{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1rem;color:var(--text);background:var(--warning-soft);border-bottom:1px solid color-mix(in srgb,var(--warning) 40%,var(--line))}.notice-region p{margin:0;font-size:.85rem}.notice-region .button{min-height:32px;padding:.25rem .6rem}.app-main{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:clamp(1.25rem,3vw,2.75rem) 0 4rem}.dashboard{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.92fr);align-items:start;gap:clamp(1.15rem,2.4vw,2rem)}.primary-column,.sidebar-column,.content-column{min-width:0}.primary-column,.sidebar-column{display:grid;gap:1rem}.card{min-width:0;padding:clamp(1rem,2.1vw,1.5rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-small)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.panel-header h2{margin:0;font-size:clamp(1rem,1.4vw,1.15rem)}.eyebrow{margin-bottom:.3rem;color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.muted-copy,.empty-copy{color:var(--muted);font-size:.88rem}.empty-copy{margin:1rem 0 0}.text-link{color:var(--primary);font-size:.82rem;font-weight:750}.text-link:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:44px;padding:.65rem 1rem;border:1px solid transparent;border-radius:9px;font-size:.86rem;font-weight:800;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--primary);box-shadow:0 5px 12px #2f6fe833}.button-primary:hover:not(:disabled){background:var(--primary-dark)}.button-secondary{color:var(--primary);border-color:var(--primary);background:transparent}.button-secondary:hover:not(:disabled){background:var(--primary-soft)}.button-quiet{color:var(--muted);border-color:var(--line);background:transparent}.button-quiet:hover:not(:disabled){color:var(--text);background:var(--card-soft)}.button-danger{color:#fff;background:var(--danger)}.button-danger-outline{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 60%,var(--line));background:transparent}.button-large{min-height:48px}.quiz-card{padding:clamp(1rem,3vw,2rem)}.feedback-heading,.summary-heading{margin:0;font-size:clamp(1.35rem,3vw,1.75rem)}.round-count{position:absolute;z-index:2;top:.75rem;right:.85rem;padding:.32rem .55rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--card) 84%,transparent);backdrop-filter:blur(4px);font-size:.78rem;font-weight:800}.question-symbol-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(min(42cqw,180px) + 4rem);margin:0 0 1.3rem;overflow:hidden;isolation:isolate;container-type:inline-size;border:1px solid var(--line);border-radius:13px;background:var(--symbol-surface)}.symbol-background{position:absolute;z-index:0;inset:0;overflow:hidden;background-image:url(./set-symbol-background-DrK0jFMB.png);background-position:0 0;background-repeat:repeat;background-size:175% auto;animation:symbol-background-drift 180s linear infinite;pointer-events:none;user-select:none;will-change:background-position}@keyframes symbol-background-drift{0%{background-position:0 0}to{background-position:-175cqw -175cqw}}@media(prefers-reduced-motion:reduce){.symbol-background{animation:none}}.symbol-image-wrap{display:grid;place-items:center;min-width:0}.question-symbol-panel .symbol-image-wrap{position:relative;z-index:1;width:min(42cqw,180px);height:min(42cqw,180px)}.question-symbol{width:100%;height:100%;object-fit:contain}.symbol-fallback{display:grid;place-items:center;width:100%;min-height:70px;padding:1rem;color:var(--muted);border:1px dashed var(--line-strong);border-radius:12px;background:var(--card-soft);font-size:.8rem;text-align:center}.symbol-dots{position:relative;z-index:1;display:flex;gap:.45rem;margin-top:.6rem}.symbol-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.symbol-dot.is-current{background:var(--text)}.clue-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.1rem;padding:.7rem .8rem;border-radius:10px;background:var(--primary-soft)}.clue-title{color:var(--primary);font-size:.72rem;font-weight:850;text-transform:uppercase}.clue-pill{color:var(--text);font-size:.82rem}.clue-pill strong{color:var(--primary)}.clue-year{color:#a87800}.answer-form{display:grid;gap:1rem}.answer-control{position:relative;display:grid;gap:.42rem}.answer-label{color:var(--text);font-size:.75rem;font-weight:850;letter-spacing:.02em}.answer-label:before{display:inline-block;width:1.1rem;margin-right:.22rem;color:var(--primary);content:"▣";text-align:center}.answer-era .answer-label:before{color:var(--success);content:"◫"}.answer-year .answer-label:before{color:var(--warning);content:"▣"}.answer-input,.search-field input,.search-field select{width:100%;min-height:46px;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:var(--card)}.answer-input::placeholder,input::placeholder{color:var(--faint)}.answer-input:hover,.search-field input:hover,.search-field select:hover{border-color:var(--primary)}.selector-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left}.selector-placeholder{color:var(--faint)}.selector-caret{color:var(--muted);font-size:1.1rem;line-height:1}.answer-actions{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(110px,.36fr));gap:.75rem;margin-top:.3rem}.field-error{margin:0;color:var(--danger);font-size:.75rem;font-weight:650}.hint-revealed{margin:0;color:var(--success);font-size:.78rem;font-weight:700}.combobox{position:relative}.suggestions{position:absolute;z-index:8;right:0;left:0;max-height:250px;margin:.25rem 0 0;overflow:auto;padding:.3rem;border:1px solid var(--line-strong);border-radius:9px;background:var(--card);box-shadow:var(--shadow);list-style:none}.suggestions li{display:flex;align-items:center;min-height:44px;padding:.65rem .7rem;border-radius:6px;color:var(--text);cursor:pointer;font-size:.82rem}.suggestions li:hover,.suggestions li.is-active{color:var(--primary);background:var(--primary-soft)}.suggestions .suggestion-more{color:var(--muted);cursor:default;font-size:.72rem;font-style:italic}.selector-modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:1rem;background:#18243b75}.selector-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,420px);max-height:min(82vh,560px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.selector-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem .8rem;border-bottom:1px solid var(--line)}.selector-modal-header h2{margin:0;font-size:1.05rem}.selector-modal-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:transparent;font-size:1.35rem;line-height:1}.selector-modal-close:hover{color:var(--text);background:var(--card-soft)}.selector-options{display:grid;align-content:start;gap:.45rem;overflow:auto;padding:.75rem;overscroll-behavior:contain}.selector-modal-answer-era .selector-options{grid-template-columns:repeat(2,minmax(0,1fr))}.selector-modal-answer-year .selector-options{grid-template-columns:repeat(3,minmax(0,1fr))}.selector-modal-answer-year .selector-option{text-align:center}.selector-option{min-height:48px;padding:.7rem .8rem;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--card);text-align:left;font-size:.86rem;font-weight:750}.selector-option:hover,.selector-option.is-selected{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.selector-empty{grid-column:1 / -1;margin:.5rem;color:var(--muted);font-size:.82rem}.settings-card{padding:clamp(1rem,2.2vw,1.35rem)}.settings-fieldset{min-width:0;margin:0 0 1.25rem;padding:0;border:0}.setting-legend{margin-bottom:.7rem;color:var(--text);font-size:.72rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.field-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.field-choice{--choice-accent: var(--primary);display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:.6rem .7rem;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:var(--card);font-size:.8rem;font-weight:800}.field-choice.is-selected{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.choice-era.is-selected{--choice-accent: var(--success);border-color:var(--success);color:var(--success);background:var(--success-soft)}.choice-year.is-selected{--choice-accent: var(--warning);border-color:var(--warning);color:#a87800;background:var(--warning-soft)}.choice-check{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#fff;background:var(--choice-accent);font-size:.74rem}.field-choice:not(.is-selected) .choice-check{border:1px solid var(--line-strong);background:transparent}.clue-choices{display:grid;gap:.5rem}.clue-choice{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:.65rem;min-height:52px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--card);text-align:left}.clue-choice.is-selected{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.clue-choice:focus:not(:focus-visible){outline:none;box-shadow:none}.clue-choice strong,.clue-choice small{display:block}.clue-choice strong{font-size:.8rem}.clue-choice small{margin-top:.12rem;color:var(--muted);font-size:.7rem}.choice-leading{color:var(--muted);font-size:1rem;text-align:center}@media(hover:hover){.clue-choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}}.scope-options,.session-options{display:flex;flex-wrap:wrap;gap:.55rem}.radio-option,.session-option{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.45rem .65rem;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--card);font-size:.76rem;font-weight:700}.radio-option:has(input:checked),.session-option:has(input:checked){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.radio-option input,.session-option input,.scope-era-option input,.appearance-option input{accent-color:var(--primary)}.scope-era-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .5rem;margin-top:.65rem}.scope-era-option{display:flex;align-items:center;gap:.35rem;min-height:44px;color:var(--muted);font-size:.7rem;line-height:1.35}.scope-era-option small{color:var(--faint)}.scope-custom-picker{display:grid;gap:.45rem;margin-top:.65rem}.selected-sets{display:flex;flex-wrap:wrap;gap:.35rem}.selected-set-pill{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.28rem .45rem .28rem .6rem;border-radius:999px;color:var(--primary);background:var(--primary-soft);font-size:.7rem}.pill-remove{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;font-weight:800}.pill-remove:hover{background:#2f6fe821}.suggestion-more{display:block;color:var(--muted);font-size:.7rem}.settings-status{min-height:1.3rem;margin:-.4rem 0 .75rem;color:var(--muted);font-size:.75rem}.start-button{width:100%}.feedback-card{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:linear-gradient(145deg,var(--card) 20%,var(--success-soft))}.feedback-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:linear-gradient(145deg,var(--card) 20%,var(--danger-soft))}.feedback-warning,.feedback-info{border-color:color-mix(in srgb,var(--warning) 45%,var(--line));background:linear-gradient(145deg,var(--card) 20%,var(--warning-soft))}.feedback-summary{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem}.feedback-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--success);font-weight:900}.feedback-error .feedback-icon{background:var(--danger)}.feedback-warning .feedback-icon,.feedback-info .feedback-icon{color:#5c4200;background:var(--warning)}.feedback-identity{display:grid;gap:.7rem;margin-bottom:1rem}.feedback-identity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.feedback-symbol{position:relative;display:grid;place-items:center;min-height:calc(min(42cqw,180px) + 2rem);overflow:hidden;isolation:isolate;container-type:inline-size;padding:1rem;border-radius:10px;background:var(--symbol-surface)}.feedback-symbol-art{position:relative;z-index:1;width:min(42cqw,180px);height:min(42cqw,180px);object-fit:contain}.feedback-set-name{min-width:0;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);overflow-wrap:anywhere}.feedback-release-year{display:grid;flex:0 0 auto;justify-items:end;gap:.12rem;color:#b27a00;text-align:right}.feedback-release-year strong{font-size:1.1rem;line-height:1}.feedback-values{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.labeled-value{display:grid;gap:.12rem;min-width:0}.labeled-value-label{color:var(--muted);font-size:.7rem}.labeled-value-value{overflow-wrap:anywhere;font-size:.82rem}.accent-era .labeled-value-value{color:var(--success)}.accent-year .labeled-value-value{color:#b27a00}.result-rows{display:grid;gap:.45rem;margin:1rem 0}.result-row{display:grid;grid-template-columns:92px 1fr;gap:.7rem;align-items:center;padding:.65rem .7rem;border-radius:9px;background:color-mix(in srgb,var(--card) 82%,transparent)}.result-status{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:850}.result-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--success);font-size:.75rem}.result-close .result-icon{color:#5c4200;background:var(--warning)}.result-incorrect .result-icon{background:var(--danger)}.result-skip .result-icon{color:var(--primary);background:var(--primary-soft)}.result-copy strong{font-size:.78rem}.result-copy p{margin:.15rem 0 0;color:var(--muted);font-size:.75rem}.points-line{display:flex;align-items:center;gap:.45rem;margin:.85rem 0 .65rem;color:#b27a00;font-size:.9rem}.delta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.76rem}.delta-line>strong{margin-right:.2rem}.delta-pill{padding:.3rem .55rem;border-radius:999px;font-size:.7rem;font-weight:750}.delta-positive{color:var(--success);background:var(--success-soft)}.delta-negative{color:var(--danger);background:var(--danger-soft)}.feedback-actions,.summary-actions,.data-actions{display:flex;flex-wrap:wrap;gap:.65rem}.feedback-actions .button-primary{flex:1 1 180px}.summary-actions{margin-top:1.25rem}.summary-intro{margin:.45rem 0 1.2rem;color:var(--muted);font-size:.88rem}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-bottom:1.35rem}.summary-stats .labeled-value{min-height:68px;padding:.7rem;border:1px solid var(--line);border-radius:9px;background:var(--card-soft)}.summary-stats .labeled-value-value{font-size:1.05rem}.session-accuracy{padding-top:1rem;border-top:1px solid var(--line)}.session-accuracy h2{margin-bottom:.75rem;font-size:.95rem}.accuracy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.accuracy-item{display:grid;gap:.15rem;padding:.7rem;border-radius:9px;background:var(--card-soft)}.accuracy-item span{color:var(--muted);font-size:.72rem}.accuracy-item strong{font-size:1.1rem}.accuracy-item small{color:var(--muted);font-size:.62rem}.recent-card .panel-header{margin-bottom:.6rem}.table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:.78rem}.history-table th{padding:.6rem .35rem;color:var(--muted);font-size:.67rem;font-weight:800;text-align:left}.history-table td{padding:.72rem .35rem;border-top:1px solid var(--line);white-space:nowrap}.history-table th:first-child,.history-table td:first-child{width:46%}.history-status{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:.4rem;border-radius:50%;color:#fff;background:var(--success);font-size:.68rem;font-weight:900}.history-bad{background:var(--danger)}.history-score{color:var(--primary);font-weight:850}.how-it-works{padding-bottom:1.2rem}.how-it-works h2{margin-bottom:1rem;text-align:center;font-size:1.05rem}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.how-step{min-height:140px;padding:.9rem .7rem;border:1px solid var(--line);border-radius:11px;text-align:center}.how-icon{min-height:35px;color:var(--primary);font-size:1.55rem;font-weight:900}.how-step strong{display:block;font-size:.76rem}.how-step p{margin:.4rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}.familiarity-card{overflow:hidden}.help-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--muted);background:var(--card-soft);font-size:.75rem;font-weight:800}.progress-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:1.25rem;padding:.2rem;border-radius:9px;background:var(--card-soft)}.progress-tabs button{min-height:44px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:750}.progress-tabs button.is-selected{color:var(--primary);background:var(--card);box-shadow:var(--shadow-small)}.familiarity-overview{display:grid;grid-template-columns:minmax(130px,.75fr) 1fr;gap:1rem;align-items:center}.familiarity-ring{display:grid;place-items:center;width:min(170px,100%);aspect-ratio:1;margin:0 auto;padding:10px;border-radius:50%}.ring-center{display:grid;place-items:center;align-content:center;width:100%;height:100%;border-radius:50%;background:var(--card);text-align:center}.ring-center strong{font-size:1.65rem;letter-spacing:-.06em}.ring-center span{max-width:80px;color:var(--muted);font-size:.62rem;line-height:1.2}.ring-center small{margin-top:.35rem;color:var(--success);font-size:.65rem;font-weight:750}.field-score-list{display:grid;gap:.7rem}.field-score{display:grid;grid-template-columns:10px 1fr auto;gap:.45rem;align-items:center;font-size:.76rem}.field-score strong{font-size:.8rem}.field-score-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.field-score-era .field-score-dot{background:var(--success)}.field-score-year .field-score-dot{background:var(--warning)}.trend-section{margin-top:1.45rem}.trend-heading{display:flex;justify-content:space-between;align-items:center}.trend-heading h3{margin:0;font-size:.78rem}.trend-heading strong{color:var(--success);font-size:.75rem}.trend-chart{display:block;width:100%;height:84px;margin-top:.55rem;overflow:visible}.chart-axis{stroke:var(--line);stroke-width:.8;stroke-dasharray:2 2}.trend-line{stroke:var(--primary);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-empty{min-height:50px;margin:.7rem 0 0;color:var(--muted);font-size:.72rem}.familiarity-foot{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.group-summary .muted-copy{margin-bottom:1rem}.group-list{display:grid;gap:.72rem;max-height:330px;overflow:auto;padding-right:.15rem}.group-row{display:grid;grid-template-columns:minmax(92px,.7fr) 1fr auto;gap:.6rem;align-items:center;font-size:.75rem}.group-row div:first-child{min-width:0}.group-row div:first-child strong,.group-row div:first-child small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row small{margin-top:.1rem;color:var(--muted);font-size:.63rem}.group-bar{height:7px;overflow:hidden;border-radius:999px;background:var(--ring-track)}.group-bar span{display:block;height:100%;border-radius:inherit;background:var(--success)}.content-column{display:grid;gap:1rem;max-width:1050px;margin:0 auto}.about-page-content{max-width:920px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-card{height:100%}.about-card>p{margin-bottom:.8rem;font-size:.86rem}.about-card>p:last-child{margin-bottom:0}.repository-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.repository-list li{padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--card-soft)}.repository-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--primary);font-size:.83rem;font-weight:800}.repository-link:hover span:first-child{text-decoration:underline}.repository-list p{margin:.25rem 0 0;color:var(--muted);font-size:.75rem}.about-disclaimer{border-color:color-mix(in srgb,var(--warning) 45%,var(--line));background:linear-gradient(145deg,var(--card),var(--warning-soft))}.about-disclaimer p{max-width:780px;margin-bottom:.75rem;font-size:.85rem}.about-disclaimer p:last-child{margin-bottom:0}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.page-title h1{margin:0;font-size:clamp(1.65rem,4vw,2.3rem)}.page-title p:last-child{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem}.familiarity-large{padding:clamp(1.1rem,3vw,2rem)}.familiarity-large .familiarity-overview{grid-template-columns:minmax(170px,.6fr) 1fr;max-width:700px;margin:0 auto}.familiarity-large .familiarity-ring{width:min(230px,100%)}.familiarity-large .ring-center strong{font-size:2.2rem}.progress-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.progress-stat-strip .labeled-value{padding:.9rem;border:1px solid var(--line);border-radius:11px;background:var(--card)}.progress-stat-strip .labeled-value-value{font-size:1.05rem}.progress-history .panel-header{margin-bottom:.25rem}.reset-confirm{margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:10px;background:var(--danger-soft)}.reset-confirm strong{font-size:.88rem}.reset-confirm p{margin:.3rem 0 .75rem;color:var(--muted);font-size:.78rem}.reset-confirm>div{display:flex;flex-wrap:wrap;gap:.5rem}.appearance-card,.local-data-card{max-width:760px}.appearance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.appearance-option{display:grid;gap:.25rem;min-height:70px;padding:.75rem;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:.8rem;font-weight:750}.appearance-option small{color:var(--faint);font-size:.68rem;font-weight:500}.appearance-option:has(input:checked){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.local-data-card p{color:var(--muted);font-size:.86rem}.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr) auto;gap:.7rem;align-items:end;margin-bottom:1rem}.search-field{display:grid;gap:.4rem;color:var(--text);font-size:.75rem;font-weight:800}.catalog-count{padding-bottom:.8rem;color:var(--muted);font-size:.76rem;white-space:nowrap}.era-groups{display:grid;gap:1.25rem}.era-group{padding-top:1rem;border-top:1px solid var(--line)}.era-group:first-child{padding-top:0;border-top:0}.era-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.era-group-header h2{margin:0;font-size:1.05rem}.era-group-count{margin:.25rem 0 0;color:var(--muted);font-size:.72rem}.era-group-header .button{flex:0 0 auto}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:.75rem}.set-card{display:grid;grid-template-columns:88px 1fr;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card)}.catalog-symbol-wrap{display:grid;place-items:center;min-height:100%;padding:.7rem;background:var(--symbol-surface)}.catalog-symbol{width:100%;height:72px;object-fit:contain}.set-card-copy{min-width:0;padding:.8rem}.set-card h2{margin:0;font-size:.86rem;line-height:1.3}.set-card p{margin:.25rem 0 .55rem;color:var(--muted);font-size:.7rem}.set-metadata{display:flex;gap:.3rem;margin-bottom:.65rem}.set-metadata code,.set-metadata span{padding:.2rem .35rem;border-radius:4px;color:var(--primary);background:var(--primary-soft);font:700 .62rem/1.2 ui-monospace,monospace}.set-familiarity{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-bottom:.7rem}.set-familiarity span{display:grid;gap:.1rem}.set-familiarity small{color:var(--muted);font-size:.58rem}.set-familiarity strong{font-size:.68rem}.set-detail{display:grid;grid-template-columns:170px 1fr;gap:1.25rem;align-items:center;background:linear-gradient(145deg,var(--card),var(--primary-soft))}.set-detail-symbol{display:grid;place-items:center;min-height:150px;padding:1rem;border-radius:11px;background:var(--symbol-surface)}.set-detail h2{margin:0;font-size:1.35rem}.set-detail p:not(.eyebrow){margin:.35rem 0 .9rem;color:var(--muted);font-size:.85rem}.detail-familiarity{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.detail-familiarity span{padding:.35rem .5rem;border-radius:999px;color:var(--muted);background:var(--card);font-size:.7rem}.detail-familiarity strong{color:var(--primary)}@media(max-width:900px){.dashboard{grid-template-columns:1fr}.sidebar-column{grid-row:2}.primary-column{grid-row:1}.sidebar-column{grid-template-columns:1fr;align-items:start}}@media(max-width:680px){.header-inner{width:min(100% - 20px,1240px);min-height:68px}.header-metrics{display:none}.menu-button{display:block;margin-left:auto}.primary-nav{position:absolute;top:calc(100% + 1px);right:10px;left:10px;display:none;flex-direction:column;align-items:stretch;padding:.5rem;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.nav-link{width:100%}.app-main{width:min(100% - 20px,1240px);padding-top:1rem}.card{border-radius:13px}.sidebar-column{display:grid;grid-template-columns:1fr}.question-symbol-panel{min-height:calc(min(46cqw,170px) + 4rem)}.question-symbol-panel .symbol-image-wrap{width:min(46cqw,170px);height:min(46cqw,170px)}.feedback-symbol{min-height:calc(min(46cqw,170px) + 2rem)}.feedback-symbol-art{width:min(46cqw,170px);height:min(46cqw,170px)}.how-steps{grid-template-columns:repeat(2,1fr)}.page-title{display:grid;align-items:start}.page-actions{width:100%}.page-actions .button{flex:1}.about-grid{grid-template-columns:1fr}.progress-stat-strip{grid-template-columns:repeat(2,1fr)}.familiarity-large .familiarity-overview{grid-template-columns:minmax(130px,.8fr) 1fr}.familiarity-large .familiarity-ring{width:min(190px,100%)}.catalog-controls{grid-template-columns:1fr 1fr}.catalog-count{grid-column:1 / -1;padding-bottom:0}.era-group-header{display:grid}.era-group-header .button{width:100%}.set-detail{grid-template-columns:110px 1fr;gap:.85rem}.set-detail-symbol{min-height:110px;padding:.7rem}.set-detail .button{width:100%}.appearance-options{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.brand{min-width:92px;gap:.2rem}.brand-guess{font-size:1.05rem}.brand-that{font-size:.74rem}.brand-set{font-size:1.05rem}.quiz-card,.card{padding:.9rem}.field-choices{gap:.35rem}.field-choice{min-height:48px;padding:.45rem;font-size:.7rem}.choice-check{width:18px;height:18px}.answer-actions{grid-template-columns:1fr}.answer-actions .button-secondary{order:2}.answer-actions .dont-know-button{order:3}.accuracy-grid{grid-template-columns:1fr}.result-row{grid-template-columns:1fr;gap:.35rem}.familiarity-overview,.familiarity-large .familiarity-overview{grid-template-columns:1fr}.familiarity-ring,.familiarity-large .familiarity-ring{width:min(175px,65%)}.catalog-controls{grid-template-columns:1fr}.catalog-count{grid-column:auto}.set-card{grid-template-columns:75px 1fr}.set-detail{grid-template-columns:1fr}.set-detail-symbol{min-height:130px}.set-detail .catalog-symbol{height:95px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}