/* Optimización post-mudanza 2026-10-26 — En5cronia (violeta y dorado, paleta propia)
   Micro-interacciones y tacto: transiciones 150–250 ms, estados visibles, toques ≥44 px. */
a,button,.btn,.bcard,.card,.world,.door,.opp{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,filter .18s ease}
.btn-solid:hover{filter:brightness(1.07);transform:translateY(-2px)}
.btn:active,.door:active{transform:translateY(0) scale(.98)}
.bcard:active,.card:active{transform:translateY(-1px) scale(.997)}
.door:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(124,58,237,.22)}
a:focus-visible,button:focus-visible,.btn:focus-visible,.bcard:focus-visible,.card:focus-visible,.door:focus-visible{outline:3px solid #7C3AED;outline-offset:2px}
::selection{background:#7C3AED;color:#fff}
@media(max-width:700px){
  nav a,.topnav a{min-height:44px;display:inline-flex;align-items:center}
  .brand{min-height:44px}
  .btn{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}