.pin-map-panel{margin:18px 0 24px;border:1px solid #d7e1da;background:#fff;scroll-margin-top:65px}.pin-map-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #e1e8e3}.pin-map-heading h3{font-size:20px;margin:5px 0 0}.pin-map-heading>span{font-size:13px;color:#63756a;white-space:nowrap}.pin-kind-filters{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px;background:#f8faf8}.pin-kind-filters a{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #cedbd2;border-radius:4px;font-size:14px;background:#fff;min-height:36px}.pin-kind-filters a[aria-current]{box-shadow:inset 0 -3px #295c46;border-color:#295c46;font-weight:700}.pin-kind-filters svg,.pin-key svg{width:19px;height:19px;flex-shrink:0}.pin-map-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;padding:16px}.pin-map-layout figure{margin:0;min-width:0}.pin-map-canvas{border:1px solid #dce5df;background:#fff;overflow:auto}.pin-map-inner{position:relative;width:100%;aspect-ratio:1}.pin-map-inner>img{display:block;width:100%;height:auto}.gathering-map-pin{position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;min-width:42px;height:38px;padding:4px 5px;transform:translate(-50%,-100%);color:#fff!important;background:var(--pin-color,#59666b);border:2px solid #fff;border-radius:7px 7px 7px 0;box-shadow:0 2px 5px #0005;z-index:1;text-decoration:none!important;font-size:15px;line-height:1;isolation:isolate}.gathering-map-pin:after{content:"";position:absolute;width:8px;height:8px;bottom:-5px;left:calc(50% - 4px);background:var(--pin-color,#59666b);border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg);z-index:-1}.gathering-map-pin svg{width:19px;height:19px}.gathering-map-pin:hover,.gathering-map-pin:focus-visible,.gathering-map-pin.is-selected{outline:3px solid #edb04d;outline-offset:2px;z-index:3}.pin-gather{--pin-color:#35714d}.pin-mine{--pin-color:#465fa0}.pin-bug{--pin-color:#9b6813}.pin-fish{--pin-color:#177d8b}.pin-unknown{--pin-color:#68737b}.pin-kind-filters .pin-mine,.pin-key.pin-mine{color:#465fa0}.pin-kind-filters .pin-gather,.pin-key.pin-gather{color:#35714d}.pin-kind-filters .pin-bug,.pin-key.pin-bug{color:#946314}.pin-kind-filters .pin-fish,.pin-key.pin-fish{color:#177d8b}.pin-map-layout figcaption{font-size:13px;line-height:1.8;color:#62746a;margin:12px 0}.pin-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:7px}.pin-key{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700}.pin-loot-card{border:1px solid #dce5df;padding:16px;align-self:start;background:#fafcf9;min-width:0}.pin-loot-card h3{font-size:18px;line-height:1.7;margin:0 0 10px}.pin-loot-card p{font-size:14px;line-height:1.9}.pin-selected-heading{display:flex;align-items:center;gap:7px}.pin-selected-heading h3{margin:0}.pin-rank-label{font-size:13px!important;border-bottom:1px solid #dce5df;padding-bottom:9px}.pin-reference,.pin-clear{display:block;font-size:13px;margin-top:16px}.pin-clear{color:#62746a}.overview-crop-details{margin:18px 0;border:1px solid #dce5df;padding:12px}.overview-crop-details>summary{font-weight:700;font-size:15px;cursor:pointer}.overview-crop-details .gathering-layout{margin-bottom:0}
.pin-location-list{display:flex;flex-wrap:wrap;gap:7px}.pin-location-list a{display:flex;align-items:center;gap:4px;font-size:13px;border:1px solid #d4e0d7;padding:7px;background:#fff;border-radius:4px}.pin-location-list svg{width:16px;height:16px;color:var(--pin-color)}.pin-location-list [aria-current]{border-color:#c88d2d;background:#fff8e9}.pin-location-list b{color:var(--pin-color)}
.pin-location-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pin-location-lines line{stroke:#62796b;stroke-width:1.5;vector-effect:non-scaling-stroke}.pin-location-dot{fill:var(--pin-color);stroke:white;stroke-width:2}.pin-map-unavailable{padding:16px}.pin-map-unavailable h3{font-size:18px;margin:0 0 8px}.pin-map-unavailable p{font-size:14px}
.pin-map-art{display:block;width:100%;height:100%}.pin-map-art image{image-rendering:pixelated}.pin-map-canvas{background:#f2f4f2}.pin-placement-note{font-size:13px!important;line-height:1.8;margin:0;padding:10px 16px;border-bottom:1px solid #e1e8e3;color:#607268;background:#fafcf9}
.pin-secret{--pin-color:#795a99}.pin-break{--pin-color:#8c5734}.pin-offmap-panel,.pin-pending-panel{margin-top:14px;border:1px solid #d7cee1;background:#f8f4fb;padding:12px;border-radius:6px}.pin-offmap-panel h4,.pin-pending-panel h4{display:flex;align-items:center;gap:7px;font-size:15px;margin:0 0 7px}.pin-offmap-panel h4 svg{width:21px;height:21px;color:#795a99}.pin-offmap-panel p{font-size:13px!important;line-height:1.8;margin:0 0 9px!important}.pin-pending-panel{background:#fff8e9;border-color:#e4d2a8}.pin-condition-note{padding:10px;border-left:3px solid #b48240;background:#fff7e7}.pin-extra-references{font-size:12px!important;overflow-wrap:anywhere}.pin-map-heading>span{white-space:normal;text-align:right}
@media(max-width:760px){.pin-map-layout{grid-template-columns:1fr;padding:12px;gap:12px}.pin-map-heading{padding:12px}.pin-map-heading h3{font-size:18px}.pin-map-heading>span{font-size:13px}.pin-kind-filters{padding:10px;gap:6px}.pin-kind-filters a{font-size:13px;padding:7px}.pin-map-canvas{margin-inline:-5px}.pin-map-inner{min-width:310px}.gathering-map-pin{min-width:44px;height:42px;font-size:14px}.pin-loot-card{padding:13px}.overview-crop-details{padding:9px}}
