.game-tools{position:fixed;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;z-index:100010;display:flex;justify-content:space-between;align-items:center;gap:8px;font:14px system-ui;pointer-events:none}.game-tools>*{pointer-events:auto}.game-tools button{border:1px solid #ffffff30;border-radius:14px;background:#181725e8;color:white;padding:12px;min-height:44px;cursor:pointer;display:flex;align-items:center;gap:7px}.game-tools svg{width:18px;height:18px}.game-tools small{display:block;font-size:10px;color:#cec8d9}.game-value{background:#181725e8;padding:8px 14px;border-radius:14px;text-align:center}.game-value strong{display:block;color:#ffd45e}dialog{background:linear-gradient(145deg,#29253a,#191724);color:#fff;border:1px solid #ffd26440;border-radius:26px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:30px;text-align:center;font:16px system-ui;z-index:100020}dialog::backdrop{background:#0b0919bb;backdrop-filter:blur(8px)}dialog h2{font-size:27px;margin:16px 0 10px}dialog p{color:#b6aec8;font-size:14px;line-height:1.6}dialog img{width:145px}dialog svg{width:42px;height:42px;color:#ffd368}dialog .result-icon{margin-top:16px}dialog strong{display:block;font-size:38px;color:#ffd368;margin:16px 0}dialog button{width:100%;padding:15px;min-height:48px;border-radius:14px;background:linear-gradient(115deg,#2dff70,#00c851);color:#04331a;border:0;font:900 17px system-ui;cursor:pointer;margin-top:10px;animation:cta-pulse 2.2s ease-in-out infinite}@keyframes cta-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #2dff7000}50%{transform:scale(1.03);box-shadow:0 0 26px 8px #2dff70aa}}@media (prefers-reduced-motion:reduce){dialog button{animation:none}}dialog .secondary{background:#ffffff08;border:0;color:white;animation:none;box-shadow:none}dialog small{display:block;color:#9b91ae;margin-top:18px;font-size:12px}#result-detail{color:#ece8f4;font-size:15px}@media(max-height:450px){dialog{padding:18px}dialog img{width:95px}.result-icon{display:none}dialog h2{font-size:22px;margin:8px}dialog strong{font-size:28px;margin:8px}.game-tools{top:5px}}

/* Botao dentro do dialog que recebe icone (Lucide) + texto.
   Sem isto, o <svg> do icone herda 42px do "dialog svg" e empurra
   o texto para fora do botao. O texto fica quase escondido embaixo. */
dialog button svg,
dialog button i[data-lucide],
dialog button span {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0;
}
dialog button svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  stroke-width: 2.4;
}
dialog button span {
  line-height: 1;
  font-size: 16px;
  margin: 0;
}
/* Garante que o conteudo do botao fique centrado e nunca estoure a caixa. */
dialog button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  height: auto;
  min-height: 48px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
}