/* Hungry Train */
#game-root .sim-controls-help { margin-top: 14px; }
.ht-wrap { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.ht-bar { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.ht-pill { background: var(--color-bg-alt, #1c1f27); border: 1px solid var(--color-border, #2d3240); border-radius: 999px; padding: 5px 12px; font-weight: 800; font-size: 14px; }
.ht-pill:empty { display: none; }
.ht-sp { flex: 1; display: flex; justify-content: flex-end; }
.ht-wrap .ak-stage { position: relative; width: 100%; max-width: none; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
.ht-wrap .ak-stage canvas { width: 100%; height: 100%; display: block; touch-action: none; }
.ht-pad { display: none; grid-template-columns: repeat(3, 64px); grid-template-rows: repeat(2, 56px); gap: 6px; justify-content: center; }
.ht-pad button { font-size: 24px; border-radius: 14px; border: 1px solid var(--color-border, #2d3240); background: var(--color-bg-alt, #1c1f27); color: inherit; touch-action: none; }
.ht-pad [data-d="3"] { grid-column: 2; grid-row: 1; } .ht-pad [data-d="2"] { grid-column: 1; grid-row: 2; } .ht-pad [data-d="1"] { grid-column: 2; grid-row: 2; } .ht-pad [data-d="0"] { grid-column: 3; grid-row: 2; }
@media (pointer: coarse) { .ht-pad { display: grid; } }
.ht-result { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(4, 10, 20, .5); }
.ht-card { background: rgba(14, 22, 36, .96); color: #fff; border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; padding: 18px 22px; text-align: center; max-width: 88%; }
.ht-card h3 { margin: 0 0 6px; font-size: 22px; } .ht-card p { margin: 4px 0; opacity: .92; }
.ht-btns { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }