#home[data-v-7fd1822a]{position:relative;width:80%}#container[data-v-7fd1822a]{position:relative}canvas[data-v-7fd1822a]{max-width:100%;max-height:100%;width:100%;height:auto}.tooltip[data-v-7fd1822a]{position:absolute;transform:translate(-50%,-100%);background:hsla(0,0%,100%,.6);width:135px;margin-top:5px;padding:3px 4px 3px 8px;border-radius:8px;pointer-events:none}.tooltip .item[data-v-7fd1822a]:not(:last-child){margin-bottom:2px}.tooltip .ship-name[data-v-7fd1822a]{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip .ship-prop[data-v-7fd1822a]{font-size:10px;display:flex;justify-content:space-between}.tooltip .ship-prop .ship-type[data-v-7fd1822a]{margin-right:10px;color:#c17555;font-weight:700}.tooltip .ship-prop .ship-wh[data-v-7fd1822a]{font-weight:700}.tooltip .ship-person[data-v-7fd1822a]{font-size:10px;display:flex;justify-content:space-between}.anchorage-list[data-v-7fd1822a]{position:absolute;bottom:0;right:0;min-width:460px;background:rgba(188,203,187,.8);padding:10px;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.5)}.anchorage-list .ship-title[data-v-7fd1822a]{display:flex;justify-content:space-between;margin-bottom:10px}.anchorage-list .ship-title span[data-v-7fd1822a]{flex:1;text-align:center;font-weight:700}.anchorage-list h3[data-v-7fd1822a]{margin-bottom:10px;font-size:16px;font-weight:700}.anchorage-list ul[data-v-7fd1822a]{list-style:none;padding:0;margin:0}.anchorage-list ul li[data-v-7fd1822a]{display:flex;justify-content:space-between;margin-bottom:10px}.anchorage-list ul li span[data-v-7fd1822a]{flex:1;text-align:center}.anchorage-list ul li span[data-v-7fd1822a]:first-child{font-weight:700}.position_text[data-v-7fd1822a]{position:fixed;top:10px;right:10px;z-index:999;background-color:#fff;color:#000717;padding:5px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}