:root{--hint-warm-bg:#fff3cd;--hint-warm-text:#856404;--hint-hot-bg:#d1e7dd;--hint-hot-text:#0a3622;--hint-cold-bg:#cfe2ff;--hint-cold-text:#084298;--fail-bg:#fde8e8;--fail-border:#e74c3c;--fail-text:#c0392b}html[data-theme=dark]{--hint-warm-bg:#3a3010;--hint-warm-text:#f0d78c;--hint-hot-bg:#14301f;--hint-hot-text:#8fd6a8;--hint-cold-bg:#152438;--hint-cold-text:#b7d3f7;--fail-bg:#3a1515;--fail-border:#e74c3c;--fail-text:#f0a0a0}.species-input-row{gap:.75rem;margin-bottom:1rem;display:flex}.species-input-row input{border:2px solid var(--border);border-radius:var(--radius);min-width:0;font-size:1rem;font-family:var(--font-sans);background:var(--input-bg);color:var(--text);flex:1;padding:.6rem 1rem}.species-input-row input:focus{border-color:var(--gnomics-green);outline:none}.guess-history{margin-bottom:1.5rem;list-style:none}.guess-row{border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.5rem .75rem;font-size:.92rem;display:flex}.guess-row .guess-name{flex:1;font-weight:500}.hint-pill{border-radius:99px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.hint-warm{background:var(--hint-warm-bg);color:var(--hint-warm-text)}.hint-hot{background:var(--hint-hot-bg);color:var(--hint-hot-text)}.hint-cold{background:var(--hint-cold-bg);color:var(--hint-cold-text)}.fail-box{background:var(--fail-bg);border:2px solid var(--fail-border);border-radius:var(--radius);text-align:center;padding:1.5rem}.fail-box h3{color:var(--fail-text)}.game-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=700px){.game-bottom{grid-template-columns:1fr}}.phylo-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto}.phylo-db{font-family:var(--font-mono)}@keyframes phyloPop{0%{opacity:0}to{opacity:1}}.phylo-svg-node{cursor:pointer}.phylo-svg-node-enter{animation:.3s ease-out phyloPop}.phylo-svg-node rect{fill:var(--bg);stroke:var(--border);stroke-width:1px;rx:4;opacity:.45;transition:opacity .3s}.phylo-svg-node text{fill:inherit;font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;font-size:.82rem}.phylo-svg-node-hit rect{opacity:1;fill:var(--gnomics-green-l);stroke:var(--gnomics-green)}.phylo-svg-node-miss rect,.phylo-svg-node-miss-clade rect{opacity:1;fill:#fde8e8;stroke:#c0392b}.phylo-svg-node-miss text,.phylo-svg-node-miss-clade text{fill:#c0392b}.phylo-svg-node-shared rect{opacity:1;fill:var(--gnomics-green-l);stroke:var(--gnomics-green)}.phylo-svg-node-hint rect{opacity:1;fill:var(--bg);stroke:var(--gnomics-lime);stroke-dasharray:4 3;stroke-width:2px}.phylo-svg-node-hint text{fill:var(--gnomics-lime)}.phylo-svg-node-correct rect{opacity:1;fill:var(--gnomics-green-d);stroke:var(--gnomics-lime)}.phylo-svg-node-correct text{fill:#fff}.phylo-tree{min-width:100%;position:relative}.phylo-svg{max-width:none;position:absolute;top:0;left:0;overflow:visible}.phylo-svg .phylo-link,.phylo-svg .phylo-link-spine{pointer-events:none}