/* Logo em texto do PUZZLE WIN (letras nas cores das gemas). Tamanho: --wm-size. */
.wm {
  --wm-size: 28px;
  --edge: #06121f;
  display: inline-flex;
  align-items: baseline;
  gap: .28em;
  font-family: "Nunito", ui-rounded, system-ui, sans-serif;
  font-size: var(--wm-size);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.01em;
  white-space: nowrap;
  user-select: none;
  filter: drop-shadow(0 .3em .5em rgb(46 230 192 / 0.22));
}
.wm__w { display: inline-flex; }
.wm i {
  font-style: normal;
  color: var(--c);
  text-shadow:
    .07em 0 0 var(--edge), -.07em 0 0 var(--edge), 0 .07em 0 var(--edge), 0 -.07em 0 var(--edge),
    .05em .05em 0 var(--edge), -.05em .05em 0 var(--edge), .05em -.05em 0 var(--edge), -.05em -.05em 0 var(--edge),
    0 .13em 0 var(--edge);
}
.wm .c1 { --c: #ffb020; }
.wm .c2 { --c: #2ee6c0; }
.wm .c3 { --c: #ff4d6d; }
.wm .c4 { --c: #3a8dff; }
.wm .c5 { --c: #b6ee2b; }
.wm__w--win i { --c: #fff; }
.wm__w--win { padding: .02em .22em .06em; border-radius: .28em; background: linear-gradient(135deg, #ffb020, #ff6a3d); box-shadow: 0 .1em 0 var(--edge), inset 0 0 0 .06em var(--edge); }
.wm__w--win i { text-shadow: 0 .06em 0 rgb(80 20 0 / .45); }