/* Průsvitný barevný kouř a typografie jsou součástí grafických vrstev. */
:is(.forge-live-theme,.demo-mode) .skillzone-app .wrap:has(.rank-directory) .rank-directory{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;background:none;border:0;margin:0;padding:0;
}
:is(.forge-live-theme,.demo-mode) .skillzone-app .wrap:has(.rank-directory) .rank-directory>.rank-row{
  display:block!important;position:relative;aspect-ratio:3/1;min-height:140px!important;
  width:100%;height:auto!important;box-sizing:border-box;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;
  background:#081524!important;box-shadow:0 8px 22px rgba(0,0,0,.18);isolation:isolate;
}
:is(.forge-live-theme,.demo-mode) .skillzone-app .rank-row>.rank-banner{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
:is(.forge-live-theme,.demo-mode) .skillzone-app .rank-row::after{content:none!important}
:is(.forge-live-theme,.demo-mode) .skillzone-app .rank-row>.rank-lettering{
  position:absolute;z-index:2;left:1.6%;bottom:2.8%;width:66.7%;height:auto;
  display:block;pointer-events:none;
}
:is(.forge-live-theme,.demo-mode) .skillzone-app .wrap:has(.rank-directory) .rank-row.is-current{
  background:#081524!important;outline:2px solid #f1dfb3;outline-offset:-2px;
}
@media(max-width:820px){
  :is(.forge-live-theme,.demo-mode) .skillzone-app .wrap:has(.rank-directory) .rank-directory{
    grid-template-columns:1fr!important;gap:10px!important;
  }
  :is(.forge-live-theme,.demo-mode) .skillzone-app .wrap:has(.rank-directory) .rank-directory>.rank-row{
    min-height:120px!important;padding:0!important;
  }
  :is(.forge-live-theme,.demo-mode) .skillzone-app .rank-row>.rank-lettering{width:72%;left:1%;bottom:1.7%}
}