/* Toy-only desktop affordances. Touch controls and saved layouts stay available. */
.toy-pc-help { display: none; }
html[data-toy-pc='true'] main[data-mode='running'] .toy-pc-help,
html[data-toy-pc='true'] main[data-mode='paused'] .toy-pc-help {
  display: block; position: absolute; bottom: 5px; left: 50%;
  transform: translateX(-50%); z-index: 8; pointer-events: none;
  padding: 4px 10px; border-radius: 6px; background: #193239d9;
  color: #fff3d0; font-size: 11px; white-space: nowrap;
  max-width: 90%; text-align: center;
}
html[data-toy-pc='true'] .game-ui button { cursor: pointer; }
html[data-toy-pc='true'] .game-ui button:focus-visible { outline: 2px solid #ffe6a0; outline-offset: 3px; }
@media (max-width: 760px) {
  html[data-toy-pc='true'] .toy-pc-help { font-size: 9px !important; white-space: normal !important; }
}

html[data-toy-pc='true'] .turn-stalk::before,
html[data-toy-pc='true'] .turn-stalk::after {
  position: absolute; left: 50%; transform: translateX(-50%); color: #fff3d0;
  font: 10px sans-serif; white-space: nowrap; pointer-events: none;
  background: #193239e6; border-radius: 3px; padding: 2px 4px;
}
html[data-toy-pc='true'] .turn-stalk::before { content: 'E 右转 / 回正'; bottom: 100%; }
html[data-toy-pc='true'] .turn-stalk::after { content: 'Q 左转 / 回正'; top: 100%; }
html[data-toy-pc='true'] .beam-flash-button::after { content: '1'; }
html[data-toy-pc='true'] .hazard-button::after { content: '2'; }
html[data-toy-pc='true'] .stunt-buttons button:first-child::after { content: 'Shift'; }
html[data-toy-pc='true'] .stunt-buttons button:last-child::after { content: 'R'; }
html[data-toy-pc='true'] .road-light-controls button,
html[data-toy-pc='true'] .stunt-buttons button { position: relative; overflow: visible; }
html[data-toy-pc='true'] .road-light-controls button::after,
html[data-toy-pc='true'] .stunt-buttons button::after {
  position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%);
  display: block; margin: 0; min-width: 18px; box-sizing: border-box;
  font: 10px/14px sans-serif; text-align: center; white-space: nowrap;
  color: #fff3d0; border: 1px solid #9aafaa80; border-radius: 3px; padding: 1px 4px;
  background: #193239cc; pointer-events: none;
}

.toy-pc-hints-toggle { display: none; }
html[data-toy-pc='true'] main[data-mode='running'] .toy-pc-hints-toggle,
html[data-toy-pc='true'] main[data-mode='paused'] .toy-pc-hints-toggle {
  display: block; position: absolute; top: calc(56px + var(--safe-top, 0px));
  right: calc(12px + var(--safe-right, 0px)); z-index: 36;
  min-height: 32px; padding: 5px 9px; border: 1px solid #abbcaf88;
  border-radius: 8px; background: #193239dd; color: #fff3d0;
  font: 12px sans-serif; pointer-events: auto;
}
html[data-toy-pc='true'] .reverse-view-button { top: calc(94px + var(--safe-top, 0px)); }
html[data-toy-pc='true'] .emote-controls { top: calc(144px + var(--safe-top, 0px)); }
html[data-toy-hints='false'] main .toy-pc-help,
html[data-toy-hints='false'] .turn-stalk::before,
html[data-toy-hints='false'] .turn-stalk::after,
html[data-toy-hints='false'] .road-light-controls button::after,
html[data-toy-hints='false'] .stunt-buttons button::after { display: none !important; }