/* Island Hopper Boat Adventure 3D : page-specific styles (shared styles come from the hub kit) */
#game-root .sim-controls-help { margin-top: 14px; }
/* fuel gauge next to the speed readout */
.ih-fuel { display: flex; flex-direction: column; gap: 4px; min-width: 96px; }
.ih-fuel span { font: 800 10px system-ui, sans-serif; letter-spacing: .08em; opacity: .85; }
.ih-fuel i { display: block; height: 9px; border-radius: 5px; background: rgba(255, 255, 255, .18); overflow: hidden; }
.ih-fuel b { display: block; height: 100%; width: 100%; background: #22c55e; transition: width .3s; }
.ih-fuel.is-low span { color: #fca5a5; animation: ih-flash .6s steps(2) infinite; }
@keyframes ih-flash { 50% { opacity: .3; } }
/* collection line inside the objective card */
.ih-status { border-top: 1px solid rgba(255, 255, 255, .16); margin-top: 4px; padding-top: 4px; font: 800 12.5px system-ui, sans-serif; color: #fff; white-space: nowrap; }
/* villager dialog */
.ih-dlg .ih-say { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 8px; font-size: 14px; line-height: 1.45; }
.ih-dlg .ih-av { font-size: 34px; line-height: 1; flex: none; }
.ih-dlg small { opacity: .75; }
/* big map */
.ih-bigmap { position: absolute; inset: 0; z-index: 35; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: rgba(4, 10, 20, .6); pointer-events: none; }
.ih-bigmap[hidden] { display: none; }
.ih-bigmap canvas { height: min(420px, 84%); width: auto; max-width: 92%; aspect-ratio: 1; object-fit: contain; border-radius: 14px; border: 3px solid #fde68a; box-shadow: 0 8px 30px rgba(0, 0, 0, .5); }
.ih-bigmap__cap { font: 800 13px system-ui, sans-serif; color: #fff; text-shadow: 0 1px 3px #000; }
@container (max-width: 480px) {
  .ih-status { font-size: 11px; }
  .ih-fuel { min-width: 70px; }
  .ih-dlg .ih-say { font-size: 13px; } .ih-dlg .ih-av { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) { .ih-fuel.is-low span { animation: none; } }