.admin-hints-setting > .sound-row { margin-top: 20px; }
.admin-hints-budget-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding-left: 10px; color: var(--ui-muted); font-size: 13px; }
.admin-hints-budget-row[hidden] { display: none; }
.admin-hints-budget-row > span { flex: none; white-space: nowrap; }
.admin-hints-budget-row select { flex: 0 0 auto; min-width: 96px; }
.admin-hint-bar { display: flex; align-items: flex-start; gap: 10px; min-height: 42px; padding: 5px 6px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-surface); }
.admin-hint-bar[hidden] { display: none; }
.admin-hint-bar .secondary-button { min-height: 34px; padding: 6px 16px; flex: 0 0 auto; }
.admin-hint-bar p { flex: 1 1 auto; min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--ui-muted); font-size: 12px; line-height: 1.4; white-space: pre-line; }
.admin-hint-bar[aria-busy='true'] p { color: var(--ui-text); }
.intersection { position: relative; }
.admin-hint-target, .admin-hint-source { position: absolute; z-index: 7; inset: 18%; border-radius: 50%; pointer-events: none; }
.admin-hint-target { border: 3px solid var(--ui-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-surface) 72%, transparent), 0 0 0 6px color-mix(in srgb, var(--ui-accent) 38%, transparent); }
.admin-hint-source { inset: 28%; border: 2px dashed var(--ui-accent); }
@media (max-width: 899px) and (max-height: 700px) {
  #game-view .game-play-area > .admin-hint-bar { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  .admin-hint-bar { gap: 7px; padding: 4px; }
  .admin-hint-bar .secondary-button { padding-inline: 12px; }
  .admin-hint-bar p { font-size: 11px; }
}