body.g-mhf{--sharp-red:#d8202b;--sharp-orange:#e8822a;--sharp-yellow:#e9d22d;--sharp-green:#4fb33a;--sharp-blue:#2f6fd6;--sharp-white:#f4f4f4;--sharp-h:10px;--map-zoom:2;--pin:16px}@media (width>=600px){body.g-mhf{--map-zoom:3;--pin:32px}}@media (width>=1000px){body.g-mhf{--map-zoom:4}}.stats{grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;display:grid}.stats dt{font-weight:700}.stats dd{margin:0}.sharp{width:100%;max-width:280px;height:var(--sharp-h);background:var(--ink);border:1px solid var(--ink);margin-top:6px;display:flex}.sharp span{height:100%;display:block}.sharp .red{background:var(--sharp-red)}.sharp .orange{background:var(--sharp-orange)}.sharp .yellow{background:var(--sharp-yellow)}.sharp .green{background:var(--sharp-green)}.sharp .blue{background:var(--sharp-blue)}.sharp .white{background:var(--sharp-white)}td .sharp{min-width:120px;margin:0}.mats{margin:0;padding-inline-start:20px}.desc{white-space:pre-line}.cols{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.cols>.panel{margin-bottom:0}.after{margin-top:var(--gap)}table.st caption{text-align:start;padding:4px 0;font-weight:700}.hz td:not(:first-child),.hz th:not(:first-child){text-align:end}.src{margin-top:var(--gap)}tr.sure td{font-weight:700}.art{margin:0 0 var(--gap);max-width:600px}.art img{width:100%;height:auto;display:block}.art.piece img{width:auto;max-width:100%}.art figcaption{color:var(--muted);margin-top:4px;font-size:14px}.gallery{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:end;display:grid}.gallery.big{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery.small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery .art,.gmap{margin:0}.gmap-box{width:calc(160px * var(--map-zoom));max-width:calc(100% + 32px);margin-inline-start:max(-16px, min(0px, calc((100% - 160px * var(--map-zoom)) / 2)));position:relative}.gmap-box img{background:var(--line);width:100%;height:auto;image-rendering:pixelated;display:block}.pin{width:var(--pin);height:var(--pin);image-rendering:pixelated;background:50%/100% 100% no-repeat;border:0;padding:0;display:inline-block}.pin.gather{background-image:url(/mhf/maps/pin-gather.png)}.pin.mine{background-image:url(/mhf/maps/pin-mine.png)}.pin.bug{background-image:url(/mhf/maps/pin-bug.png)}.pin.mon{border:2px solid var(--ink);background:var(--panel-hi);border-radius:50%}.pin.mon img{object-fit:contain;image-rendering:auto;background:0 0;width:100%;height:100%;display:block}.pin.mon img.ic{image-rendering:pixelated}.legend .pin.mon{background:var(--line)}.gmap-box .pin{left:var(--x);top:var(--y);cursor:pointer;position:absolute;transform:translate(-50%,-100%)}.gmap-box .pin.mon{width:calc(var(--pin) * 1.5);height:calc(var(--pin) * 1.5);transform:translate(-50%,-50%)}.gmap-box .pin:hover,.gmap-box .pin:focus{z-index:2;outline:2px solid var(--ink)}.gmap-box .pin:hover:after,.gmap-box .pin:focus:after{content:attr(aria-label);background:var(--ink);color:var(--panel-hi);white-space:nowrap;border-radius:10px;margin-bottom:4px;padding:2px 8px;font-size:13px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.legend{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.gmap figcaption{color:var(--muted);margin-top:4px;font-size:14px}.ico{vertical-align:middle;background:url(/mhf/icons.webp) 0 calc(var(--i) * -24px);width:24px;height:24px;image-rendering:pixelated;margin:0 6px 0 0;display:inline-block}