.encounter-illustration{position:relative;margin:0 0 22px;overflow:hidden;border:1px solid #e6bc7033;border-radius:10px;background:#071c16}.encounter-illustration img{display:block;width:100%;height:250px;object-fit:cover}.encounter-illustration figcaption{position:absolute;inset:auto 0 0;padding:30px 16px 14px;color:#f6e9ce;font-size:10px;letter-spacing:1.5px;background:linear-gradient(transparent,#061710ed)}.discovery-illustration img{height:360px;object-fit:contain}.collection{gap:12px}.specimen.specimen-card{display:flex;flex-direction:column;width:100%;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #e6bc7030;border-radius:9px;background:#0c241b;color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.specimen-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.specimen-caption{display:block;padding:12px}.specimen-caption b{display:block;font-size:12px;margin:0 0 6px}.specimen-caption small{display:block;color:var(--muted);font-size:9px}.specimen-open{display:block;margin-top:12px;color:var(--gold);font-size:9px}.specimen-card:hover{border-color:var(--gold);transform:translateY(-2px)}.specimen-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.collection .locked{display:flex;flex-direction:column;justify-content:center;min-height:190px;opacity:.65;background:radial-gradient(ellipse at center,#203b2944,transparent);border-style:dashed}.collection .locked .glyph{font-family:var(--display);font-size:38px;color:#6e8978}.collection .locked b{font-size:11px}.collection .locked small{font-size:9px}@media(max-width:650px){.encounter-illustration img{height:175px}.discovery-illustration img{height:290px}.encounter-illustration figcaption{font-size:9px;padding:25px 12px 12px}.collection{gap:9px}.specimen-caption{padding:10px}.specimen-caption b{font-size:11px}.collection .locked{min-height:175px}}@media(prefers-reduced-motion:reduce){.specimen.specimen-card{transition:none}.specimen-card:hover{transform:none}}
@media(max-width:650px){.collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
.field-guide{margin:22px 0;border:1px solid #e6bc7045;border-radius:9px;background:linear-gradient(130deg,#213d2b80,#10251e)}
.field-guide summary{display:flex;justify-content:space-between;gap:15px;padding:18px;color:var(--gold);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.field-guide summary::-webkit-details-marker{display:none}.field-guide[open] summary{border-bottom:1px solid var(--line)}
.field-guide-content{padding:20px}.field-guide-content h3{font-size:17px;margin:22px 0 8px}.field-guide-content p{line-height:1.8}.field-guide-content small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:15px}
.field-source{display:inline-block;color:var(--gold);font-size:12px;line-height:1.7;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;padding:8px 0}
.field-source:focus-visible,.field-guide summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.journal-progress{padding:20px;border:1px solid #e6bc7040;border-radius:9px;background:linear-gradient(120deg,#30482b70,#10251e);display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}
.journal-progress strong{font:30px var(--display);color:var(--gold)}.journal-progress strong small{font:11px var(--body);color:var(--muted)}.journal-progress>span{margin-left:auto;color:var(--muted);font-size:11px}.journal-progress>small{font-size:11px;color:var(--muted);line-height:1.6}
.journal-track{width:100%;height:5px;border-radius:5px;overflow:hidden;background:#ffffff12}.journal-track i{display:block;height:100%;background:linear-gradient(90deg,#93c48b,#e6bc70)}
.journal-filters{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}.journal-filters input,.journal-filters select{width:100%;min-width:0}.journal-results{font-size:10px!important;color:var(--muted)}.journal-empty{grid-column:1/-1;line-height:1.8}
.pass-callout{padding:18px;border:1px solid #e6bc7040;background:#e6bc7010;border-radius:8px;margin:20px 0}.pass-callout b{font-size:13px;color:var(--gold)}.pass-active{color:var(--green)!important}
@media(max-width:650px){.journal-filters{grid-template-columns:1fr}.field-guide-content{padding:16px}.journal-progress{padding:16px}}