/* Existing native bitmap artwork supplies the focus marker and button surface. */
#controller-focus-marker{position:fixed;z-index:2200;width:24px;height:24px;object-fit:contain;image-rendering:pixelated;pointer-events:none}
#controller-focus-marker[hidden]{display:none}
.controller-navigation .controller-focused{color:#fff5be!important;outline:none!important}
.controller-navigation :is(.boot-native,.secondary,.camp-tabs button,.overlay-actions button,.difficulty-choice,.selection-phase-tabs button).controller-focused{background-image:var(--native-selected)!important}
.controller-navigation .boot-start{animation:none}
.controller-navigation .boot-start-ball{display:none}
/* A hint is created only after controller navigation reaches this panel.
   Keep that existing row during pointerdown/up so switching to mouse cannot
   move the clicked button out from under the pointer before its click. */
.controller-hint{display:block;visibility:hidden;margin:6px 0;color:#fff0bd;font:14px/1.35 var(--pixel);text-align:center;overflow-wrap:anywhere}
.controller-navigation .controller-hint{visibility:visible}
#overlay-actions:has(.controller-hint){flex-wrap:wrap}
#overlay-actions .controller-hint{flex:0 0 100%;margin:2px 0}
.boot-title .boot-input-hint{max-width:650px;line-height:1.5;color:#fff0bd}
@media(max-height:540px){.controller-hint{font-size:12px;margin:3px 0}}
@media(max-height:540px) and (min-width:600px){.controller-navigation .boot-title.has-journey .boot-input-hint{display:block;font-size:11px;margin:4px 0;max-width:95vw}}