/* Ayuda visual y etiquetas de controles - Nivel 1 */
.card{max-height:92vh;overflow:auto}
.howto{margin:14px 0;border:1px solid #ffffff26;border-radius:16px;background:#08142680;text-align:left;overflow:hidden}
.howto summary{padding:13px 15px;cursor:pointer;font-weight:900;text-align:center;background:#ffffff0c}
.rules{padding:4px 15px 12px}.rules p{margin:8px 0;font-size:14px}
.level-link{display:block;width:100%;margin:9px 0;padding:14px 16px;border:0;border-radius:15px;font:800 17px inherit;cursor:pointer;color:#142033;background:#f1f5f9;text-decoration:none}
.primary-link{background:#ffd84a}
.joystick{height:160px}
.joystick-ring{inset:auto 15px;top:0;height:115px}
.stick{top:26px}
.control-label,.action-wrap span{font-size:10px;font-weight:900;letter-spacing:.4px;text-shadow:0 2px 6px #000;pointer-events:none}
.joystick-label{position:absolute;left:0;right:0;bottom:4px;text-align:center}
.actions{grid-template-columns:74px 74px;gap:8px}
.action-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}
.actions button{width:68px;height:68px}
@media(max-width:850px){.card{padding:20px}}