/* Cosmo Ten, folha 3 de 3 (tema espacial: antenas, capsulas, asteroides). As tres sao carregadas em ordem pelo index.html (style.css, style-details.css, style-theme.css): uma regra mais abaixo vence a de cima. */
/* ===================== TEMA COSMO TEN ===================== */
/* antena: pequena, presa no canto de cima a direita */
.blk .scarf {
  width: calc(var(--cell) * 0.34);
  right: calc(var(--cell) * -0.02);
  top: calc(var(--cell) * -0.1);
}
/* capsula: a arte ja e a capsula inteira; sem fita, e a estrela fica dourada (sem tingir) */
.blk.gift .rib {
  display: none;
}
.blk.gift .bowc {
  display: none;
}
.blk.gift .bow {
  filter: drop-shadow(0 calc(var(--cell) * 0.03) calc(var(--cell) * 0.03) rgba(0, 0, 0, 0.35));
  width: calc(var(--cell) * (0.28 + 0.36 * var(--m)));
  top: calc(var(--cell) * -0.08);
}
/* asteroide (bloco preso que racha) com arte propria; numero branco com contorno escuro */
.blk.ice .skin,
.blk.ice .skin.nine {
  border-image: none !important;
  background: url(./assets/art/asteroid.webp) center / 100% 100% no-repeat border-box !important;
  filter: drop-shadow(0 calc(var(--cell) * 0.05) calc(var(--cell) * 0.03) rgba(0, 0, 0, 0.45)) !important;
}
.blk.ice .n {
  color: #fff;
  -webkit-text-stroke: calc(var(--cell) * 0.07) #3a2a20;
  paint-order: stroke fill;
  text-shadow: none;
}
/* cristal preso (pin) e caixa: cor do numero no tema */
.blk.pin .skin {
  filter: hue-rotate(75deg) saturate(1.7);
}
/* vitoria (Cosmo): a placa nao tem estrelas em cima, entao o conteudo fica no meio; estrela menor e com folga do numero */
#m-win .chip {
  padding: 0 calc(var(--u) * 3);
  gap: calc(var(--u) * 3);
  justify-content: center;
}
#m-win .chip b {
  line-height: 1;
  display: block;
  translate: 0 -0.04em;
}
#m-win .chip img,
#m-win .chip.gold img {
  height: 58%;
}
/* vitoria (Cosmo): botao sem recuo de estrelas, texto no meio */
#m-win .pill {
  padding-top: 0;
}
#m-win .pill .tx {
  line-height: 1;
  translate: 0 -0.06em;
}
/* mapa (Cosmo): numero no meio da face da plataforma, por estado; estrelas abaixo da face */
.node b {
  top: 40%;
}
.node.now b {
  top: 40%;
}
.node .ms {
  bottom: -14%;
}

/* End of style-theme.css */