.mutation{--mu-guaranteed: #60a5fa;--mu-per-gene: var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin:24px 0;font-family:var(--font-mono)}.mu-string{font-size:13px;line-height:1.8;letter-spacing:1px;white-space:pre-wrap;min-height:24px}.mu-string .mu-guaranteed{color:var(--mu-guaranteed)}.mu-string .mu-per-gene{color:var(--mu-per-gene)}.mu-controls{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.mu-slider-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.mu-slider-label[data-cause=rate]{color:var(--mu-guaranteed)}.mu-slider-label[data-cause=gene]{color:var(--mu-per-gene)}.mu-slider{-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:var(--radius-sm);outline:none;cursor:pointer}.mu-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.mu-slider-label[data-cause=rate] .mu-slider::-webkit-slider-thumb{background:var(--mu-guaranteed)}.mu-slider-label[data-cause=gene] .mu-slider::-webkit-slider-thumb{background:var(--mu-per-gene)}.mu-value{font-size:12px;color:var(--muted);min-width:4ch}.mu-value[data-cause=rate]{color:var(--mu-guaranteed)}.mu-value[data-cause=gene]{color:var(--mu-per-gene)}.mu-btn{background:var(--surface-bright);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;font-size:13px;font-family:var(--font-mono)}.mu-btn:hover{background:var(--border)}.mu-info{margin-top:12px;font-size:12px;color:var(--muted);line-height:18px;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.mu-info{height:auto;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip}}.string-evolution{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin:24px 0;font-family:var(--font-mono)}.evo-display{margin-bottom:16px}.evo-string{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:break-word;min-height:60px;letter-spacing:1px}.evo-string span.correct{color:var(--accent)}.evo-string span.wrong{color:color-mix(in oklab,var(--danger) 70%,var(--bg))}.evo-string span.unprint{color:var(--muted);display:inline-block;transform:scale(2);line-height:1}.evo-bar-track{margin-top:12px;height:6px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.evo-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-sm);transition:width .1s linear;width:0%}.evo-fitness{margin-top:10px;font-size:12px;line-height:1.5;color:var(--muted)}.evo-controls{display:flex;align-items:center;gap:12px}.evo-btn{background:var(--surface-bright);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-sm);width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.evo-btn:hover{background:var(--border)}.evo-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:var(--radius-sm);outline:none;cursor:pointer}.evo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.evo-info{font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0}@media(max-width:640px){.evo-controls{flex-wrap:wrap}.evo-info{flex:1 1 100%;white-space:normal}.evo-fitness{min-height:3em}}@media(max-width:560px){.evo-string{min-height:5.4em}}@media(max-width:420px){.evo-string{min-height:7.2em}}@media(max-width:330px){.evo-string{min-height:9em}}.tournament{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin:24px 0;font-family:var(--font-mono)}.ts-bars{display:flex;align-items:stretch;gap:6px}.ts-individual{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.ts-fitness{font-size:11px;color:var(--muted);margin-bottom:4px}.ts-bar{width:100%;background:var(--border);border-radius:3px 3px 0 0;transition:background .15s ease}.ts-individual.ts-contestant .ts-bar{background:var(--accent-soft)}.ts-individual.ts-winner .ts-bar{background:var(--accent)}.ts-individual.ts-winner .ts-fitness,.ts-individual.ts-winner .ts-meta{color:var(--accent)}.ts-meta{display:flex;flex-direction:column;align-items:center;margin-top:4px;line-height:1.3;color:var(--muted)}.ts-meta-index{font-size:10px}.ts-meta-wins{font-size:11px}.ts-controls{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.ts-slider-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.ts-slider{-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:var(--radius-sm);outline:none;cursor:pointer}.ts-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.ts-size-value{font-size:12px;color:var(--accent);min-width:2ch}.ts-btn{background:var(--surface-bright);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;font-size:13px;font-family:var(--font-mono)}.ts-btn:hover{background:var(--border)}.ts-status{margin-top:12px;font-size:12px;color:var(--muted);line-height:18px;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.ts-status{height:auto;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip}}.crossover{--co-p1: color-mix(in oklab, var(--accent) 62%, var(--muted));--co-p2: #7d94ad;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin:24px 0;font-family:var(--font-mono)}.co-row{display:flex;align-items:center;gap:12px}.co-label{flex:0 0 64px;font-size:12px;color:var(--muted)}.co-label-p1{color:var(--co-p1)}.co-label-p2{color:var(--co-p2)}.co-genes{font-size:13px;line-height:1.8;letter-spacing:1px;white-space:pre-wrap;min-height:24px}.co-char-p1{color:var(--co-p1)}.co-char-p2{color:var(--co-p2)}.co-cut{display:inline-block;width:2px;height:1.2em;margin:0 4px;vertical-align:middle;background:var(--border)}.co-arrow{color:var(--muted);font-size:13px}.co-controls{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.co-slider-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.co-slider{-webkit-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:var(--radius-sm);outline:none;cursor:pointer}.co-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.co-btn{background:var(--surface-bright);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;font-size:13px;font-family:var(--font-mono)}.co-btn:hover{background:var(--border)}