/* =====================================================================
   SENTINELA FLUTUANTE — o cartão da Sentinela na arena, no estilo do pet (15/10)
   ---------------------------------------------------------------------
   Autor: "estilo o pet, com menu flutuante e as informações (minimalista e um
   botao pra levar pro menu da sentinela)". Sem marcador na arena ("apenas
   clicar no sentinela, sem mais coisas na arena"): o cartão abre ao tocar na
   Sentinela desenhada (src/ui/sentinela-flutuante.js). Ele usa as MESMAS peças
   do menu do pet (styles/pets.css: .pet-sheet, -head, -art, -name, -tag,
   -close, -med, -special, -actions); aqui só o que é da Sentinela. Cores do
   elemento: .el-<elemento> / --snt-el de styles/sentinelas.css. Letras em
   calc(Npx * var(--text-scale,1)): o texto de Opções (100–130%).
   ===================================================================== */
/* ---------- o cartão: a caixa externa só carrega o .pet-sheet (como #battlePetPopover) ---------- */
#battleSentinelaPopover.battle-pet-popover{width:auto!important;max-width:calc(100vw - 16px)!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.snt-flut{border-color:color-mix(in srgb,var(--snt-el,#2a3c58) 45%,#2a3c58);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
.snt-flut .pet-sheet-head{margin-bottom:10px}
.snt-flut .snt-flut-arte{background:radial-gradient(circle at 50% 40%,var(--snt-el2,#1e2230),#0b0c12 75%);box-shadow:0 0 0 3px #223049,0 0 0 5px var(--snt-el,#f2d27a)}
.snt-flut .snt-flut-arte img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.snt-flut-papel{display:block;color:var(--snt-el,#9fb0c8);font-size:calc(9.5px * var(--text-scale,1));font-weight:900;letter-spacing:.08em;line-height:1.3;overflow-wrap:anywhere}
.snt-flut .pet-sheet-name strong{margin-top:1px}
.snt-flut-titulo{display:block;color:var(--pt-mut,#9fb0c8);font-size:calc(11.5px * var(--text-scale,1));line-height:1.3;overflow-wrap:anywhere}
.snt-flut-estrelas{color:#ffd76a;font-size:calc(14px * var(--text-scale,1));letter-spacing:1px;text-shadow:0 0 6px rgba(255,200,80,.35);white-space:nowrap}
.snt-flut-estrelas i{font-style:normal;color:#3b4454;text-shadow:none}
.snt-flut-tag{white-space:nowrap}
.snt-flut-tag.is-extremo{background:#3a1410;color:#ffb29a}
.snt-flut-tag.is-lendario{background:#3a2208;color:#ffc37a}
.snt-flut-med{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}
.snt-flut-med strong{font-size:calc(17px * var(--text-scale,1))}
.snt-flut-teste{background:#2a1612;border-color:#6a2c22}
.snt-flut-teste .pet-sheet-bar i{background:linear-gradient(90deg,#c2412a,#ffb29a)}
.snt-flut-teste [data-snt-flut-resta]{color:#ffd2c4;font-variant-numeric:tabular-nums}
/* 23/10: a vida dela (verde, como a barrinha da arena), quem bate nela e as quedas */
.snt-flut-vida{margin-top:10px;background:#0f2219;border-color:#1f5a3a}
.snt-flut-vida .pet-sheet-bar i{background:linear-gradient(90deg,#16a34a,#86efac)}
.snt-flut-vida [data-snt-flut-hp]{color:#bbf7d0;font-variant-numeric:tabular-nums}
.snt-flut-vida .pet-sheet-special-ico .col-icone,.snt-flut-vida .pet-sheet-special-ico img{width:22px;height:22px}
.snt-flut-vida-info,.snt-flut-vida-quedas{display:block;margin-top:6px;color:#b6c3d6;font-size:calc(11px * var(--text-scale,1));line-height:1.35;overflow-wrap:anywhere}
.snt-flut-vida-quedas{margin-top:3px;color:#fca5a5}
/* celular deitado (tela baixa): o cartão não pode rolar; ali fica só a vida (agora/máxima e a barra); no teste de 15 min o relógio do teste ocupa o lugar */
@media (max-height:440px){.snt-flut-vida{margin-top:4px;padding:4px 10px}.snt-flut-vida .pet-sheet-special-top{margin-bottom:3px}.snt-flut-vida-info,.snt-flut-vida-quedas{display:none}.snt-flut:has(.snt-flut-teste) .snt-flut-vida{display:none}}
.snt-flut-skills{display:grid;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #263247}
.snt-flut-skills span{color:#c5d0e2;font-size:calc(11.5px * var(--text-scale,1));line-height:1.4;overflow-wrap:anywhere}
.snt-flut-skills strong{color:var(--snt-el,#8fbaff)}
.snt-flut-skills small{color:var(--pt-mut,#9fb0c8);font-size:calc(10.5px * var(--text-scale,1));white-space:nowrap}
.snt-flut-acoes{grid-template-columns:1fr}
.snt-flut-acoes button{white-space:normal;text-align:center;line-height:1.2}
/* ---------- teste de 15 min (17/10): quem volta no fim, e o cartão "O teste terminou" ---------- */
.snt-flut-volta{display:block;margin-top:5px;color:#d9b9ae;font-size:calc(10.5px * var(--text-scale,1));line-height:1.3;overflow-wrap:anywhere}
.snt-flut-fim .snt-flut-papel{color:#ffb29a}
.snt-flut-fim-feito,.snt-flut-fim-volta,.snt-flut-fim-convite{margin:0 0 8px;color:#c5d0e2;font-size:calc(12px * var(--text-scale,1));line-height:1.4;overflow-wrap:anywhere;text-align:center}
.snt-flut .snt-flut-fim-feito{color:#fff}
.snt-flut .snt-flut-fim-volta{margin-top:10px;color:var(--pt-mut,#9fb0c8);font-size:calc(11px * var(--text-scale,1))}
.snt-flut .snt-flut-fim-convite{margin:4px 0 0;color:#ffe2a0;font-weight:700}
.snt-flut-fim-med small{overflow-wrap:anywhere;line-height:1.25}
.snt-flut-fim-med small.q{color:#fff;font-weight:900;letter-spacing:.06em;font-size:calc(10px * var(--text-scale,1))}
.snt-flut-fim-med .testada{border-color:#6a2c22;background:#2a1612}
.snt-flut-fim-med .testada strong{color:#ffb29a}
.snt-flut-fim-med strong{margin:4px 0 0}
/* celular deitado (pouca altura): tudo mais junto, para o cartão caber na tela sem rolar */
@media (max-height:520px){
  .snt-flut{padding:8px 12px}
  .snt-flut .pet-sheet-head{grid-template-columns:48px minmax(0,1fr) 32px;gap:10px;margin-bottom:6px}
  .snt-flut .pet-sheet-art{width:48px;height:48px}
  .snt-flut .pet-sheet-close{width:32px;height:32px}
  .snt-flut .pet-sheet-med>div{padding:5px 4px 4px}
  .snt-flut .pet-sheet-med span{display:none}
  .snt-flut .pet-sheet-med strong{margin-top:0}
  .snt-flut .pet-sheet-special{margin-top:6px;padding:5px 10px}
  .snt-flut .pet-sheet-special-top{margin-bottom:3px}
  .snt-flut .pet-sheet-bar{height:6px}
  .snt-flut-skills{margin-top:6px;padding-top:5px;gap:2px}
  .snt-flut-skills .snt-flut-pas{display:none} /* a Passiva fica na tela das Sentinelas: deitado não cabe */
  .snt-flut .pet-sheet-actions{margin-top:7px}
  .snt-flut .pet-sheet-actions button{min-height:36px}
  .snt-flut-volta{display:none}
}