/* Forever Guides components: item tooltip card + SVG zone map. No images, no dependencies. */
.fg-item{--q:#fff;font:14px/1.45 var(--body,'Lato',system-ui,sans-serif);color:#e9e4d6;background:linear-gradient(180deg,#0b1430f5,#060b1af5);border:1px solid #a87a1c;border-radius:6px;box-shadow:0 0 0 1px #000,0 8px 24px #000a;padding:10px 12px;max-width:340px;min-width:220px}
.fg-item[data-q=poor]{--q:#9d9d9d}.fg-item[data-q=common]{--q:#ffffff}.fg-item[data-q=uncommon]{--q:#1eff00}.fg-item[data-q=rare]{--q:#0070dd}.fg-item[data-q=epic]{--q:#a335ee}.fg-item[data-q=legendary]{--q:#ff8000}
.fg-item[data-q=rare] .fg-name{color:#3d9bff}
.fg-name{color:var(--q);font:700 16px/1.25 var(--disp,'Cinzel',Georgia,serif);margin:0 0 2px}
.fg-row{display:flex;justify-content:space-between;gap:12px}
.fg-dim{color:#a8acc0}.fg-stat{color:#fff}.fg-eff{color:#1eff00}.fg-req{color:#e9e4d6}
.fg-src{border-top:1px solid #f8b70055;margin-top:6px;padding-top:6px;font-size:13px}
.fg-cite{font-size:12px;margin-top:4px}.fg-cite a{color:#ffd36b;text-decoration:underline}
.fg-money i{font-style:normal;display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 3px 0 1px;vertical-align:0}
.fg-g{background:#f8b700}.fg-s{background:#c7ccd6}.fg-c{background:#b8733a}
.fg-unv{border-color:#d33;border-style:dashed}
.fg-badge{display:inline-block;background:#d33;color:#fff;font:700 11px/1 var(--body,sans-serif);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;border-radius:3px;margin-bottom:6px}
.fg-tip{position:relative;display:inline-block}
.fg-tip>button.fg-link{background:none;border:0;padding:0;font:inherit;color:#ffd36b;text-decoration:underline dotted;cursor:help}
.fg-tip .fg-item{position:absolute;z-index:60;left:0;top:calc(100% + 6px);display:none;width:max-content;max-width:min(340px,92vw)}
.fg-tip.open .fg-item,.fg-tip:hover .fg-item,.fg-tip:focus-within .fg-item{display:block}
@media (max-width:600px){.fg-tip .fg-item{position:fixed;left:4vw;right:4vw;top:auto;bottom:12px;width:auto;max-width:none}}
/* Map */
.fg-map{font:14px/1.45 var(--body,'Lato',sans-serif);color:#e9e4d6;background:#0b1430;border:1px solid #a87a1c;border-radius:8px;padding:10px;max-width:900px}
.fg-map h3{font:700 18px var(--disp,'Cinzel',serif);color:#f8b700;margin:0 0 6px}
.fg-map svg{width:100%;height:auto;display:block;border-radius:6px;touch-action:manipulation}
.fg-pin{cursor:pointer}.fg-pin:focus{outline:none}.fg-pin:focus circle+circle,.fg-pin.sel circle+circle{stroke:#fff;stroke-width:.9}
.fg-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:13px}
.fg-legend span{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;border:1px solid #000}
.fg-detail{margin-top:8px;background:#060b1a;border:1px solid #f8b70055;border-radius:6px;padding:8px 10px;min-height:2.6em}
.fg-detail b{color:#ffd36b}
.fg-cap{font-size:12px;color:#a8acc0;margin-top:6px}