/* V432 — Caixas da fase na paleta da barra de navegacao.
   Pedido do dono: "olha o carnaval que ta esse monte de box aberta" - cada
   caixa tinha borda, fundo e letra proprios e elas se encostavam. Agora:
   - a mesma paleta dos botoes da barra de baixo (aco-azulado; o destaque e o
     laranja/dourado do botao ativo);
   - letra do jogo em 14 px e 16 px (o relogio da sobrevivencia tem 20 px, como
     o titulo de uma janela);
   - a coluna da direita (tempo, buffs, ordens do treinador) com a mesma
     largura e 10 px entre as caixas: js/104-hud-column-v432.js. */
:root{
  --hud-top:#111b23;
  --hud-bottom:#080d12;
  --hud-edge:#2e424f;
  --hud-inset:#03070a;
  --hud-text:#aebdc6;
  --hud-bright:#e2e9ec;
  --hud-gold:#ffe08c;
  --hud-accent:#d58d37;
  --hud-accent-top:#43200f;
  --hud-accent-bottom:#24130c;
  --hud-column-width:360px;
  --hud-left-width:320px;
}

/* ------------------------------------------------------------ caixa padrao */
#portalSurvivalTimer,#starterGraceHudV232,.trainerQuestTrackerPanelV292,.awayCardV414{
  background:linear-gradient(var(--hud-top),var(--hud-bottom))!important;
  border:1px solid var(--hud-edge)!important;
  border-radius:2px!important;
  box-shadow:inset 0 0 0 1px var(--hud-inset),0 4px 14px #000a!important;
  color:var(--hud-text)!important;
  font-family:var(--font-ui)!important;
}

/* ------------------------------------------------------ tempo de sobrevivencia */
#portalSurvivalTimer{padding:8px 10px!important;gap:10px!important;box-sizing:border-box}
#portalSurvivalTimer .portalSurvivalInfo{min-width:0!important;flex:1}
#portalSurvivalTimer .pstLabel{font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.08em!important;color:var(--hud-gold)!important}
#portalSurvivalTimer .pstStage{font:700 14px/1.3 var(--font-ui)!important;color:var(--hud-text)!important;margin-top:2px!important}
#portalSurvivalTimer .pstClock{font:900 20px/1.15 var(--font-ui)!important;color:var(--hud-bright)!important;margin-top:3px!important;text-shadow:1px 1px 0 #000!important}
/* Estados: a borda muda de cor, como antes (verde pronto, vermelho acabando). */
#portalSurvivalTimer.ready{border-color:#45cf75!important}
#portalSurvivalTimer.warning{border-color:#b84b34!important}
#portalSurvivalTimer.warning .pstClock{color:#ff8d65!important}

/* RE-RUN: botao da barra de navegacao; ligado = botao ativo. */
#portalSurvivalTimer #stageRerunToggle{
  min-width:110px!important;max-width:124px;padding:6px 8px!important;border-radius:2px!important;
  border:1px solid var(--hud-edge)!important;background:linear-gradient(var(--hud-top),var(--hud-bottom))!important;
  box-shadow:inset 0 0 0 1px var(--hud-inset)!important;color:var(--hud-text)!important;font-family:var(--font-ui)!important;
}
/* V439 (pedido do dono): ligado = o verde do CHEFE PRONTO; desligado = um
   vermelho acinzentado. Sem o marrom/laranja do botao ativo aqui. */
#portalSurvivalTimer #stageRerunToggle{
  border-color:#7d4a4a!important;background:linear-gradient(#1b1517,#0d0a0b)!important;color:#d49292!important;
}
#portalSurvivalTimer #stageRerunToggle small{color:#b08282!important}
#portalSurvivalTimer #stageRerunToggle.on{
  border-color:#45cf75!important;background:linear-gradient(#0f2a1a,#08160e)!important;
  box-shadow:inset 0 0 0 1px #0a2714,0 0 10px #45cf7544!important;color:#74ef98!important;
}
#portalSurvivalTimer #stageRerunToggle.on small{color:#9fd8b2!important}
#portalSurvivalTimer #stageRerunToggle b{font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.06em!important;color:inherit!important}
#portalSurvivalTimer #stageRerunToggle small{font:700 14px/1.2 var(--font-ui)!important;margin-top:3px!important}

/* ------------------------------------------------------------------- buffs */
#starterGraceHudV232{padding:9px 12px!important;font:700 14px/1.4 var(--font-ui)!important;box-sizing:border-box}
#starterGraceHudV232 strong{font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.08em!important;color:var(--hud-gold)!important;margin-bottom:6px!important}
#starterGraceHudV232 span{font-size:14px!important;border-top:1px solid var(--hud-edge)!important;padding:4px 0!important}
#starterGraceHudV232 span::before{color:var(--hud-accent)!important}
#starterGraceHudV232 em{font-size:14px!important;color:var(--hud-text)!important}

/* ------------------------------------------------------ ordens do treinador */
.trainerQuestTrackerV292{right:14px!important;filter:drop-shadow(0 4px 10px #0009)!important;transition:width .18s ease!important}
.trainerQuestTrackerToggleV292{
  border:1px solid var(--hud-edge)!important;border-right:0!important;border-radius:2px 0 0 2px!important;
  background:linear-gradient(var(--hud-top),var(--hud-bottom))!important;box-shadow:inset 0 0 0 1px var(--hud-inset)!important;
  color:var(--hud-gold)!important;font:900 16px/1 var(--font-ui)!important;
}
.trainerQuestTrackerV292.collapsed .trainerQuestTrackerToggleV292{border-right:1px solid var(--hud-edge)!important;border-radius:2px!important}
.trainerQuestTrackerPanelV292 header{padding:9px 12px 8px!important;border-bottom:1px solid var(--hud-edge)!important;background:none!important}
.trainerQuestTrackerPanelV292 header small{font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.08em!important;color:var(--hud-text)!important}
.trainerQuestTrackerPanelV292 header strong{font:900 16px/1.2 var(--font-ui)!important;letter-spacing:.04em!important;color:var(--hud-gold)!important}
.trainerQuestTrackerGoalsV292{gap:6px!important;padding:8px!important}
.trainerQuestTrackerRowV292{border:1px solid var(--hud-edge)!important;background:var(--hud-bottom)!important;padding:6px 8px!important}
.trainerQuestTrackerRowV292>div{font:700 14px/1.25 var(--font-ui)!important;color:var(--hud-text)!important}
.trainerQuestTrackerRowV292 b{font-size:14px!important;color:var(--hud-bright)!important}
.trainerQuestTrackerRowV292 em{background:var(--hud-accent)!important;box-shadow:none!important}
.trainerQuestTrackerRowV292.done{border-color:#2e7754!important}
.trainerQuestTrackerRowV292.done>div,.trainerQuestTrackerRowV292.done b{color:#66dba0!important}
.trainerQuestTrackerRowV292.done em{background:#48c985!important}
.trainerQuestTrackerRewardV292{font:900 14px/1.3 var(--font-ui)!important;letter-spacing:.04em!important;color:var(--hud-text)!important;border-top:1px solid var(--hud-edge)!important}
.trainerQuestTrackerRewardV292.ready{color:var(--hud-gold)!important;background:linear-gradient(var(--hud-accent-top),var(--hud-accent-bottom))!important}

/* ------------------------------------------------------ painel do grupo */
/* Uma caixa so, como as ordens do treinador: cabecalho GRUPO e um cartao por
   heroi no estilo das linhas de tarefa. O heroi ativo ganha so a borda
   esquerda laranja (o fundo laranja inteiro chamava atencao demais). */
.partyStatusSidebar{
  padding:40px 8px 8px!important;gap:6px!important;box-sizing:border-box;
  background:linear-gradient(var(--hud-top),var(--hud-bottom))!important;border:1px solid var(--hud-edge)!important;
  border-radius:2px!important;box-shadow:inset 0 0 0 1px var(--hud-inset),0 4px 14px #000a!important;
}
.partyStatusSidebar::before{
  top:0!important;left:0!important;right:0!important;height:auto!important;padding:10px 12px 9px!important;
  font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.08em!important;color:var(--hud-gold)!important;
  background:none!important;border:0!important;border-bottom:1px solid var(--hud-edge)!important;
}
.partyStatusCard{
  height:auto!important;min-height:70px;box-sizing:border-box;
  background:var(--hud-bottom)!important;border:1px solid var(--hud-edge)!important;border-left:2px solid var(--hud-edge)!important;
  border-radius:0!important;box-shadow:none!important;
}
.partyStatusCard:hover{border-left-color:var(--hud-accent)!important}
.partyStatusCard.active{border-color:var(--hud-edge)!important;border-left:2px solid var(--hud-accent)!important;background:var(--hud-bottom)!important;box-shadow:none!important}
.partyStatusInfo{min-width:0}
.partyStatusHead{height:auto!important;min-height:18px;font-family:var(--font-ui)!important;white-space:nowrap;overflow:hidden}
.partyStatusHead,.partyStatusHead b,.partyStatusHead strong{font-size:14px!important;color:var(--hud-gold)!important}
.partyStatusHead span{color:var(--hud-text)!important}
.partyStatusHead strong{overflow:hidden;text-overflow:ellipsis}
/* Numero com a largura dele: a coluna fixa de 49 px deixava "131/270" vazar. */
.partyStatusLine{grid-template-columns:minmax(0,1fr) auto!important;align-items:center}
.partyStatusBar{min-width:0;border-color:var(--hud-edge)!important;background:var(--hud-inset)!important}
.partyStatusVal{font:700 14px/1.1 var(--font-ui)!important;color:var(--hud-bright)!important;text-align:right;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}

/* ------------------------------------------------------------- baus */
/* Botoes da barra de navegacao; a contagem de cada bau e o destaque. Chefe
   (azul) e dragao (vermelho) mantem a cor da borda. */
.chestStackHud{gap:6px!important}
.chestStackCapacity,.chestStackItem{
  background:linear-gradient(var(--hud-top),var(--hud-bottom))!important;border:1px solid var(--hud-edge)!important;
  border-radius:2px!important;box-shadow:inset 0 0 0 1px var(--hud-inset),0 4px 14px #000a!important;
}
.chestStackCapacity{min-width:56px!important;padding:6px 8px!important;font:900 12px/1.1 var(--font-ui)!important;color:var(--hud-gold)!important;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
/* V444 — CHEST em cima e 19/50 embaixo, pequenos para caber sem quebrar linha. */
.chestStackCapacity small{font:900 11px/1 var(--font-ui)!important;letter-spacing:.04em!important;color:var(--hud-text)!important;margin:0 0 4px!important;white-space:nowrap}
.chestStackHud.full .chestStackCapacity{border-color:#d7523f!important;color:#ff9b82!important}
.chestStackItem{width:auto!important;min-width:68px;height:66px!important;padding:3px 6px 20px!important;color:var(--hud-text)!important}
.chestStackItem:hover,.chestStackItem:focus-visible{border-color:var(--hud-accent)!important}
.chestStackItem.boss{border-color:#4c92bd!important}
.chestStackItem.dragon{border-color:#b4472f!important}
.chestStackCount{
  min-width:20px!important;height:20px!important;font:900 14px/1 var(--font-ui)!important;
  border:1px solid var(--hud-accent)!important;background:linear-gradient(var(--hud-accent-top),var(--hud-accent-bottom))!important;color:var(--hud-gold)!important;
}
.chestStackLabel{bottom:4px!important;font:900 14px/1 var(--font-ui)!important;letter-spacing:.04em!important;color:var(--hud-text)!important}

/* ------------------------------------------------- objetivo do tutorial */
/* E o roteiro da Tavern ("siga em frente e fale com o estalajadeiro"): numa
   fase ele so ocupava o meio da cena. */
body:not(.tavernHub) #tavernTutorialObjective{display:none!important}
#tavernTutorialObjective{background:linear-gradient(90deg,transparent,#080d12ee 13%,#080d12ee 87%,transparent)!important;border-top:1px solid var(--hud-edge)!important;border-bottom:1px solid var(--hud-edge)!important}
#tavernTutorialObjective small{font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.14em!important;color:var(--hud-text)!important}
#tavernTutorialObjective strong{font:900 16px/1.3 var(--font-ui)!important;letter-spacing:.06em!important;color:var(--hud-gold)!important}
#tavernTutorialObjective span{font:700 14px/1.45 var(--font-ui)!important;color:var(--hud-text)!important}

/* ------------------------------------------------------ volta da ausencia */
.awayCardV414{padding:18px 20px!important;gap:12px!important}
.awayTitleV414{font:900 16px/1.2 var(--font-ui)!important;letter-spacing:.08em!important;color:var(--hud-gold)!important}
.awayRowsV414{border-top:1px solid var(--hud-edge)!important}
.awayRowsV414 div{font:700 14px/1.3 var(--font-ui)!important;color:var(--hud-text)!important;border-bottom:1px solid var(--hud-edge)!important}
.awayRowsV414 strong{color:var(--hud-bright)!important;font-variant-numeric:lining-nums tabular-nums}
.awayNoteV414{font:700 16px/1.45 var(--font-ui)!important;color:var(--hud-text)!important}
.awayCardV414 button{
  font:900 14px/1 var(--font-ui)!important;letter-spacing:.06em!important;padding:10px 18px!important;border-radius:2px!important;
  color:var(--hud-gold)!important;border:1px solid var(--hud-accent)!important;
  background:linear-gradient(var(--hud-accent-top),var(--hud-accent-bottom))!important;box-shadow:inset 0 0 0 2px #160b07,0 0 0 1px #5c351c!important;
}
#awayBadgeV414{
  border:1px solid var(--hud-edge)!important;border-radius:2px!important;background:linear-gradient(var(--hud-top),var(--hud-bottom))!important;
  box-shadow:inset 0 0 0 1px var(--hud-inset)!important;color:var(--hud-text)!important;font:900 14px/1.2 var(--font-ui)!important;letter-spacing:.1em!important;
}

/* V437 — Painel do grupo e fileira de baus com a mesma largura e as mesmas
   bordas (pedido do dono). Os baus dividem a largura em partes iguais, entao a
   borda direita bate com a do painel com 1, 2, 3 ou 4 tipos de bau. */
@media (min-width:1101px){
  .partyStatusSidebar{width:var(--hud-left-width)!important}
  .chestStackHud{left:18px!important;width:var(--hud-left-width)!important;box-sizing:border-box}
  .chestStackCapacity{flex:0 0 52px!important;min-width:0!important;padding:6px 2px!important;box-sizing:border-box}
  .chestStackItem{flex:1 1 0!important;min-width:0!important;padding-left:2px!important;padding-right:2px!important;box-sizing:border-box}
  .chestStackLabel{left:1px!important;right:1px!important;letter-spacing:0!important;font-weight:700!important}
}