.creature-filters{display:grid;grid-template-columns:minmax(220px,1.65fr) minmax(180px,1.2fr) minmax(150px,1fr) minmax(140px,1fr);gap:12px;margin:30px 0 12px}.creature-filters label{min-width:0;display:flex;flex-direction:column;gap:7px}.creature-filters label>span{font-size:11px;color:#aaa;font-weight:750}.creature-filters input,.creature-filters select{min-width:0;width:100%;height:46px;border:1px solid #333;border-radius:6px;padding:0 12px;background:#121212;color:#eee;font:inherit;font-size:13px}.creature-filters input:focus,.creature-filters select:focus{outline:2px solid #aaa;outline-offset:2px}.creature-browse-shortcuts{display:flex;flex-wrap:wrap;gap:8px 16px}.creature-browse-shortcuts button{padding:5px 0;border:0;background:none;color:#aaa;font:inherit;font-size:11px;cursor:pointer}.creature-browse-shortcuts button:hover{color:#fff}.creature-browse-shortcuts #creature-reset{margin-left:auto}.creature-result-line{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#999;font-size:12px;margin:24px 0 12px}.creature-result-line p{margin:0}.creature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creature-card{border:1px solid #292929;border-radius:8px;overflow:hidden;background:#101010;min-width:0;display:flex;flex-direction:column}.creature-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:210px;border:0;padding:18px;background:#161616;color:#ddd;cursor:pointer;overflow:hidden;border-radius:7px 7px 0 0}.creature-preview>.atlas-preview{display:block;width:100%;height:100%;max-width:240px;aspect-ratio:1;background-repeat:no-repeat}.creature-preview>img{width:100%;height:100%;object-fit:contain}.creature-preview.preview-gallery>img{object-fit:cover}.creature-preview .creature-uv{image-rendering:pixelated;width:auto;max-width:100%;max-height:75%}.creature-preview-tag{position:absolute;right:10px;bottom:10px;padding:4px 7px;border:1px solid #363636;border-radius:4px;font:700 9px Manrope,sans-serif;color:#b3b3b3;background:#111e;letter-spacing:.1px}.creature-no-image{color:#555;font-size:50px}.creature-card-copy{padding:20px;flex:1;display:flex;flex-direction:column}.creature-origin{font-size:10px;letter-spacing:.6px;color:#aaa;margin:0 0 9px;text-transform:uppercase}.creature-card h2{font-size:22px;line-height:1.2;font-weight:850;letter-spacing:-.8px;margin:0 0 12px}.creature-card h2 a{color:#eee}.creature-card h2 span{font-size:14px;color:#888}.creature-habitat{font-size:12px;color:#a8a8a8;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px;min-height:40px}.creature-card-foot{border-top:1px solid #292929;padding-top:12px;display:flex;flex-direction:column;gap:5px;font-size:10px;color:#aaa;margin-top:auto}.creature-card-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creature-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px 0;font-size:12px}.creature-pagination button{background:#181818;color:#ddd;border:1px solid #333;border-radius:5px;padding:11px 16px;cursor:pointer;font:700 12px Manrope,sans-serif}.creature-pagination button:disabled{opacity:.35;cursor:default}.creature-data-note{font-size:11px;line-height:1.8;color:#888;margin:30px 0;max-width:850px}.creature-detail-heading{margin-bottom:32px}.creature-detail-layout{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:44px;align-items:start}.creature-portrait{position:sticky;top:98px;min-width:0}.creature-preview-large{height:350px;border:1px solid #303030;border-radius:8px}.creature-preview-large>.atlas-preview{max-width:320px;height:auto;aspect-ratio:1}.creature-portrait>p,.creature-portrait details{font-size:11px;line-height:1.75;color:#999;margin-top:13px}.creature-portrait summary{cursor:pointer}.creature-to-items{display:block;font-size:12px;margin:20px 0;color:#ccc}.creature-facts{min-width:0;font-size:14px;line-height:1.85;color:#c2c2c2}.creature-facts section{border-top:1px solid #303030;padding-top:22px;margin-bottom:34px}.creature-facts .section-head{margin:0 0 12px;align-items:baseline}.creature-facts h2{font-size:23px;color:#eee;letter-spacing:-.6px;line-height:1.3}.creature-facts p{margin:0 0 16px}.creature-facts ul{padding-left:20px}.creature-facts li{margin-bottom:9px}.creature-biomes{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.creature-biomes a{font-size:11px;border:1px solid #343434;background:#111;border-radius:4px;padding:5px 10px;line-height:1.5;color:#bbb}.creature-biomes a:hover{color:#fff;border-color:#777}.creature-drop-list{display:flex;flex-direction:column;border:1px solid #303030;border-radius:6px;overflow:hidden}.creature-drop{padding:14px 16px;background:#111}.creature-drop+.creature-drop{border-top:1px solid #303030}.creature-drop>div{display:flex;gap:14px;align-items:baseline;justify-content:space-between}.creature-drop a,.creature-drop strong{font-weight:800;font-size:13px}.creature-drop span{font-size:12px;flex:none;color:#ccc}.creature-drop p{font-size:11px;line-height:1.6;color:#999;margin:6px 0 0}.creature-skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creature-skins figure{margin:0;min-width:0}.creature-skins button{display:flex;align-items:center;justify-content:center;background:#171717;border:1px solid #303030;border-radius:5px;height:130px;width:100%;padding:12px}.creature-skins img{image-rendering:pixelated;object-fit:contain;max-width:100%;max-height:100%}.creature-skins figcaption{font-size:11px;line-height:1.5;margin-top:8px;color:#b3b3b3}.creature-skins figcaption small{display:block;color:#888}.creature-sources>ul{list-style:none;padding:0}.creature-sources li{margin:12px 0;font-size:12px}.creature-sources li code,.creature-sources li small{display:block;color:#888;overflow-wrap:anywhere;font-size:10px;line-height:1.7}.creature-sources details{font-size:11px;color:#999;margin-top:24px}.creature-sources summary{cursor:pointer;margin-bottom:12px}.creature-fact-link{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px 20px;border:1px solid #333;border-radius:6px;margin:0 0 24px;background:#111;font-size:13px}.creature-fact-link a{font-weight:800}.creature-fact-link span{color:#999}.creature-preview:focus-visible,.creature-card a:focus-visible,.creature-browse-shortcuts button:focus-visible{outline:2px solid #ccc;outline-offset:-3px}
@media(min-width:1700px){.creature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.creature-filters{grid-template-columns:1fr 1fr}.creature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creature-detail-layout{gap:26px;grid-template-columns:minmax(180px,260px) minmax(0,1fr)}}@media(max-width:700px){.creature-filters{margin-top:22px;gap:12px 8px}.creature-query-label{grid-column:1/-1}.creature-filters label:last-child{grid-column:1/-1}.creature-filters input,.creature-filters select{font-size:14px}.creature-grid{gap:10px}.creature-preview{height:160px;padding:10px}.creature-card-copy{padding:14px}.creature-card h2{font-size:18px;letter-spacing:-.5px}.creature-origin{font-size:9px}.creature-habitat{font-size:11px;min-height:52px}.creature-card-foot{font-size:9px}.creature-preview-tag{font-size:8px;right:7px;bottom:7px}.creature-result-line{font-size:11px;align-items:flex-start}.creature-browse-shortcuts #creature-reset{margin-left:0}.creature-detail-layout{grid-template-columns:1fr;gap:24px}.creature-portrait{position:static}.creature-preview-large{height:300px}.creature-facts{font-size:13px}.creature-facts h2{font-size:22px}.creature-skins{grid-template-columns:repeat(2,minmax(0,1fr))}.creature-skins button{height:120px}.creature-pagination{gap:15px}.creature-pagination button{padding:9px 11px}.creature-card h2 a{overflow-wrap:anywhere}.creature-preview>.atlas-preview{max-width:140px;height:auto;aspect-ratio:1}.creature-preview-large>.atlas-preview{max-width:260px}}

.creature-preview>.atlas-preview{width:min(100%,174px);height:auto;aspect-ratio:1}.creature-preview-large>.atlas-preview{width:min(100%,300px)}.creature-biome-more{font-size:12px;color:#aaa;margin:12px 0}.creature-biome-more summary{cursor:pointer}.creature-skins img.model-still{image-rendering:auto}