#moveBankButton{transform:translateX(-48px)}
#moveBankButton:active{transform:translate(-48px,2px)}
#moveBankButton[aria-pressed=true]{background:#daedc9;color:#276847;border-color:#73a264}
#moveBankButton:disabled{opacity:.4}
#shoreMarkers{position:fixed;inset:0;pointer-events:none;z-index:5}
#shoreMarkers[hidden]{display:none}
body[data-shore-select=true] .online-nameplate{visibility:hidden}
.shore-marker{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;padding:0;border-radius:50%;border:2px solid white;background:#367858;color:white;font-size:13px;font-weight:700;pointer-events:auto;touch-action:manipulation;box-shadow:0 2px 7px #173a3c55}
.shore-marker:disabled{background:#738779;color:#e6eee4;opacity:.75}
.shore-marker[data-current=true]{background:#f9e7a4;color:#65562b}
.shore-marker::after{content:'';position:absolute;top:100%;left:50%;width:1px;height:var(--pin-offset,0px);background:currentColor;opacity:.55;pointer-events:none}
@media(orientation:landscape) and (max-height:520px){.shore-marker{width:30px;height:30px;font-size:12px}}