.gdbm{position: relative;margin: 0;}.gdbm__box{position: relative;border: 1px solid var(--border);border-radius: var(--radius);overflow: hidden;background: #000;}.gdbm__box img{display: block;width: 100%;height: auto;}.gdbm figcaption{font-size: 12px;color: var(--text-mut);margin-top: 4px;text-align: center;}.gdbm__gen{display: inline-block;margin: 0 2px;padding: 0 6px;border: 1px solid var(--border);border-radius: 999px;font-size: 11px;line-height: 16px;color: var(--text-dim);vertical-align: 1px;}.gdbm__area{position: absolute;transform: translate(-50%,-50%);border: 1px solid rgba(255,138,101,.85);background: rgba(239,83,80,.2);border-radius: 3px;}.gdbm__area--round{border-radius: 50%;}.gdbm__area:hover,.gdbm__area:focus-visible,.gdbm__area.is-hot{background: rgba(239,83,80,.5);border-color: #fff;outline: none;z-index: 2;}.gdbm__pin{position: absolute;z-index: 3;width: 12px;height: 12px;margin: -6px 0 0 -6px;border-radius: 50%;border: 2px solid #fff;background: #f2b134;box-shadow: 0 0 0 1px rgba(0,0,0,.65);}.gdbm__pin::before{content: "";position: absolute;inset: -8px;}.gdbm__pin--gate{background: #4fc3f7;border-radius: 2px;transform: rotate(45deg);}.gdbm__pin--here{width: 18px;height: 18px;margin: -9px 0 0 -9px;border-width: 3px;background: #ef5350;box-shadow: 0 0 0 2px rgba(0,0,0,.5),0 0 14px rgba(239,83,80,.85);}.gdbm__pin:hover,.gdbm__pin:focus-visible,.gdbm__pin.is-hot{z-index: 4;outline: none;box-shadow: 0 0 0 2px #000,0 0 10px #fff;}.gdbm--no-npc .gdbm__pin--npc,.gdbm--no-gate .gdbm__pin--gate,.gdbm--no-mob .gdbm__area,.gdbm__area.is-off{display: none;}.gdbm__tip{position: absolute;z-index: 6;pointer-events: none;max-width: 240px;padding: 6px 9px;border-radius: 6px;border: 1px solid var(--border);background: var(--bg-elev);color: var(--text);box-shadow: var(--shadow);font-size: 12.5px;line-height: 1.35;}.gdbm__tip b{display: block;font-weight: 700;}.gdbm__tip span{color: var(--text-dim);}.gdbm__keys{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 6px 14px;margin-top: 8px;font-size: 13px;color: var(--text-dim);}.gdbm__keys[hidden]{display: none;}.gdbm__key{display: inline-flex;align-items: center;gap: 6px;cursor: pointer;white-space: nowrap;}.gdbm__sw{display: inline-block;width: 10px;height: 10px;border: 2px solid #fff;border-radius: 50%;background: #f2b134;box-shadow: 0 0 0 1px rgba(0,0,0,.5);}.gdbm__sw--gate{background: #4fc3f7;border-radius: 2px;transform: rotate(45deg);}.gdbm__sw--mob{border: 1px solid rgba(255,138,101,.9);background: rgba(239,83,80,.35);width: 14px;height: 12px;border-radius: 50%;box-shadow: none;}.gdbm__keys select{max-width: 100%;padding: 4px 8px;font: inherit;color: var(--text);background: var(--bg-elev);border: 1px solid var(--border);border-radius: var(--radius-sm);}.gdbm__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,320px));gap: 14px;margin: 8px 0 16px;}.gdb__mapwrap--marks{grid-template-columns: minmax(0,1fr) minmax(0,440px);margin-bottom: 14px;}@media (max-width: 720px){.gdb__mapwrap--marks{grid-template-columns: 1fr;}.gdbm__grid{grid-template-columns: 1fr;}}