/* Double Decker Tour 3D (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.dt-comfort { position: absolute; left: 12px; bottom: 100px; display: flex; align-items: center; gap: 6px; background: rgba(8, 16, 28, .7); border: 1px solid rgba(255, 255, 255, .16); border-radius: 10px; padding: 3px 8px; }
.dt-comfort span { font-size: 18px; }
.dt-comfort div { width: 70px; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .2); overflow: hidden; }
.dt-comfort i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, #ef4444, #facc15, #4ade80); }
.dt-guide { position: absolute; left: 50%; bottom: 66px; transform: translate(-50%, 8px); max-width: min(440px, calc(100% - 32px)); background: rgba(8, 16, 28, .86); border: 1px solid rgba(250, 204, 21, .55); border-radius: 12px; padding: 8px 14px; font: 600 14px/1.4 system-ui, sans-serif; color: #f8fafc; text-align: center; opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; }
.dt-guide b { display: block; color: #fde047; font-size: 15px; margin-bottom: 2px; }
.dt-guide.is-on { opacity: 1; transform: translate(-50%, 0); }
.dt-flash { position: absolute; inset: 0; background: #fff; opacity: 0; pointer-events: none; }
.dt-flash.is-on { animation: dt-flash .22s ease-out; }
@keyframes dt-flash { 0% { opacity: .55; } 100% { opacity: 0; } }
.dt-album { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 8px 0; }
.dt-album span { background: rgba(250, 204, 21, .14); border: 1px solid rgba(250, 204, 21, .4); border-radius: 8px; padding: 3px 8px; font-size: 13px; font-weight: 700; }
.sim-has-touch .dt-comfort { bottom: 186px; }
.sim-has-touch .dt-guide { bottom: 222px; }
.ck-touch .sim-tbtn[data-id="photo"] { order: 2; margin-left: auto; }
.ck-touch .sim-tbtn[data-id="hb"] { display: none; }
@container (max-width: 480px) {
  .sim-has-touch .dt-comfort { bottom: 176px; }
  /* phones: the short game area has no free middle, so cover the toolbar for the few seconds of a photo */
  .dt-guide, .sim-has-touch .dt-guide { top: 8px; bottom: auto; font-size: 13px; z-index: 6; width: calc(100% - 24px); }
  .ck-touch .sim-tbtn[data-id="photo"] { min-width: 44px; }
  .sim-result__card { max-height: calc(100% - 16px); overflow-y: auto; padding: 12px 14px; }
  .sim-result__card p[style] { font-size: 19px !important; }
  .sim-result__stars { font-size: 24px; margin: 2px 0 4px; }
  .sim-result__btns { margin-top: 8px; }
  .sim-result__btns .btn { padding: 8px 12px; font-size: 14px; }
  .dt-album { gap: 4px; margin: 4px 0; }
  .dt-album span { font-size: 11px; padding: 2px 6px; }
}
@media (prefers-reduced-motion: reduce) { .dt-flash.is-on { animation: none; } .dt-guide { transition: none; } }