.genetics-console{flex-shrink:0;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 12px;margin:0 0 18px;border:1px solid #648c87;background:linear-gradient(120deg,#24494366,#1a2739);box-shadow:inset 3px 0 #8fcbb2}.genetics-console>div{min-width:0}.genetics-console strong{display:block;font:600 22px/1.1 var(--display);color:#d8e8d3;margin:5px 0}.genetics-console small{display:block;font:8px/1.5 var(--mono);color:#9abfb2}.genetics-console button{flex-shrink:0;font:10px var(--mono);padding:9px 10px;border:1px solid #779e8f;color:#c7e8cb;background:#1a3839}.genetics-console button.ready{border-color:#c7db9b;background:#304a37;box-shadow:0 0 16px #9cd58c20}
dialog.genetics-dialog{width:1050px;max-width:calc(100vw - 30px);padding:24px;background:radial-gradient(ellipse at top right,#36405766,transparent 55%),#11272e;scrollbar-width:thin;scrollbar-color:#6a927f transparent}.genetics-dialog .modal-head h2{font-size:32px;color:#e3d5bb;line-height:1.15}.gene-intro p{margin:14px 0 6px!important;color:#c3d9c8}.gene-intro>small{display:block;color:#93afa5;font:10px/1.65 var(--mono)}.gene-intro strong{color:#d5e6ad}.gene-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px}.gene-section-title h3{font:600 26px var(--display)!important;color:#e1d2b9!important;margin:0!important}.gene-section-title>span{font:8px var(--mono);color:#90b5a7;white-space:nowrap}.gene-recipes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gene-recipe{padding:15px;border:1px solid #476c6d;background:#17343a99}.gene-recipe-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.gene-recipe-heading>strong{font:600 22px var(--display);color:#d4e5ca}.gene-recipe-heading>span{font:9px var(--mono);color:#a6c3ad}.gene-cost{font:9px var(--mono);color:#8faeaa;margin:9px 0 14px!important}.gene-cost b{color:#e2b399;font-weight:500}.gene-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gene-outcome{display:flex;gap:8px;align-items:center;min-width:0;background:#09222b66;padding:7px;border-top:1px solid #6d998555}.gene-outcome.rare{border-color:#ac8ab488}.gene-outcome-icon{flex:0 0 46px;width:46px;height:66px;display:block}.gene-outcome-icon .unit-thumbnail,.genome-portrait .unit-thumbnail,.gene-result-art .unit-thumbnail{width:100%;height:100%;display:block}.gene-outcome>div{min-width:0}.gene-outcome>div>span{font:7px var(--mono);color:#9cc6b1;display:block}.gene-outcome.rare>div>span{color:#c7add7}.gene-outcome strong{display:block;font:600 15px/1.1 var(--display);color:#d5decd;margin:5px 0}.gene-outcome small{font:8px/1.4 var(--mono);display:block;color:#8eaaa4}.unknown .unit-thumbnail{filter:brightness(0);opacity:.65}.gene-guarantee{font:8px/1.5 var(--mono);color:#b7a5c1;margin:12px 0 8px!important;min-height:24px}.gene-rewrite{width:100%;padding:12px 8px;border:1px solid #7fab8e;color:#d9ebbc;background:#395c413d;font:10px/1.4 var(--mono);touch-action:manipulation}.gene-rewrite:hover:not(:disabled){border-color:#c6dba0;background:#3d624f}.gene-rewrite:disabled{opacity:.35;cursor:not-allowed}.gene-empty-result{display:flex;align-items:center;gap:16px;padding:16px;margin-top:18px;border:1px dashed #526f70;background:#142c3566}.gene-empty-result .gene-glyph{font-size:45px;color:#a3ceb6;line-height:1}.gene-empty-result strong{font:600 23px var(--display);color:#c7dcc6;display:block}.gene-empty-result small{font:10px/1.6 var(--mono);color:#91b0a4;display:block}.gene-result{display:flex;align-items:center;gap:20px;margin-top:18px;padding:16px;border:1px solid #99c799;background:linear-gradient(110deg,#32563d88,#102832);animation:gene-reveal .5s ease-out}.gene-result.rare{border-color:#c19ed3;background:linear-gradient(110deg,#533c6888,#102832)}.gene-result-art{flex:0 0 125px;width:125px;height:155px}.gene-result h3{font:28px Hemoglobin!important;color:#ed6976!important;margin:7px 0!important}.gene-result p{margin:5px 0!important;font-size:11px;color:#b6cbbf}.gene-result strong{display:block;color:#d3e7b7;font:11px var(--mono);margin:8px 0}.gene-result small{display:block;font:9px/1.7 var(--mono);color:#a7c1b5}.gene-result-art .unit-thumbnail{animation:wtf-preview 1s step-end infinite}.gene-result-art .unit-thumbnail img{opacity:0}.gene-bonuses{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gene-bonuses span{padding:7px 9px;border:1px solid #486d68;font:9px var(--mono);color:#9ebbb0}.gene-bonuses b{color:#d0ddab;margin-left:5px;font-weight:500}.genome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.genome-card{background:#142f38;border:1px solid #456967;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}.genome-card.rare{border-color:#776183}.genome-code{font:7px var(--mono);letter-spacing:.8px;color:#8db7a7;align-self:flex-start}.rare .genome-code{color:#bea4ca}.genome-portrait{width:100%;height:125px;margin:6px 0}.genome-name{font:21px/1.25 Hemoglobin;color:#e96877;display:block;min-height:49px}.genome-card.unknown .genome-name{font:500 18px var(--display);color:#708c86}.genome-card p{font:9px/1.5 var(--mono);color:#a4beaa;margin:5px 0!important;min-height:28px}.genome-card>small{font:8px var(--mono);color:#8ca99c;margin-top:7px}.gene-ranks{display:flex;gap:5px;margin-top:auto}.gene-ranks i{display:block;width:17px;height:4px;background:#274650;border:1px solid #526e70}.gene-ranks .filled{background:#a8d5a0;border-color:#b6e1a9}.genome-card.rare .gene-ranks .filled{background:#c3a8d6;border-color:#d5bee5}.genome-card.discovered:hover .unit-thumbnail{animation:wtf-preview 1s step-end infinite}.genome-card.discovered:hover .unit-thumbnail img{opacity:0}.gene-footnote{font:9px/1.7 var(--mono);color:#89a89a!important;margin:18px 0 0!important}.gene-sequencing{display:flex;flex-direction:column;align-items:center;padding:20px;margin-top:18px;border:1px solid #71988b;background:#1a343b}.gene-sequencing strong{font:600 23px var(--display);color:#d0e5c8}.gene-sequencing small{font:9px var(--mono);color:#8eb4a3}.gene-dna{display:flex;gap:7px;height:55px;align-items:center}.gene-dna i{display:block;width:6px;height:25px;background:#a6cda6;box-shadow:0 0 8px #77d6ad55;animation:gene-strand .65s ease-in-out infinite;animation-delay:calc(var(--i)*-.07s)}@keyframes gene-strand{50%{height:7px;transform:translateY(9px);background:#bc9ccd}}@keyframes gene-reveal{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.gene-recipes{grid-template-columns:1fr}.genome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gene-result{gap:10px;padding:12px}.gene-result-art{flex-basis:80px;width:80px;height:120px}.gene-section-title{flex-wrap:wrap}.genetics-dialog .modal-head h2{font-size:26px}.genetics-console strong{font-size:21px}dialog.genetics-dialog{padding:15px;max-width:calc(100vw - 16px)}.gene-outcomes{gap:6px}.gene-recipe{padding:12px}.gene-result h3{font-size:23px!important}}@media(prefers-reduced-motion:reduce){.gene-result-art .unit-thumbnail img,.genome-card.discovered:hover .unit-thumbnail img{opacity:1}.gene-dna i,.gene-result-art .unit-thumbnail,.genome-card .unit-thumbnail{animation:none!important}}

.gene-production-hint{display:block;font:8px/1.5 var(--mono);color:#93b7a5;margin:-7px 0 12px}
.genetics-dialog .modal-head{position:sticky;top:-24px;background:#142c34f5;z-index:3;padding:12px 0;backdrop-filter:blur(8px)}@media(max-width:720px){.genetics-dialog .modal-head{top:-15px}}
.genome-portrait{width:125px;height:125px;max-width:100%}.gene-result-art{display:grid;place-items:center}.gene-result-art .unit-thumbnail{width:125px;height:125px}.gene-outcome-icon{display:grid;place-items:center}.gene-outcome-icon .unit-thumbnail{width:46px;height:46px}@media(max-width:720px){.gene-result-art .unit-thumbnail{width:80px;height:80px}}

.mutant-census{flex-shrink:0;margin:-8px 0 17px;border:1px solid #525e46;background:#20271c;padding:10px 12px}.mutant-census-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mutant-census-heading>span{font:700 10px var(--ui);letter-spacing:1px;color:#c4cbb7}.mutant-census-heading>strong{font:700 25px/1 var(--display);font-variant-numeric:tabular-nums;color:#e6e7d7}#mutantRoster{max-height:144px;overflow:auto;scrollbar-width:thin;scrollbar-color:#63764f transparent}#mutantRoster>p{font:10px/1.5 var(--ui);margin:8px 0 0;color:#b3baa6}.mutant-census-row{display:flex;align-items:center;gap:9px;padding:7px 0 0;margin-top:7px;border-top:1px solid #515b3d66}.mutant-census-sprite{width:31px;height:36px;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.mutant-census-sprite>svg,.mutant-census-sprite>span{width:31px;height:36px}.mutant-census-row>span:nth-child(2){font:700 17px/1.35 Hemoglobin,var(--display);color:#ed6976}.mutant-census-row>strong{margin-left:auto;font:700 17px var(--display);color:#e3e5d6;font-variant-numeric:tabular-nums;white-space:nowrap}

.gene-outcomes{display:grid;grid-template-columns:1fr;gap:8px}.gene-outcome{min-width:0;padding:7px;background:#10252b;border:1px solid #3d5145}.gene-outcome-icon .unit-thumbnail{width:64px;height:64px}.gene-outcome .unit-thumbnail{animation:wtf-preview 1.2s step-end infinite}.gene-outcome .unit-thumbnail img{opacity:0}.gene-outcome:nth-child(3){border-color:#965c43;background:#30241f}.gene-outcome:nth-child(3)>div>span{color:#e9ad78}@media(prefers-reduced-motion:reduce){.gene-outcome .unit-thumbnail{animation:none}.gene-outcome .unit-thumbnail img{opacity:1}}

.gene-selector{display:flex;gap:14px;align-items:center;color:#c8cfb4;font:14px var(--ui);margin:16px 0}.gene-selector select{flex:1;min-width:0;padding:12px;background:#202b22;border:1px solid #7d8256;color:#e4dbc0;font:17px var(--display)}.gene-recipes{grid-template-columns:1fr}.gene-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gene-outcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 9px}.gene-outcome-icon .unit-thumbnail{width:116px;height:116px}.gene-outcome>div>strong{font-size:24px;line-height:1.15;min-height:55px}.gene-outcome-icon{height:125px}.gene-combat{color:#dfba88!important;font-size:10px!important;padding-top:7px}.gene-bestiary-toggle{padding:7px 10px;background:#283421;border:1px solid #69784d;color:#d4dbb5;font:12px var(--ui)}.genome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.genome-card.legendary{border-color:#a37943;background:linear-gradient(#312d20,#192c28);box-shadow:inset 0 0 24px #bc783012}.legendary .genome-code{color:#e2b56b}.gene-guarantee{line-height:1.6}@media(max-width:720px){.gene-outcomes{grid-template-columns:1fr}.gene-outcome{flex-direction:row;text-align:left;gap:12px}.gene-outcome-icon .unit-thumbnail{width:90px;height:90px}.gene-outcome-icon{height:100px}.gene-outcome>div>strong{min-height:0}.gene-selector{align-items:stretch;flex-direction:column}.genome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}