.fish-catalog{background:linear-gradient(160deg,#f5fcff,#fff 55%,#effbfc);margin-top:26px;padding:24px}.catalog-heading,.species-controls,.catalog-student-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.catalog-heading h2{margin:4px 0 5px;font-family:Nunito,sans-serif;font-size:25px;font-weight:900}.catalog-heading p{color:#5b7487;font-size:12px;line-height:1.6}.catalog-species-count{color:#14759c;white-space:nowrap;background:#e2f6fa;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.catalog-student-row{background:#ffffffc4;border:1px solid #dcecf4;border-radius:13px;margin:20px 0;padding:13px 16px}.catalog-student-row label{color:#5e7688;align-items:center;gap:13px;font-size:12px;display:flex}.catalog-student-row select{color:#173e5d;max-width:220px;font:inherit;background:#f6fcff;border:1px solid #cde4f0;border-radius:8px;padding:9px 30px 9px 11px;font-size:12px;font-weight:600}.catalog-pupil-xp{color:#607688;align-items:center;gap:12px;font-size:12px;display:flex}.catalog-pupil-xp strong{color:#148085;white-space:nowrap;font-size:12px}.species-controls{margin:13px 0 16px}.species-filters{background:#eaf4f9;border-radius:11px;gap:5px;padding:4px;display:flex}.species-filters button{color:#577082;white-space:nowrap;border-radius:8px;padding:8px 15px;font-size:12px;font-weight:600}.species-filters button.active{color:#fff;background:linear-gradient(140deg, var(--brand-deep), #0858c7);box-shadow:0 3px 8px #097ce522}.species-search{color:#8ba5b7;background:#fff;border:1px solid #dcebf3;border-radius:10px;align-items:center;gap:8px;margin:0;padding:9px 12px;display:flex}.species-search input{width:160px;min-width:0;font:inherit;color:#194965;background:0 0;border:0;outline:none;font-size:12px}.species-search:focus-within{border-color:#239fe1;box-shadow:0 0 0 2px #0c9bea1c}.species-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;display:grid}.species-card{background:linear-gradient(165deg,#b8eaf6 0%,#eafaff 55%,#fff 88%);border:1px solid #e0edf5;border-radius:12px;min-width:0;padding:5px 4px 10px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.species-card:not(:disabled):hover{border-color:#72c5ee;transform:translateY(-3px);box-shadow:0 7px 18px #0b79a419}.species-card.selected{background:linear-gradient(165deg,#a6e8f7,#e9faff 65%,#fff);border-color:#119de1;box-shadow:0 0 0 1px #119de1}.species-portrait{aspect-ratio:1.04;justify-content:center;align-items:center;width:100%;display:flex}.species-portrait>.fish-sprite{filter:drop-shadow(0 5px 4px #126f9220);width:100%;max-width:none;height:100%}.species-card strong{color:#20445d;text-align:center;min-height:29px;font-size:12px;font-weight:700;line-height:1.45;display:block}.species-card small{color:#6e95a8;font-size:12px;line-height:1.6;display:block}.species-status,.species-lock{color:#fff;background:#11a1c9;border-radius:50%;padding:4px;display:flex;position:absolute;top:5px;right:5px}.species-lock{background:#244b68;border:2px solid #e5f9ff;border-radius:8px;left:5px;right:auto}.species-card.locked{cursor:not-allowed;opacity:1}.species-card.unavailable{cursor:not-allowed;background:linear-gradient(155deg,#e5f2f7,#f9fdff)}.species-art-pending{color:#83a0b3;letter-spacing:.15px;font-size:12px;font-weight:400;line-height:1.7}.species-card.locked .species-portrait{filter:saturate(.85)}.species-card:focus-visible,.species-filters button:focus-visible{outline-offset:3px;outline:3px solid #f6b637}.species-footnote{color:#5c7485;align-items:center;gap:6px;margin:15px 0 0;font-size:12px;line-height:1.6;display:flex}.species-footnote>span{white-space:nowrap;margin-left:auto}.species-empty{text-align:center;color:#829dad;padding:35px 15px;font-size:12px}.species-picker-compact .species-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.species-picker-compact .species-controls{flex-wrap:wrap;gap:10px}.modal .species-search{margin:0;display:flex}.modal .species-search input{background:0 0;border:0;border-radius:0;width:155px;margin:0;padding:0}.species-picker-compact .species-footnote{flex-wrap:wrap}@media (max-width:1400px){.species-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-pupil-xp{max-width:250px;line-height:1.6}}@media (max-width:1000px){.catalog-student-row{flex-direction:column;align-items:flex-start;gap:10px}.catalog-pupil-xp{max-width:none}.species-controls{flex-wrap:wrap}}@media (max-width:720px){.fish-catalog{margin-top:18px;padding:16px}.catalog-heading{align-items:flex-start;gap:8px}.catalog-heading h2{font-size:21px}.catalog-heading p{font-size:12px}.catalog-species-count{gap:4px;padding:6px 8px;font-size:12px}.catalog-species-count svg{width:13px}.catalog-student-row{margin:14px 0;padding:12px}.catalog-student-row label{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.catalog-student-row select{width:100%;max-width:none}.catalog-pupil-xp{gap:10px;font-size:12px}.species-filters{gap:2px;width:100%}.species-filters button{flex:1;padding:8px 4px;font-size:12px}.species-search,.species-search input{width:100%}.species-grid,.species-picker-compact .species-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.species-card strong{min-height:26px;font-size:12px}.species-footnote{flex-wrap:wrap;font-size:12px}.species-footnote>span{width:100%;margin-left:0}.modal .species-search input{width:100%}}