/* Fishing Coloring Pages: page picker + tools (the colouring board itself uses /games/_shared/coloring-engine.css) */
.fc { display: flex; flex-direction: column; gap: 10px; }
.fc-gallery { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.fc-thumb { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 5px; border-radius: 10px; border: 2px solid var(--color-border, #333); background: var(--color-bg-alt, #1c1f27); color: var(--color-text, #fff); cursor: pointer; font: 700 11px system-ui, sans-serif; }
.fc-thumb svg { width: 100%; height: auto; border-radius: 6px; background: #fff; }
.fc-thumb[aria-selected="true"] { border-color: #38bdf8; box-shadow: 0 0 0 2px rgba(56, 189, 248, .35); }
.fc-thumb:focus-visible { outline: 3px solid #fde047; outline-offset: 2px; }
.fc-tools { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.fc-tools .btn { padding: 7px 12px; font-size: 14px; }
@media (max-width: 560px) { .fc-gallery { grid-template-columns: repeat(3, 1fr); } }