.pad-focused { outline: 4px solid #c6fb8d !important; outline-offset: 4px; box-shadow: 0 0 0 7px #14251c !important; }
button.controller-pill { cursor: pointer; font: inherit; font-size: 12px; color: inherit; background: transparent; }
.controller-dialog { max-height: 88dvh; overflow-y: auto; }
.controller-dialog p { line-height: 1.65; }
#controllerDetail { padding: 12px; border-radius: 8px; background: #eff6e8; color: #263b19; overflow-wrap: anywhere; }
.pad-test { display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0; }
.pad-test span { display: grid; place-items: center; min-width: 35px; height: 35px; border: 2px solid #96a097; border-radius: 50%; font-weight: 800; }
.pad-test .pressed { color: #122010; background: #b9ef80; border-color: #315e1d; transform: scale(1.1); }
.stick-label { display: flex !important; align-items: center; gap: 12px; }
.stick-label meter { flex: 1; }
.pad-guide { font-size: 14px; line-height: 1.6; }
.pad-guide dt { font-weight: 800; margin-top: 10px; }
.pad-guide dd { margin: 2px 0 0; }
.pad-note { font-size: 12px; opacity: .75; }
@media(max-width: 600px) { .arcade-footer { flex-wrap: wrap; gap: 10px; } }