/* Mall Tycoon (shared: sim3d.css + tycoon-kit.css) */
.ml-menu { width: min(360px, calc(100% - 20px)); max-height: calc(100% - 20px); overflow: auto; }
.ml-menu h5 { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.ml-menu p { margin: 4px 0 8px; }
.ml-menu p small { opacity: .75; }
.ml-x { min-height: 30px !important; padding: 2px 9px !important; background: rgba(255, 255, 255, .1) !important; }
.ml-list { display: flex; flex-direction: column; gap: 4px; }
.ml-list button { display: flex; justify-content: space-between; align-items: center; gap: 8px; text-align: left; width: 100%; }
.ml-list button span { display: flex; flex-direction: column; min-width: 0; }
.ml-list button small { font-weight: 600; font-size: 11px; opacity: .75; }
.ml-list button b { flex: 0 0 auto; color: #fde047; }
.ml-list button.is-dim { opacity: .5; }
.sim-toolbar button[data-fl] { min-width: 34px; }
.sim-toolbar button[data-fl].is-on { background: rgba(250, 204, 21, .9); color: #111; }
.ml-stats .tk-item, .ml-best .tk-item { padding: 2px 0; font-size: 13px; }
.tk-list > .tk-note { font-size: 11px; }
@container (max-width: 560px) {
  .ml-menu { max-height: 70%; }
  .ml-list button { padding: 4px 7px; }
}