.pad-focus{outline:4px solid #ffe18a!important;outline-offset:4px;box-shadow:0 0 20px #ffdb7066!important}
#controllerStatus{position:fixed;left:50%;bottom:7px;transform:translateX(-50%);z-index:8;background:#061b2be8;color:#dbf4ec;border:1px solid #4e8f91;border-radius:20px;padding:5px 14px;font-size:clamp(11px,1vw,16px);max-width:90vw;text-align:center;pointer-events:none}
#padKeyboard{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:16px 0 8px}
#padKeyboard[hidden]{display:none}
#padKeyboard button{padding:7px 0;font-size:clamp(14px,1.3vw,22px);min-height:38px;background:#204d65}
#padKeyboard .pad-wide{grid-column:span 2;font-size:14px;background:#376c73}
#padKeyboard p{grid-column:1/-1;margin:2px 0}
.using-gamepad #nameModal .card{width:min(850px,100%)}
.using-gamepad #nameModal .card h2{font-size:clamp(24px,3vw,38px)}
.using-gamepad #nameModal .primary-copy{margin:8px 0}
@media(max-height:760px){.using-gamepad #nameModal .card{padding:16px}.using-gamepad #nameModal .card h2{margin-bottom:4px}.using-gamepad #padKeyboard{gap:4px;margin:8px 0}.using-gamepad #padKeyboard button{min-height:30px;padding:3px}.using-gamepad #nameModal p{margin:4px 0}.using-gamepad #nameModal .form input{padding:5px}}

#controllerDialog{z-index:10}#controllerDialog button{margin:8px 10px 0 0}#controllerDetails,#controllerActivity{overflow-wrap:anywhere}#controllerInstruction{color:#ffe18a;font-weight:700}.attract{padding-bottom:40px}