/* Visual specimen layer: real Tide tuna model renders and Tideborne mutation examples. */
.specimen-section,.specimen-example,.reference-fish,.journal-visual,.record-specimen{border:1px solid var(--line);background:var(--surface);margin:1.15rem 0 1.8rem;border-radius:var(--r1)}
.specimen-section{padding:1rem}.specimen-section-head{display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:1.25rem;align-items:start;margin-bottom:1rem}.specimen-section-head strong,.reference-fish strong,.specimen-example-copy>strong,.record-specimen-copy>strong{display:block;font-size:1.08rem}.specimen-section-head p,.reference-fish p,.specimen-example-copy p,.record-specimen-copy p{color:var(--muted);margin:.25rem 0 0}.visual-kicker{display:block;color:var(--ocean);font:800 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}
.mutation-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.specimen-card{margin:0;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.specimen-stage{aspect-ratio:1.45/1;display:grid;place-items:center;overflow:hidden;background:var(--bg-2)}.specimen-fish{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto;transform:scale(var(--fish-scale,1));transform-origin:center}.specimen-card figcaption{padding:.7rem}.specimen-title{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.specimen-title span{font:700 .62rem var(--mono);color:var(--muted);white-space:nowrap}.specimen-card small{display:block;color:var(--ocean);font:700 .62rem var(--mono);margin:.18rem 0}.specimen-card p{font-size:.76rem;line-height:1.45;color:var(--muted);margin:.35rem 0 0}
.size-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.size-card{margin:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.size-stage{height:175px;display:grid;place-items:center;overflow:hidden}.size-card figcaption{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;padding:.65rem .75rem}.size-card figcaption>span{font:700 .68rem var(--mono);color:var(--ocean)}.size-card figcaption small{grid-column:1/-1;color:var(--muted);font-size:.7rem}.visual-footnote{font-size:.76rem;color:var(--muted);margin:.8rem 0 0!important}
.reference-fish{display:grid;grid-template-columns:220px 1fr;align-items:center;overflow:hidden}.reference-fish .specimen-fish{height:150px}.reference-fish>div{padding:1rem 1.2rem}
.specimen-example,.record-specimen{display:grid;grid-template-columns:minmax(250px,.85fr) 1.15fr;overflow:hidden}.specimen-example-art,.record-specimen-art{min-height:250px;background:var(--bg-2);border-right:1px solid var(--line);display:grid;place-items:center}.specimen-example-copy,.record-specimen-copy{padding:1.15rem}.specimen-facts{margin:1rem 0;border-top:1px solid var(--line)}.specimen-facts>div{display:grid;grid-template-columns:130px 1fr;gap:.7rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.specimen-facts dt{color:var(--muted);font:700 .72rem var(--mono)}.specimen-facts dd{margin:0;font-size:.86rem}
.journal-visual{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:.7rem 1rem}.journal-fish{height:135px}.journal-flow-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:center}.journal-flow-steps>div{min-width:0}.journal-flow-steps>div>span{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid var(--ocean);font:800 .66rem var(--mono);color:var(--ocean);margin-bottom:.35rem}.journal-flow-steps strong,.journal-flow-steps small{display:block}.journal-flow-steps small{color:var(--muted);font-size:.72rem;line-height:1.4;margin-top:.2rem}.journal-flow-steps>b{color:var(--muted);font-family:var(--mono)}
.score-inputs{border-top:1px solid var(--line);margin-top:.9rem}.score-inputs>div{display:grid;grid-template-columns:130px 1fr;gap:.65rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.82rem}.score-inputs span{color:var(--muted)}.record-disclaimer{font-size:.75rem!important}
.visual-item-strip{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:.7rem 0 1rem}.visual-item{display:grid;grid-template-columns:44px auto;gap:.65rem;align-items:center;min-width:190px;flex:1 1 190px;padding:.65rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.visual-item img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.visual-item strong,.visual-item small{display:block}.visual-item small{color:var(--muted);font-size:.68rem;margin-top:.12rem}
@media(max-width:900px){.mutation-preview-grid{grid-template-columns:repeat(2,1fr)}.size-preview-grid{grid-template-columns:repeat(2,1fr)}.specimen-section-head{grid-template-columns:1fr}.specimen-example,.record-specimen{grid-template-columns:1fr}.specimen-example-art,.record-specimen-art{border-right:0;border-bottom:1px solid var(--line)}.journal-visual{grid-template-columns:1fr}.journal-fish{display:none}.journal-flow-steps{grid-template-columns:1fr}.journal-flow-steps>b{transform:rotate(90deg);justify-self:start}}
@media(max-width:560px){.mutation-preview-grid,.size-preview-grid{grid-template-columns:1fr}.reference-fish{grid-template-columns:1fr}.reference-fish .specimen-fish{height:130px}.size-stage{height:150px}.specimen-facts>div,.score-inputs>div{grid-template-columns:1fr;gap:.1rem}.visual-item{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.specimen-fish{animation:none!important;transition:none!important}}