/* Widget de dúvidas (Clip/Suri) em estilo game: botão de ajuda + janela de menu que desdobra */

/* botão flutuante */
.suri-launcher{
  background-color:#1b1626!important;border:4px solid #0d0b12!important;border-radius:0!important;
  box-shadow:inset 3px 3px 0 #4b3f66,inset -3px -3px 0 #120f1b,5px 5px 0 #0d0b12,5px 5px 0 2px #dd7136!important;
  transition:transform .08s steps(2,end),box-shadow .08s steps(2,end)!important;
  image-rendering:pixelated;
}
.suri-launcher:hover{transform:translate(-2px,-2px)}
.suri-launcher:active{transform:translate(4px,4px);box-shadow:inset 3px 3px 0 #120f1b,inset -3px -3px 0 #4b3f66,0 0 0 #0d0b12!important}
.suri-launcher:focus-visible{outline:3px dashed #f2a65a;outline-offset:4px}
.suri-launcher-copy strong{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;font-size:9px;letter-spacing:0;line-height:1.5;color:#fff}
.suri-launcher-copy span{font-family:"VT323","Courier New",monospace;font-size:19px;line-height:1;color:#cdbfe6}
.suri-launcher canvas{image-rendering:pixelated}
.help-indicator{
  border-radius:0!important;border:3px solid #0d0b12;background:#dd7136!important;color:#0d0b12!important;
  font-family:"Press Start 2P","Courier New",monospace!important;font-size:9px!important;
  animation:px-blink 1.2s steps(2,start) infinite;
}
.suri-launcher[aria-expanded="true"] .help-indicator{animation:none}

/* janela */
.suri-panel{
  background-color:#1b1626!important;color:#fff!important;border:4px solid #0d0b12!important;border-radius:0!important;
  box-shadow:inset 4px 4px 0 #4b3f66,inset -4px -4px 0 #120f1b,8px 8px 0 #0d0b12,8px 8px 0 2px #dd7136!important;
  background-image:linear-gradient(transparent,transparent)!important;
  image-rendering:pixelated;
  transform-origin:100% 100%;
}
.suri-panel:not([hidden]){animation:px-unfold .42s steps(7,end) both}
@keyframes px-unfold{
  from{clip-path:inset(100% 0 0 0);transform:scaleX(.6)}
  to{clip-path:inset(0 0 0 0);transform:scaleX(1)}
}
.suri-panel-head{border-bottom:4px dashed #4b3f66;padding-bottom:14px}
.suri-panel .mini-label{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0;line-height:1.6;color:#f2a65a}
.suri-panel h2{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;font-size:13px;line-height:1.6;letter-spacing:0;color:#fff;text-shadow:3px 3px 0 #0d0b12}
#suri-close{
  border-radius:0!important;border:3px solid #0d0b12!important;background:#dd7136!important;color:#0d0b12!important;
  box-shadow:inset 2px 2px 0 #f6a26f,inset -2px -2px 0 #9a4617,3px 3px 0 #0d0b12;
  font-family:"Press Start 2P","Courier New",monospace!important;font-size:12px!important;line-height:1;
}
#suri-close:hover{transform:translate(-1px,-1px)}
#suri-close:active{transform:translate(3px,3px);box-shadow:none}

/* textos legíveis */
.suri-disclosure{font-family:"VT323","Courier New",monospace;font-size:20px;line-height:1.1;color:#cdbfe6}
#suri-form label{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0;line-height:1.6;color:#f2a65a}
.suri-search input{
  border-radius:0!important;border:3px solid #0d0b12!important;background:#0d0b12!important;color:#fff!important;
  box-shadow:inset 3px 3px 0 #4b3f66;font-family:"VT323","Courier New",monospace!important;font-size:21px!important;
}
.suri-search input::placeholder{color:#8f84ab}
.suri-answer{
  border-radius:0!important;background:#0d0b12!important;border:4px solid #f4f3f1!important;box-shadow:0 0 0 4px #0d0b12;
  color:#fff!important;font-family:"VT323","Courier New",monospace;font-size:22px;line-height:1.15;
}
.suri-answer *{font-family:"VT323","Courier New",monospace;font-size:22px;line-height:1.15;color:#fff}

/* perguntas como menu de jogo */
.suri-questions details{
  border:3px solid #0d0b12!important;border-radius:0!important;margin:0 0 8px;
  background:#262034;box-shadow:inset 3px 3px 0 #4b3f66,inset -3px -3px 0 #120f1b,3px 3px 0 #0d0b12;
}
.suri-questions details[open]{background:#2a1a16;box-shadow:inset 3px 3px 0 #f2a65a,inset -3px -3px 0 #8a3d14,3px 3px 0 #0d0b12}
.suri-questions summary{
  list-style:none;cursor:pointer;padding:9px 12px;font-family:"VT323","Courier New",monospace;font-size:21px;line-height:1.1;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.suri-questions summary::-webkit-details-marker{display:none}
.suri-questions summary::marker{content:""}
.suri-questions summary::before{content:none}
.suri-questions summary::after{
  content:"▶";flex:0 0 auto;font-family:"Press Start 2P","Courier New",monospace;font-size:9px;color:#f2a65a;
  transition:none;transform:none;
}
.suri-questions details[open] summary::after{content:"▼"}
.suri-questions summary:hover{background:rgba(242,166,90,.12)}
.suri-questions summary:focus-visible{outline:3px dashed #f2a65a;outline-offset:2px}
.suri-questions details p{
  margin:0;padding:6px 12px 14px;border-top:3px dashed #4b3f66;
  font-family:"VT323","Courier New",monospace;font-size:21px;line-height:1.15;color:#fff;
}
.suri-questions details[open] p{animation:px-open .24s steps(4,end) both}
@keyframes px-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.suri-support{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0;line-height:1.7;color:#f2a65a}

@media (prefers-reduced-motion:reduce){
  .suri-panel:not([hidden]),.suri-questions details[open] p,.help-indicator{animation:none}
}
.suri-panel{scrollbar-color:#dd7136 #0d0b12;scrollbar-width:thin}