/* Truck Loader Puzzle (2D canvas, arcade-kit stage) */
#game-root .sim-controls-help { margin-top: 14px; }
.tl-levels { display: grid; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 8px; margin: 8px 0 12px; }
.tl-levels button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .06); color: inherit; cursor: pointer; font: inherit; }
.tl-levels button b { font-size: 18px; }
.tl-levels button small { font-size: 10px; min-height: 13px; }
.tl-levels button[aria-pressed="true"] { border-color: #facc15; box-shadow: 0 0 0 2px rgba(250, 204, 21, .4); }
.tl-levels button:disabled { opacity: .4; cursor: default; }
.tl-levels button:focus-visible { outline: 3px solid #facc15; outline-offset: 2px; }
.tl-daily { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 14px; border-radius: 12px; background: rgba(250, 204, 21, .1); border: 1px solid rgba(250, 204, 21, .3); margin-bottom: 10px; }
.tl-wrap { position: relative; width: 100%; user-select: none; -webkit-user-select: none; }
.tl-wrap .ak-stage { border-radius: 14px; overflow: hidden; touch-action: none; }
.tl-hud { position: absolute; inset: 0; pointer-events: none; }
.tl-hud__l { position: absolute; left: 12px; top: 10px; display: flex; gap: 10px; align-items: center; background: rgba(8, 16, 28, .65); border-radius: 12px; padding: 5px 12px; font: 800 15px system-ui, sans-serif; color: #fff; }
.tl-hud .sim-banner { position: absolute; left: 50%; top: auto; bottom: 6%; transform: translateX(-50%); }
.tl-tb { position: absolute; right: 10px; top: 10px; display: flex; gap: 6px; }
.tl-tb button { background: rgba(8, 16, 28, .75); color: #fff; border: 1px solid rgba(255, 255, 255, .18); border-radius: 10px; padding: 6px 10px; font: 700 15px system-ui, sans-serif; cursor: pointer; }
@media (max-width: 560px) { .tl-hud__l { font-size: 13px; padding: 4px 9px; top: 54px; } .tl-hud .sim-banner { top: 22%; bottom: auto; } .tl-tb { gap: 4px; } .tl-tb button { padding: 5px 7px; } }
.tl-wrap > .sim-result { border-radius: 14px; }