body.p-mutation-calculator .mutation-calculator{display:grid;gap:var(--space-4)}body.p-mutation-calculator .c-crumbs{display:none}body.p-mutation-calculator .mutation-hero{max-width:none;margin:0 auto var(--space-4);text-align:center}body.p-mutation-calculator .mutation-hero h1{margin-bottom:var(--space-3);font-size:var(--fs-head-md);white-space:nowrap}body.p-mutation-calculator .mutation-hero__subtitle{max-width:none;margin-inline:auto;color:var(--text-muted);font-size:var(--fs-lg);white-space:nowrap}body.p-mutation-calculator .mutation-modes{display:inline-flex;gap:var(--space-1);margin:var(--space-3) auto 0;padding:var(--space-1);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm)}body.p-mutation-calculator .mutation-modes button{min-height:44px;padding:var(--space-2) var(--space-5);border:var(--border-w) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-weight:700}body.p-mutation-calculator .mutation-modes button:hover,body.p-mutation-calculator .mutation-modes button.is-active{border-color:var(--brand-sky-deep);background:var(--brand-highlight);color:var(--brand-navy)}body.p-mutation-calculator .mutation-workspace{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(0,2.1fr);gap:var(--space-5);min-height:780px;height:min(900px,calc(100vh - 120px))}body.p-mutation-calculator .mutation-rail,body.p-mutation-calculator .mutation-equation,body.p-mutation-calculator .mutation-outcomes,body.p-mutation-calculator .mutation-reverse{min-width:0;border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}body.p-mutation-calculator .mutation-rail{display:flex;min-height:0;flex-direction:column;padding:var(--space-4)}body.p-mutation-calculator .mutation-rail__heading,body.p-mutation-calculator .mutation-stage__heading,body.p-mutation-calculator .mutation-reverse__header,body.p-mutation-calculator .mutation-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}body.p-mutation-calculator .mutation-rail__heading h2,body.p-mutation-calculator .mutation-stage__heading h2,body.p-mutation-calculator .mutation-reverse__header h2{margin:0;font-size:var(--fs-xl)}body.p-mutation-calculator .mutation-rail__heading .eyebrow,body.p-mutation-calculator .mutation-stage__heading .eyebrow,body.p-mutation-calculator .mutation-reverse__header .eyebrow{margin-bottom:var(--space-1)}body.p-mutation-calculator .mutation-rail__count{flex:0 0 auto;color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}body.p-mutation-calculator .mutation-rail__search{display:flex;align-items:center;gap:var(--space-2);min-height:44px;margin:var(--space-4) 0;padding:0 var(--space-3);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg)}body.p-mutation-calculator .mutation-rail__search:focus-within{border-color:var(--brand-sky-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-sky) 30%,transparent)}body.p-mutation-calculator .mutation-rail__search svg{width:18px;height:18px;fill:currentColor;color:var(--text-muted)}body.p-mutation-calculator .mutation-rail__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}body.p-mutation-calculator .mutation-rail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:var(--space-2);min-height:0;overflow-y:auto;padding:var(--space-1);scrollbar-gutter:stable}body.p-mutation-calculator .mutation-tile-wrap{min-width:0;width:100%}body.p-mutation-calculator .mutation-tile{position:relative;display:flex;box-sizing:border-box;width:100%;min-width:0;min-height:118px;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;text-align:center;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}body.p-mutation-calculator .mutation-tile:hover,body.p-mutation-calculator .mutation-tile:focus-visible{border-color:var(--brand-sky-deep);background:var(--brand-highlight);transform:translateY(-1px)}body.p-mutation-calculator .mutation-tile.is-selected{border-color:var(--brand-navy);background:color-mix(in srgb,var(--brand-highlight) 55%,var(--bg-card));box-shadow:inset 0 0 0 2px var(--brand-sky)}body.p-mutation-calculator .mutation-tile__image{display:grid;place-items:center;min-height:54px}body.p-mutation-calculator .mutation-tile__name{display:flex;min-width:0;flex-direction:column;font-size:var(--fs-xs);font-weight:700;line-height:1.25}body.p-mutation-calculator .mutation-tile__name small{font-size:var(--fs-xs);line-height:1.1}body.p-mutation-calculator .mutation-tile__selected{color:var(--brand-navy);font-size:var(--fs-xs);font-weight:700}body.p-mutation-calculator .mutation-tile__roles{position:absolute;top:var(--space-1);right:var(--space-1);display:inline-flex;align-items:center;min-width:1.5rem;min-height:1.5rem;justify-content:center;border-radius:var(--radius-pill);background:var(--brand-amber);color:var(--cta-text);font-size:var(--fs-xs);font-weight:800}body.p-mutation-calculator .mutation-rail__empty{grid-column:1 / -1;color:var(--text-muted)}body.p-mutation-calculator .mutation-stage{display:grid;min-height:0;grid-template-rows:minmax(280px,.7fr) minmax(440px,1.3fr);gap:var(--space-4)}body.p-mutation-calculator .mutation-stage:has(.mutation-reverse){display:block;overflow:hidden}body.p-mutation-calculator .mutation-equation,body.p-mutation-calculator .mutation-outcomes,body.p-mutation-calculator .mutation-reverse{min-height:0;padding:var(--space-5)}body.p-mutation-calculator .mutation-equation__hint,body.p-mutation-calculator .mutation-help{max-width:28ch;color:var(--text-muted);font-size:var(--fs-xs);text-align:right}body.p-mutation-calculator .mutation-equation__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);height:calc(100% - 58px);padding-top:var(--space-4)}body.p-mutation-calculator .mutation-parent-slot,body.p-mutation-calculator .mutation-normal-child{position:relative;display:flex;min-width:0;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:center}body.p-mutation-calculator .mutation-normal-child{padding:var(--space-2)}body.p-mutation-calculator .mutation-parent-slot__pick{display:flex;width:100%;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:0;background:transparent;color:var(--text);cursor:pointer}body.p-mutation-calculator .mutation-parent-slot__pick:hover{background:var(--brand-highlight)}body.p-mutation-calculator .mutation-parent-slot__clear{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:32px;height:32px;place-items:center;border:var(--border-w) solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:var(--fs-lg);line-height:1}body.p-mutation-calculator .mutation-parent-slot__clear:hover{border-color:var(--brand-sky-deep);color:var(--brand-navy)}body.p-mutation-calculator .mutation-slot-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}body.p-mutation-calculator .mutation-slot-copy strong,body.p-mutation-calculator .mutation-normal-child strong{color:var(--brand-navy);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em}body.p-mutation-calculator .mutation-slot-copy span,body.p-mutation-calculator .mutation-normal-child>span{overflow-wrap:anywhere;font-family:var(--font-display);font-weight:700}body.p-mutation-calculator .mutation-parent-slot__badge{position:absolute;top:var(--space-2);left:var(--space-2);display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-pill);background:var(--brand-highlight);color:var(--brand-navy);font-size:var(--fs-xs);font-weight:800}body.p-mutation-calculator .mutation-operator{color:var(--brand-navy);font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800}body.p-mutation-calculator .mutation-outcomes{overflow:hidden}body.p-mutation-calculator .mutation-outcome-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-content:start;gap:var(--space-3);max-height:calc(100% - 64px);overflow-y:auto;padding:var(--space-4) var(--space-1) var(--space-1)}body.p-mutation-calculator .mutation-outcome-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);text-align:center;text-decoration:none}body.p-mutation-calculator .mutation-outcome-card:hover,body.p-mutation-calculator .mutation-outcome-card:focus-visible{border-color:var(--brand-sky-deep);background:var(--brand-highlight)}body.p-mutation-calculator .mutation-outcome-card strong{overflow-wrap:anywhere;font-size:var(--fs-sm);line-height:1.25}body.p-mutation-calculator .mutation-outcome-card>span{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums}body.p-mutation-calculator .mutation-outcome-card small{font-size:var(--fs-xs)}body.p-mutation-calculator .mutation-outcome-card__mark{color:var(--accent-gold-text)}body.p-mutation-calculator .mutation-reverse{display:flex;height:100%;flex-direction:column;overflow:hidden}body.p-mutation-calculator .mutation-reverse__header{align-items:center;padding-bottom:var(--space-4);border-bottom:var(--border-w) solid var(--border)}body.p-mutation-calculator .mutation-reverse__header>div{min-width:0;flex:1}body.p-mutation-calculator .mutation-reverse__header p:last-child{margin:var(--space-2) 0 0;color:var(--text-muted)}body.p-mutation-calculator .mutation-pair-list{display:grid;gap:var(--space-2);min-height:0;margin-top:var(--space-4);overflow-y:auto;padding-right:var(--space-1)}body.p-mutation-calculator .mutation-reverse__more{flex:0 0 auto;align-self:flex-start;margin-top:var(--space-3)}body.p-mutation-calculator .mutation-pair-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg)}body.p-mutation-calculator .mutation-pair-row>a{display:flex;min-width:0;align-items:center;gap:var(--space-2);color:var(--text);font-family:var(--font-display);font-weight:700;text-decoration:none}body.p-mutation-calculator .mutation-pair-row>a:hover{color:var(--link);text-decoration:underline}body.p-mutation-calculator .mutation-pair-row>a>span:last-child{overflow-wrap:anywhere}body.p-mutation-calculator .mutation-pair-row__plus{color:var(--brand-navy);font-weight:800}body.p-mutation-calculator .mutation-pair-row__share{min-width:4.5rem;color:var(--brand-navy);font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}body.p-mutation-calculator .mutation-reverse__note,body.p-mutation-calculator .mutation-disclaimer{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--fs-sm)}body.p-mutation-calculator .mutation-meta{align-items:center;margin-top:var(--space-1);padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);font-size:var(--fs-xs)}body.p-mutation-calculator .mutation-meta>span{overflow-wrap:anywhere}body.p-mutation-calculator .mutation-content{max-width:var(--max-w-prose);margin-top:var(--space-8)}body.p-mutation-calculator .mutation-content h2{margin-top:0}body.p-mutation-calculator .mutation-content details{margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg-card)}body.p-mutation-calculator .mutation-content summary{min-height:32px;cursor:pointer;font-family:var(--font-display);font-weight:700}body.p-mutation-calculator .mutation-content details p{margin:var(--space-2) 0 0;color:var(--text-muted)}body.p-mutation-calculator .mutation-related ul{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding-left:1.25rem}body.p-mutation-calculator .mutation-visual{position:relative;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-muted)}body.p-mutation-calculator .mutation-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}body.p-mutation-calculator .mutation-visual img[hidden]{display:none}body.p-mutation-calculator .mutation-visual__fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--brand-navy);font-family:var(--font-display);font-weight:800}body.p-mutation-calculator .mutation-visual__fallback svg{width:55%;height:55%;fill:currentColor}@media(max-width:1023px){body.p-mutation-calculator .mutation-workspace{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr)}body.p-mutation-calculator .mutation-equation__row{gap:var(--space-2)}body.p-mutation-calculator .mutation-operator{font-size:var(--fs-xl)}}@media(max-width:767px){body.p-mutation-calculator .mutation-hero h1{font-size:var(--fs-head-sm);white-space:normal}body.p-mutation-calculator .mutation-hero__subtitle{white-space:normal}body.p-mutation-calculator .mutation-modes{display:flex;width:100%}body.p-mutation-calculator .mutation-modes button{flex:1;padding-inline:var(--space-2)}body.p-mutation-calculator .mutation-workspace{display:flex;height:auto;min-height:0;flex-direction:column}body.p-mutation-calculator .mutation-rail__grid{max-height:430px}body.p-mutation-calculator .mutation-stage{display:flex;min-height:0;flex-direction:column}body.p-mutation-calculator .mutation-equation,body.p-mutation-calculator .mutation-outcomes,body.p-mutation-calculator .mutation-reverse{padding:var(--space-4)}body.p-mutation-calculator .mutation-equation__row{grid-template-columns:1fr auto 1fr;height:auto;gap:var(--space-2)}body.p-mutation-calculator .mutation-equation__row>.mutation-parent-slot:nth-child(1){grid-column:1;grid-row:1}body.p-mutation-calculator .mutation-equation__row>.mutation-operator:nth-child(2){grid-column:2;grid-row:1}body.p-mutation-calculator .mutation-equation__row>.mutation-parent-slot:nth-child(3){grid-column:3;grid-row:1}body.p-mutation-calculator .mutation-equation__row>.mutation-operator:nth-child(4){grid-column:1 / -1;grid-row:2;text-align:center}body.p-mutation-calculator .mutation-equation__row>.mutation-normal-child:nth-child(5){grid-column:1 / -1;grid-row:3}body.p-mutation-calculator .mutation-parent-slot,body.p-mutation-calculator .mutation-normal-child,body.p-mutation-calculator .mutation-parent-slot__pick{min-height:150px}body.p-mutation-calculator .mutation-stage__heading,body.p-mutation-calculator .mutation-reverse__header,body.p-mutation-calculator .mutation-meta{flex-direction:column;align-items:flex-start}body.p-mutation-calculator .mutation-equation__hint,body.p-mutation-calculator .mutation-help{max-width:none;text-align:left}body.p-mutation-calculator .mutation-outcome-grid{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}body.p-mutation-calculator .mutation-pair-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}body.p-mutation-calculator .mutation-pair-row__share{grid-column:1 / -1;min-width:0;padding-top:var(--space-1);border-top:var(--border-w) solid var(--border);text-align:left}}