/* GRAU DO ITEM (05/10): Nightmare (Hard) laranja, Godlike (Hardcore) vermelho, as cores do contorno dos
   monstros de cada modo. Na ficha um selo com o nome; no quadradinho da mochila uma faixa fina no lado. */
.item-grau{-webkit-text-fill-color:currentColor;background-clip:border-box;-webkit-background-clip:border-box;text-shadow:none;display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-weight:900;font-size:calc(10px * var(--text-scale,1));letter-spacing:1px;line-height:1.5;vertical-align:middle;white-space:nowrap}
.item-grau.item-grau-nightmare{background:rgb(255,150,40);color:#1b1406}
.item-grau.item-grau-godlike{background:rgb(235,40,60);color:#fff}
.item-grau-faixa{-webkit-text-fill-color:currentColor;position:absolute;left:0;top:0;bottom:0;width:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;font-weight:900;letter-spacing:.5px;line-height:1;pointer-events:none;z-index:1}
.item-grau-faixa.item-grau-nightmare{background:rgba(255,150,40,.92);color:#1b1406}
.item-grau-faixa.item-grau-godlike{background:rgba(235,40,60,.92);color:#fff}
.inv-slot:has(.item-grau-faixa) .inv-mais{left:13px}
.inv-slot:has(.item-grau-faixa) .inv-selo{left:12px}
/* Ferreiro: a faixa no quadradinho e o selo na lista de destinos do Migrar (o span de lá é grid). */
.fx-slot{position:relative;overflow:hidden}
.fx-slot .item-grau-faixa{width:9px}
.fx-mig-dest span.item-grau{display:inline-block;justify-self:start;margin:0 0 0 6px}
.fx-slot:has(.item-grau-faixa) .eq{left:13px}
/* Vigia 17/10: no boneco do Inventário a faixa herdava a letra dos rótulos do quadradinho (.equipped-showcase-slot>span, 8,5-9 px
   com espaço entre letras) e no celular em pé (quadradinho de 36-45 px) "NIGHTMARE" saía cortado como "GHTMA". */
html:not(#_) .equipped-showcase-slot>.item-grau-faixa{font-size:6px;letter-spacing:0}
@media (min-width:900px),(max-height:500px){html:not(#_) .equipped-showcase-slot>.item-grau-faixa{font-size:7px;letter-spacing:.5px}}