/* Additive responsive, accessible artwork treatments. No game logic or save changes. */
.mh51-product-art{display:block;width:100%;height:160px;max-height:180px;object-fit:contain;object-position:center;margin:0 auto 12px;border-radius:10px;background:#102337;border:1px solid rgba(212,192,149,.14)}
.reward-card .mh51-product-art{height:143px;max-height:143px;object-fit:contain}
.loyalty-card .mh51-product-art{width:100%;height:110px;max-height:110px;object-fit:cover}
.mh51-furniture-photo{overflow:hidden;max-width:100%;background:#1a2732;border-radius:8px}
.mh51-furniture-photo .mh51-product-art{height:100%;max-height:250px;width:100%;margin:0;object-fit:contain}
.mh51-sport-art{display:block;width:100%;height:auto;min-height:122px;max-height:230px;aspect-ratio:1.48;object-fit:cover;border-radius:10px;background:#1a2937}
.sport-card25 .mh51-sport-art{height:155px;min-height:135px;object-fit:cover}
.mh51-shortcut{background:#112b38;border:1px solid #436071;border-radius:16px;padding:20px;margin-bottom:18px}
.mh51-shortcut strong{font-size:1.15rem;color:#faf1da}
.mh51-shortcut p{color:#d3e1de;margin:.5rem 0 1rem}
.mh51-nav-button{width:100%;display:flex;align-items:center;padding:11px 16px;margin:5px 0;border:1px solid #536c6e;border-radius:9px;background:#153440;color:#e9d9ba!important;cursor:pointer;font-weight:750;text-align:left}
.mh51-nav-button.active,.mh51-nav-button:hover{background:#31545b;border-color:#e2be72}
.mh51-guide{color:#eaf0ed;min-height:650px}
.mh51-guide-head{position:relative;padding:26px 24px 22px;border:1px solid #476069;border-radius:18px;background:linear-gradient(127deg,#122c37,#214549 65%,#172936);overflow:hidden}
.mh51-guide-head h1{font-size:clamp(1.9rem,3vw,2.75rem);color:#f9ead1;line-height:1.1;margin:9px 0 10px}
.mh51-guide-head p{max-width:850px;color:#d2e0de;line-height:1.6}
.mh51-guide-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;align-items:center}
.mh51-guide-badges>*{padding:5px 11px;background:#233a45;border:1px solid #567078;border-radius:50px;font-size:.81rem;color:#f0e7cc}
.mh51-tabs{display:flex;gap:7px;overflow-x:auto;padding:16px 0 9px;scrollbar-width:thin}
.mh51-tabs button,.mh51-filter-bar button,.mh51-page-controls button{flex-shrink:0;min-height:36px;padding:8px 14px;border:1px solid #4d6973;color:#e5e9df;background:#17313e;border-radius:10px;font-weight:650;cursor:pointer}
.mh51-tabs button.active,.mh51-filter-bar button.active{border-color:#e9c684;background:#31535a;color:#fff0c8}
.mh51-tabs small{display:inline-block;color:#d6c49d;font-size:.74rem;margin-left:8px}
.mh51-filter-bar{display:flex;align-items:end;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:15px 0}
.mh51-filter-bar label{font-size:.84rem;color:#d1dfdc;display:flex;gap:5px;flex-direction:column}
.mh51-filter-bar input{min-width:220px;min-height:38px;border:1px solid #5d747d;background:#132934;color:#f8eee1;border-radius:9px;padding:8px 12px}
.mh51-filter-bar>div{display:flex;gap:5px;flex-wrap:wrap}
.mh51-guide-note,.mh51-warning{color:#c6d6d3;font-size:.82rem;line-height:1.5;margin:9px 0 15px}
.mh51-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:15px}
.mh51-gallery-card{border:1px solid #425b65;border-radius:14px;overflow:hidden;background:#172e39;min-width:0;display:flex;flex-direction:column}
.mh51-gallery-card.found{border-color:#648b6e}
.mh51-gallery-card .mh51-original-art{display:block;width:100%;aspect-ratio:1.42;height:164px;object-fit:cover;object-position:center;background:#132b37}
.mh51-gallery-card>.atlas{display:block;width:100%;height:164px;overflow:hidden}
.mh51-gallery-card>.atlas svg{display:block;width:100%;height:164px;object-fit:cover}
.mh51-gallery-card>div:not(.atlas){padding:13px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
.mh51-gallery-card h3{font-size:1rem;line-height:1.35;color:#f5e9d0;margin:7px 0 5px}
.mh51-gallery-card p{color:#cad9dc;line-height:1.45;font-size:.83rem;min-height:36px;flex:1;margin:3px 0 12px}
.mh51-collection-label{font-size:.72rem;letter-spacing:.03em;color:#cbd9d6}
.mh51-gallery-card button{border:1px solid #779b9a;border-radius:8px;background:#28515c;color:#f1eae0;padding:9px 10px;line-height:1.2;min-height:37px;font-weight:700;text-align:center}
.mh51-gallery-card button:disabled{opacity:.62;cursor:default}
.mh51-page-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:21px auto}
.mh51-page-controls strong{color:#f0dba6;white-space:nowrap}
.mh51-page-controls button:disabled{opacity:.46}
.mh51-broken{border:2px dashed #bf7770!important;opacity:.6}
@media(max-width:700px){.mh51-guide-head{padding:19px 16px}.mh51-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mh51-gallery-card .mh51-original-art,.mh51-gallery-card>.atlas,.mh51-gallery-card>.atlas svg{height:115px}.mh51-gallery-card>div:not(.atlas){padding:10px}.mh51-gallery-card h3{font-size:.87rem}.mh51-gallery-card p{font-size:.75rem;min-height:46px}.mh51-gallery-card button{font-size:.73rem}.mh51-filter-bar input{min-width:0;width:100%}.mh51-tabs button{padding:8px 11px}.mh51-product-art{height:130px;max-height:130px}}
@media(max-width:360px){.mh51-gallery-grid{grid-template-columns:1fr}}

.clothing-picture .mh51-product-art{height:100%;max-height:210px;margin:0;object-fit:contain} .mh51-species-art{width:100%;height:160px;max-height:160px;object-fit:cover;border-radius:10px} .furniture-product .mh51-product-art{max-height:235px}
