.fishing-head { background:#b8d0bc; border-color:#4a6f73; }
.fishing-head h1 { margin:.1rem 0 .4rem; letter-spacing:.06em; }
.fishing-depths { display:flex; flex-wrap:wrap; gap:7px; }
.fishing-depths button.current { background:#dce9bd; color:#15200d; border-color:#4a6f73; }
.fishing-catch-panel { background:#b9d4c7; }
.fish-last { display:grid; grid-template-columns:128px 1fr; gap:12px; align-items:center; }
.fish-last img { width:128px; height:128px; object-fit:contain; image-rendering:pixelated; image-rendering:crisp-edges; }
.fish-journal { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.fish-card { min-height:160px; border:2px dashed #4a6f73; background:#b8c897; padding:8px; display:grid; align-content:start; justify-items:center; text-align:center; gap:5px; }
.fish-card img { width:80px; height:80px; object-fit:contain; image-rendering:pixelated; image-rendering:crisp-edges; }
.fish-card.unknown { opacity:.72; }
.fish-silhouette { width:80px; height:80px; display:grid; place-items:center; border:3px solid #4a6f73; background:#8aa9a0; color:#304b4e; font-size:2rem; font-weight:900; }
.fish-card p { font-size:.72rem; margin:.2rem 0; }
@media (max-width:650px) {
  .fish-journal { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fish-last { grid-template-columns:96px 1fr; }
  .fish-last img { width:96px; height:96px; }
}