/* Controller focus is explicit even when focus-visible heuristics use pointer mode. */
.controller-navigation .controller-focus{outline:3px solid var(--link-accent,#e6bd78)!important;outline-offset:4px!important;box-shadow:0 0 0 6px var(--shadow,#14151b)!important}
.controller-navigation #shell .controller-card-focus{outline:3px solid var(--link-accent,#e6bd78);outline-offset:4px;background:var(--raised);transform:translateY(-1px)}
.controller-navigation .game-card-launch.controller-focus{outline:none!important;box-shadow:none!important}
#controller-navigation-hint{position:fixed;bottom:calc(var(--footer-height,60px) + 8px);left:50%;transform:translateX(-50%);z-index:25;padding:8px 14px;max-width:calc(100vw - 32px);width:max-content;background:var(--surface,#30313e);color:var(--ink,#eee);border:1px solid var(--edge,#b2aecb);font-size:18px;pointer-events:none}
.controller-input-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;background:var(--surface,#30313e);color:var(--ink,#eee);border:2px solid var(--edge,#b2aecb)}
.controller-input-dialog::backdrop{background:#000c}
.controller-input-dialog h2{font-size:24px;margin:0 0 20px}
.controller-input-dialog input{display:block;width:100%;margin-bottom:18px;font-size:24px}
.controller-keyboard{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;padding:6px}
.controller-input-dialog button{min-height:42px;padding:6px;background:var(--raised,#444552);color:var(--ink,#eee);border:1px solid var(--edge,#b2aecb);font:inherit;font-size:22px;cursor:pointer}
.controller-keyboard button:nth-last-child(-n+6){grid-column:span 2;font-size:18px}
.controller-option-list{display:grid;gap:12px;padding:6px;margin-bottom:20px}
.controller-option-list [aria-pressed="true"]{background:var(--fill)}
@media(max-width:600px){.controller-keyboard{gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.controller-input-dialog{padding:16px}#controller-navigation-hint{font-size:15px}}
@media(prefers-reduced-motion:reduce){.controller-navigation #shell .controller-card-focus{transform:none}}