/* Banka's boat stays with its case study. Wave art uses the original navy. */
.bk-boat-stage {
  position: relative;
  height: 224px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 10px;
  background: #0e2235;
}
.bk-water-field { position: absolute; inset: 0; }
.bk-water-field canvas { display: block; width: 100%; height: 100%; image-rendering: pixelated; }
.bk-boat-anchor { position: absolute; left: 50%; top: 52%; width: 128px; transform: translate(-50%, -50%); }
.bk-boat-orbit, .bk-boat-object, .bk-boat { display: block; width: 100%; }
.bk-boat { height: auto; image-rendering: pixelated; }
.bk-motion-control {
  position: absolute;
  right: 10px;
  bottom: 8px;
  padding: 8px;
  border: 0;
  background: #0e2235;
  color: #c2d0d1;
  font: 11px/1.5 "IBM Plex Mono", monospace;
  cursor: pointer;
  min-height: 44px;
}
.bk-motion-control:disabled { cursor: default; }
.bk-motion-control:focus-visible { outline: 2px solid #e8b85f; outline-offset: -2px; }
@media (max-width: 700px) {
  .bk-boat-stage { height: 200px; }
  .bk-boat-anchor { width: 64px; }
}