/* Traits · árbol a pantalla completa en escritorio (David 13/10/2026 17:58).
   El cuadro donde se arrastra el árbol ocupa todo el ancho y va desde justo debajo de la fila de clase hasta abajo;
   columna izquierda, armas, controles, «i», Reporte, barra de teclas, idioma y tarjeta de detalle flotan encima (como en el Mapa).
   Solo escritorio (>= 1200 px, donde existe la columna izquierda). Móvil/tablet sin cambios. Catálogo sin cambios. */
@media (min-width: 1200px) {
  .tt-js .aw-page-traits:not(:has(.bv-build)) .tt-stage:not(.is-catalog-stage) {
    position: fixed !important; left: 0 !important; right: 0 !important; width: auto !important; max-width: none !important;
    top: var(--tt-stage-top, calc(var(--aw-topbar-h) + 66px)) !important; bottom: 0 !important; height: auto !important; max-height: none !important;
    margin: 0 !important; z-index: 1; background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  /* posición inicial del árbol: donde empezaba antes (a la derecha de la columna); luego se arrastra por toda la pantalla */
  .tt-js .aw-page-traits:not(:has(.bv-build)) .tt-stage:not(.is-catalog-stage) > .tt-zoom { margin-left: calc(max(0px, (100vw - 1680px) / 2) + clamp(16px, 1.9vw, 32px) + 570px); }
  /* todo lo demás por encima del árbol; sin fondo de bloque (cada botón conserva el suyo) */
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-clsrow,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hdr .aw-picker--sm,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hint,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-views { position: relative; z-index: 6; background: transparent !important; }
  /* los textos y huecos de la columna no bloquean el arrastre del árbol; los botones sí reciben clics */
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hdr .aw-picker--sm,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hint,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-views { pointer-events: none; }
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hdr .aw-picker--sm button,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points [title], .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points button,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points input, .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points abbr,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-views > *, .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-views .tt-selwrap * { pointer-events: auto; }
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hdr .aw-picker--sm, .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-points,
  .skills-page.aw-page-traits:not(:has(.bv-build)) .tt-hint { width: max-content; max-width: 560px; }
}