/* Boat Docking 3D : page-specific styles (shared styles come from the hub kit) */
#game-root .sim-controls-help { margin-top: 14px; }
#game-root .ak-pick.is-locked { opacity: .55; }
.bd-panel { border-top: 1px solid rgba(255, 255, 255, .16); margin-top: 4px; padding-top: 4px; font: 800 14px system-ui, sans-serif; color: #fff; white-space: nowrap; }
.bd-panel small { display: block; font-size: 12px; font-weight: 700; opacity: .9; }
.bd-hold { position: absolute; left: 50%; top: 60%; transform: translateX(-50%); width: 180px; height: 26px; border-radius: 13px; background: rgba(8, 16, 28, .7); border: 2px solid #facc15; overflow: hidden; text-align: center; pointer-events: none; }
.bd-hold i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(250, 204, 21, .55); }
.bd-hold span { position: relative; font: 800 13px/22px system-ui, sans-serif; color: #fff; }
.bd-wind { position: absolute; right: 12px; top: 136px; display: flex; align-items: center; gap: 6px; background: rgba(8, 16, 28, .72); border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; padding: 3px 10px 3px 6px; font: 800 12px system-ui, sans-serif; color: #e0f2fe; pointer-events: none; }
.bd-wind i { display: inline-block; font-style: normal; color: #7dd3fc; font-size: 16px; }
@container (max-width: 480px) {
  .bd-panel { font-size: 12px; }
  .bd-panel small { font-size: 11px; }
  .bd-wind { top: 136px; right: 8px; }
  .bd-hold { top: 52%; }
}