/* MIKA · pestañas arriba a la izquierda del escenario. Se carga después de cardpower.css. */
.stage{padding-top:52px;box-sizing:border-box}
.lt{position:absolute;top:0;left:0;right:0;z-index:91;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  pointer-events:none}
.lt-bar,.lt-body>*{pointer-events:auto}
.lt-bar{display:flex;flex-wrap:wrap;gap:8px}
.lt-body{width:min(372px,100%)}
.lt-body .acpanel,.lt-body .cpwin,.lt-body .skwin{width:100%}
/* Card Power se muestra entero (sin scrollbar): la caja crece hasta el contenido.
   Helping Hands y el árbol de habilidades conservan su tope (son listas largas). */
.lt-body .acpanel,.lt-body .skwin{max-height:min(62vh,480px);overflow-y:auto}
.lt-bar .acpill,.lt-bar .cppill,.lt-bar .skpill{padding:8px 14px;font-size:13px;box-shadow:none}
.lt-bar .acpill.on{box-shadow:0 0 18px rgba(236,72,153,.65);border-color:#ec4899}
.lt-bar .cppill.on{box-shadow:0 0 18px rgba(251,191,36,.6);border-color:#fbbf24}
.lt-bar .skpill.on{box-shadow:0 0 18px rgba(167,139,250,.65);border-color:#a78bfa}
body.cardview .lt{visibility:hidden}

/* botón ✕ (arriba a la derecha) del visor grande y del revelado de carta: cómodo de tocar en celulares */
.cx{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;z-index:5;width:46px;height:46px;display:grid;place-items:center;
  padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(20,5,24,.88);color:#fff;font-size:20px;line-height:1;
  cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.cx:hover{border-color:#ec4899;background:rgba(60,10,45,.95)}

/* sin el cuadro azul al tocar en celulares */
*{-webkit-tap-highlight-color:transparent}
.core:focus:not(:focus-visible){outline:none}
.core{touch-action:manipulation}