/* Seção de assistentes (Clip e Suri) como tela de seleção de personagem */
.assistants-section .assistant-copy .eyebrow{
  display:inline-block;padding:7px 10px;background:#0d0b12;color:#f2a65a;
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.4;box-shadow:3px 3px 0 #dd7136;
}
.assistants-section .assistant-copy h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;line-height:1.5;
  font-size:clamp(18px,2.6vw,32px);text-shadow:4px 4px 0 rgba(221,113,54,.5);
}
.assistants-section .assistant-copy h2{max-width:100%}

/* cartões = slots de personagem */
.assistants-section .mascot-choice{
  position:relative;background-color:#1b1626;border:4px solid #0d0b12;border-radius:0;
  box-shadow:inset 4px 4px 0 #4b3f66,inset -4px -4px 0 #120f1b,6px 6px 0 #0d0b12;
  background-image:linear-gradient(transparent,transparent);
  transition:transform .08s steps(2,end),box-shadow .08s steps(2,end);
  image-rendering:pixelated;
}
.assistants-section .mascot-choice canvas{image-rendering:pixelated}
.assistants-section .mascot-choice:hover{transform:translate(-3px,-3px);box-shadow:inset 4px 4px 0 #4b3f66,inset -4px -4px 0 #120f1b,9px 9px 0 #0d0b12}
.assistants-section .mascot-choice:active{transform:translate(4px,4px);box-shadow:inset 4px 4px 0 #120f1b,inset -4px -4px 0 #4b3f66,0 0 0 #0d0b12}
.assistants-section .mascot-choice:focus-visible{outline:3px dashed #f2a65a;outline-offset:4px}

/* selecionado: moldura laranja + selo piscando */
.assistants-section .mascot-choice[aria-pressed="true"]{
  box-shadow:inset 4px 4px 0 #f2a65a,inset -4px -4px 0 #8a3d14,6px 6px 0 #0d0b12,6px 6px 0 2px #dd7136;
}
.assistants-section .mascot-choice[aria-pressed="true"]::after{
  content:"▶ P1";position:absolute;left:12px;top:12px;padding:5px 7px;
  background:#dd7136;color:#0d0b12;border:3px solid #0d0b12;
  font-family:"Press Start 2P","Courier New",monospace;font-size:8px;line-height:1;
  animation:px-blink 1s steps(2,start) infinite;
}
html[lang="en"] .assistants-section .mascot-choice[aria-pressed="true"]::after{content:"▶ P1"}

/* plaquinha com o nome */
.assistants-section .mascot-caption{
  display:block;margin:0 auto;padding:8px 12px;
  background:#0d0b12;border:3px solid #4b3f66;
}
.assistants-section .mascot-caption strong{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;font-size:12px;letter-spacing:0;line-height:1.4;color:#fff}
.assistants-section .mascot-choice[aria-pressed="true"] .mascot-caption{border-color:#f2a65a}
.assistants-section .mascot-choice[aria-pressed="true"] .mascot-caption strong{color:#f2a65a}

.assistants-section .mascot-hint{font-family:"VT323","Courier New",monospace;font-size:20px;line-height:1.1}
.assistants-section .assistant-copy p{font-family:"VT323","Courier New",monospace;font-size:24px;line-height:1.1}
.assistants-section .assistant-copy p.assistant-detail{font-size:21px}

/* remove o retângulo arredondado atrás de cada mascote */
.assistants-section .mascot-card,
.assistants-section .mascot-card.clip-card,
.assistants-section .mascot-card.suri-card{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;
}
.assistants-section .mascot-card::before,.assistants-section .mascot-card::after{content:none!important}