.intro{padding-bottom:25px;max-width:900px}.intro h1{max-width:650px}.intro>p{max-width:760px}.facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.facts .badge{margin:0}.explorer{padding-top:25px}.filters{display:flex;gap:22px;flex-wrap:wrap;align-items:end}.filters label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#d0dbca}.filters input,.filters select{color:#f3f0df;background:#182d20;border:1px solid #6a7e60;border-radius:0;padding:12px;max-width:100%;min-width:210px}.note{max-width:940px;color:#c0cdb8;font-size:14px;min-height:3em}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.gallery figure{margin:0;background:#16271e;border:1px solid #526650}.preview{padding:0;width:100%;height:250px;display:flex;align-items:center;justify-content:center;background:#040806;border:0;cursor:zoom-in}.preview img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;display:block}.preview.alpha{background-color:#0e1912;background-image:linear-gradient(45deg,#26352a 25%,transparent 25%),linear-gradient(-45deg,#26352a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#26352a 75%),linear-gradient(-45deg,transparent 75%,#26352a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.gallery figcaption{padding:16px 18px;font-size:14px;line-height:1.4;min-height:95px}.gallery figcaption strong{display:block}.gallery figcaption small{display:block;margin-top:8px;color:#b9c8b1}.paging{display:flex;align-items:center;justify-content:center;gap:25px;margin:35px 0 0}.paging button,#close{background:#203a2a;border:1px solid #6a7e60;color:#f4f1df;padding:9px 15px;cursor:pointer}.paging button:disabled{opacity:.35;cursor:default}.paging span{font-size:13px}dialog{max-width:min(1200px,95vw);width:95vw;max-height:94vh;border:1px solid #789067;background:#101b17;color:#f4f1df;padding:24px}dialog::backdrop{background:#000d}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{font-size:24px}.image-wrap{overflow:auto;margin:15px 0;background:#050a06;text-align:center}.image-wrap img{image-rendering:pixelated;display:block;max-width:100%;width:auto;height:auto;min-width:min(640px,100%);margin:0 auto;max-height:65vh;object-fit:contain}dialog>p{font-size:13px;color:#c3d0bb}dialog .button{font-size:13px;padding:10px 15px}@media(min-width:1500px){.preview{height:280px}}@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{height:250px}}@media(max-width:600px){.gallery{grid-template-columns:1fr}.preview{height:auto;min-height:190px;max-height:360px}.preview img{max-height:360px}.filters{gap:12px;display:block}.filters label{margin:12px 0}.filters input,.filters select{min-width:0;width:100%}.paging{gap:12px}.paging button{padding:8px 12px}.intro h1{font-size:44px}dialog{padding:15px}.dialog-head h2{font-size:19px}.dialog-head{align-items:start}.gallery figcaption{min-height:0}}
#palette-filter[hidden]{display:none}#image-detail{overflow-wrap:anywhere}

.image-wrap{max-height:65vh}.image-wrap img.tall{max-height:none;min-width:0;width:auto}
