:root{color-scheme:light;--ink:#24382e;--green:#245c43;--muted:#617369;--line:#dce5dd}*{box-sizing:border-box}body{margin:0;background:#f3f5ef;color:var(--ink);font-family:"Malgun Gothic",system-ui,sans-serif;line-height:1.65}.container{max-width:1180px;margin:auto;padding:0 24px}header{background:#173e2d;color:white;padding:38px 0 32px}header p{margin:0;color:#d2e4d6}.eyebrow{font-size:12px;letter-spacing:2px}h1{font-size:clamp(26px,5vw,40px);margin:5px 0 10px}h2{font-size:23px;margin:0 0 6px}h3{font-size:16px;margin:0 0 10px}main{padding-top:24px!important;padding-bottom:40px!important}.controls,.map-section,.notes{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px}.filters{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}select,input{font:inherit;font-size:14px;min-width:0;width:100%;padding:11px;border:1px solid #becdc2;border-radius:8px;background:white;color:var(--ink)}button{font:inherit;cursor:pointer;border:1px solid #bdcec1;border-radius:8px;padding:7px 12px;background:white;color:var(--green)}button:hover{background:#edf4e9}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #648d37;outline-offset:3px}.control-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.control-footer p{margin:0;color:var(--muted);font-size:13px}#custom-ammo{display:flex;align-items:end;gap:12px;margin-top:14px}#custom-ammo label{width:130px}[hidden]{display:none!important}.legend{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:0 4px 20px}.star{color:#b07816}.map-heading{display:flex;align-items:center;gap:10px}.badge{font-size:11px;background:#eaf1e4;padding:2px 7px;border-radius:5px;color:var(--green)}.meta{font-size:13px;color:var(--muted);margin:0 0 16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;table-layout:fixed}th{text-align:left;background:#edf3e9;padding:12px 10px;color:#3a5542}td{padding:12px 10px;border-bottom:1px solid #e9eee7;vertical-align:top}th:first-child{width:25%}th:nth-child(2),th:nth-child(3){width:11%}th:nth-child(4){width:15%}th:last-child{width:38%}.number{font-variant-numeric:tabular-nums;font-weight:700}.animal-row:hover{background:#f7faf3}.animal-toggle{padding:0;border:0;background:transparent;text-align:left;font-weight:700;line-height:1.7;display:inline-flex;gap:6px;align-items:baseline}.animal-toggle:hover{background:transparent;color:#487827}.chevron{font-size:10px;color:#849780}.rare-list{font-size:12px;color:#695426}.rare-count{color:var(--muted);white-space:nowrap}.detail-row>td{padding:0;border-bottom:1px solid var(--line)}.detail{padding:22px;background:#f6f9f3}.detail-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.detail-title h3{font-size:19px;margin:0}.detail-title p{margin:2px 0;color:var(--muted);font-size:13px}.diamond-card{background:white;border:1px solid #d3dfcf;border-radius:8px;padding:8px 16px;white-space:nowrap;text-align:right}.diamond-card small{display:block;color:var(--muted)}.diamond-card strong{font-size:22px;color:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-block{background:white;border:1px solid #e0e8dc;padding:16px;border-radius:9px}.detail-block p{margin:7px 0;font-size:13px}.medals{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.medals div{background:#f2f5ee;padding:8px;border-radius:6px;font-size:12px}.medals strong{display:block;margin-top:4px;font-size:14px}.detail ul{padding-left:18px;margin:8px 0;font-size:13px}.fur-list{display:flex;flex-wrap:wrap;gap:6px}.fur-chip{background:#f0f3ec;border-radius:5px;padding:4px 7px;font-size:12px}.fur-chip.rare{background:#fff4da;color:#785613}.fur-chip small{color:var(--muted);margin-left:5px}.detail-source{font-size:12px;color:var(--muted);margin:16px 0 0}.detail a,footer a{color:var(--green)}.notes{font-size:14px}.empty{text-align:center;padding:40px;background:white;border:1px solid var(--line);border-radius:12px}footer{font-size:12px;color:var(--muted)}@media(max-width:720px){.container{padding:0 12px}.controls,.map-section,.notes{padding:16px}.filters{grid-template-columns:1fr 1fr;gap:10px}.search-field{grid-column:1/-1;grid-row:2}.detail-grid{grid-template-columns:1fr}.detail{padding:14px}.detail-title{flex-wrap:wrap}.diamond-card{text-align:left}.table-wrap>table{min-width:620px}.legend{gap:8px}.medals{grid-template-columns:1fr 1fr}h2{font-size:20px}}@media print{header{background:white;color:var(--green);padding:12px 0}header p{color:var(--muted)}body{background:white}.controls,.legend,#print{display:none}.map-section{break-inside:avoid}.animal-toggle{color:var(--ink)}.container{max-width:none;padding:0}.table-wrap{overflow:visible}table{min-width:0!important}}
/* 좁은 화면에서는 표를 동물별 카드로 보여 상세 내용이 잘리지 않게 한다. */
@media(max-width:720px){.table-wrap>table{min-width:0;display:block}.table-wrap{overflow:visible}thead{display:none}tbody{display:block}.animal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);padding:10px 0}.animal-row td{border:0;padding:6px;width:auto}.animal-row td:first-child,.animal-row td:last-child{grid-column:1/-1}.number{font-size:15px}.number::before{content:attr(data-label);display:block;font-size:11px;font-weight:400;color:var(--muted);margin-bottom:3px}.detail-row,.detail-row>td{display:block;width:100%}.detail-title{display:block}.diamond-card{display:inline-block;margin-top:12px}.rare-list{padding-top:8px!important}.detail-grid{min-width:0}.detail-block{min-width:0;overflow-wrap:anywhere}}
/* 색과 글자를 함께 사용해 성별·메달·희귀도를 구분한다. */
.sex-badge,.rarity-badge{display:inline-block;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:700;line-height:1.7}.sex-male{background:#e4effb;color:#22548a}.sex-female{background:#f6e6f1;color:#853467}.sex-both{background:#e9eded;color:#46565b}.fur-chip .sex-badge,.fur-chip .rarity-badge{margin-left:5px}.rarity-0,.rarity-1{background:#e9eee5;color:#526049}.rarity-2{background:#ffedbf;color:#79520d}.rarity-3{background:#eee1fa;color:#6d358c}.medals .medal{border:1px solid transparent}.medals .medal-bronze{background:#f8e8dc;color:#854821;border-color:#e8c5aa}.medals .medal-silver{background:#ebeff3;color:#4b5a69;border-color:#cad3dc}.medals .medal-gold{background:#fff1c5;color:#785611;border-color:#e5ce84}.medals .medal-diamond,.diamond-card{background:#e1f4f4;color:#1c666c;border-color:#aed4d7}.diamond-card strong{color:#1c666c}.diamond-card small{color:#35696d}.animal-row.is-expanded{background:#edf5e8}.animal-row.is-expanded .animal-toggle{color:#245c43}.detail-close{display:block;margin-top:18px;margin-left:auto;font-size:13px}.detail-block>.sex-badge{margin-top:8px}.fur-chip{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.fur-image-links{display:flex;flex-wrap:wrap;gap:4px 10px;flex-basis:100%;padding-top:5px}.fur-image-links a{font-size:11px;text-decoration:underline;text-underline-offset:3px}
.animal-identity{display:flex;align-items:center;gap:14px;min-width:0}.animal-icon{width:64px;height:64px;flex:0 0 64px;object-fit:contain;padding:8px;background:#eaf1e4;border:1px solid #d7e2d1;border-radius:12px}.animal-identity>div{min-width:0}@media(max-width:720px){.animal-identity{gap:10px}.animal-icon{width:52px;height:52px;flex-basis:52px}}
.animal-row{cursor:pointer}.rare-image-button{padding:0;border:0;background:transparent;color:#785613;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.rare-image-button:disabled{cursor:default;text-decoration:none;opacity:.7}.go-heading{margin-top:20px;color:#916417}.go-fur-button{font-size:12px;background:#fff5d8;border-color:#dec88c}dialog{width:min(900px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--ink)}dialog::backdrop{background:#10251cb3}#fur-dialog-close{display:block;margin-left:auto;margin-bottom:14px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.image-gallery figure{margin:0;background:#f3f5ef;border-radius:8px;padding:12px}.image-gallery img{display:block;width:100%;max-height:55vh;object-fit:contain}.image-gallery a{color:var(--green);font-size:13px}.guide-tabs{display:flex;gap:10px;margin-bottom:20px}.guide-tabs button{padding:10px 20px;font-weight:700}.guide-tabs button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.mount-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mount-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.mount-card{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.mount-card h3{font-size:19px;margin-bottom:2px}.mount-summary{font-size:13px;color:var(--green);font-weight:700}.mount-animals{padding:0;list-style:none}.mount-animals li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.mount-animals p{margin:4px 0 0;font-size:12px}.mount-map-status{font-size:13px;font-weight:700;color:var(--green)}@media(max-width:720px){.mount-list{grid-template-columns:1fr}.mount-filters{grid-template-columns:1fr 1fr}.image-gallery{grid-template-columns:1fr}}@media print{.guide-tabs,#mounts-panel .controls{display:none}dialog{display:none}}
.mount-map-plan{background:#edf4e9;border:1px solid #d9e6d1;border-radius:8px;padding:10px 12px;margin:12px 0;color:var(--green);font-size:13px}.mount-map-plan p{margin:4px 0;font-weight:700}.mount-map-plan small{color:var(--muted);font-size:11px}
.mount-map-plan.mount-map-mixed{background:#fff2e4;border-color:#ebcfab;color:#8b531c}.mount-map-mixed small{color:#87684b}