/* Dino Sim 3D (shared: sim3d.css + tycoon-kit.css + cat-sim list/hint styles below) */
.ds-hud { position: absolute; left: 10px; top: 10px; display: grid; gap: 5px; width: 210px; pointer-events: none; color: #fff; font: 800 13px system-ui, sans-serif; }
.ds-hud > div { background: rgba(8, 16, 28, .78); border: 1px solid rgba(255, 255, 255, .18); border-radius: 10px; padding: 5px 9px; }
.ds-stage i, .ds-bars i { display: block; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .15); overflow: hidden; margin-top: 3px; }
.ds-stage u, .ds-bars u { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #a3e635, #22c55e); transition: width .2s; }
.ds-bars { display: grid; gap: 3px; }
.ds-bars span { display: grid; grid-template-columns: 20px 1fr; align-items: center; }
.ds-bars span i { margin-top: 0; }
.ds-bars .w { background: linear-gradient(90deg, #38bdf8, #2563eb); }
.ds-bars .e { background: linear-gradient(90deg, #fde047, #f59e0b); }
.cs-list { position: absolute; right: 10px; top: 10px; width: 240px; background: rgba(8, 16, 28, .82); border: 1px solid rgba(255, 255, 255, .18); border-radius: 14px; padding: 8px 10px; color: #fff; font: 700 12.5px/1.45 system-ui, sans-serif; pointer-events: none; }
.cs-list h5 { margin: 0 0 4px; font-size: 13.5px; }
.cs-list .is-done { opacity: .6; text-decoration: line-through; }
.cs-list.is-hidden { display: none; }
.cs-hint { position: absolute; left: 50%; bottom: 62px; transform: translateX(-50%); background: rgba(8, 16, 28, .8); color: #fff; border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; padding: 6px 12px; font: 800 14px system-ui, sans-serif; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .2s; }
.cs-hint.is-on { opacity: 1; }
@container (max-width: 560px) {
  .ds-hud { width: 150px; font-size: 11px; gap: 3px; top: 96px; left: 8px; }
  .ds-hud > div { padding: 3px 7px; }
  .cs-list { top: 96px; right: 8px; width: auto; left: 8px; max-height: 45%; overflow: auto; font-size: 11.5px; pointer-events: auto; }
  .cs-hint { bottom: 150px; font-size: 12px; }
}