/* Vexoria — barra de buffs acima das técnicas (client/src/buff-bar.js). Molduras no estilo dos "estados" do Kaion Tale:
   quadrado escuro com borda colorida — verde técnica, vermelho efeito ruim, dourado item, azul grupo (PT). */
#status-effects{display:none!important}   /* a barra antiga (embaixo dos ossos) foi substituída */
#buff-bar{position:fixed;z-index:34;display:flex;gap:6px;align-items:flex-end;pointer-events:auto;zoom:var(--ui-scale,1);max-width:70vw;flex-wrap:wrap-reverse;justify-content:center}
#buff-bar.empty{display:none}
#buff-bar .bb-item{position:relative;width:44px;height:44px;box-sizing:border-box;border:3px solid #6aa84f;background:linear-gradient(#123320,#0b1f14);border-radius:4px;
  box-shadow:inset 0 0 0 1px #00000088,0 0 0 2px #0b0712,0 3px 0 #0009;display:grid;place-items:center;cursor:help;touch-action:manipulation;animation:bb-in .25s ease-out}
#buff-bar .bb-item.bb-buff{border-color:#6aa84f}
#buff-bar .bb-item.bb-party{border-color:#4a9fe0;background:linear-gradient(#0f2a44,#09182a);box-shadow:inset 0 0 0 1px #00000088,0 0 0 2px #0b0712,0 0 10px #4a9fe066,0 3px 0 #0009}
#buff-bar .bb-item.bb-consum{border-color:#d6a034;background:linear-gradient(#3a2a0c,#201505)}
#buff-bar .bb-item.bb-buff{border-color:#6aa84f;background:linear-gradient(#123320,#0b1f14)}
#buff-bar .bb-item.bb-debuff{border-color:#d0343f;background:linear-gradient(#3a0d14,#22060b)}
#buff-bar .bb-item.bb-party{border-color:#4a9fe0;background:linear-gradient(#0f2a44,#09182a)}
#buff-bar .bb-ic{width:30px;height:30px;display:grid;place-items:center}
#buff-bar .bb-ic img{width:28px;height:28px;image-rendering:pixelated}
#buff-bar .bb-spr{display:block;width:26px;height:26px;image-rendering:pixelated;background-repeat:no-repeat}
#buff-bar .bb-glyph{font:20px/1 Pix,monospace;font-style:normal;color:#efe6d6;text-shadow:2px 2px 0 #0b0712}
#buff-bar .bb-party .bb-glyph{font:16px/1 Pix,monospace;color:#bfe3ff}
#buff-bar .bb-t{position:absolute;left:-3px;right:-3px;bottom:-14px;font:700 11px/13px Txt,sans-serif;color:#fff1db;text-align:center;text-shadow:1px 1px 0 #0b0712,-1px 1px 0 #0b0712,1px -1px 0 #0b0712,-1px -1px 0 #0b0712;white-space:nowrap}
#buff-bar .bb-badge{position:absolute;top:-9px;right:-9px;padding:0 3px;font:700 10px/14px Txt,sans-serif;font-style:normal;color:#0b0712;background:#7fe0a0;border:1px solid #0b0712;border-radius:6px}
#buff-bar .bb-party .bb-badge{background:#8fd0ff}
#buff-bar .bb-consum .bb-badge{background:#ffd27a}
#buff-bar .bb-badge[hidden]{display:none}
#buff-bar .bb-item{margin-bottom:12px}
@keyframes bb-in{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
#bb-tip{position:fixed;z-index:80;max-width:260px;padding:7px 10px;background:#160f22f2;border:2px solid #8a6a2c;border-radius:4px;color:#e4d8f7;font:13px/17px Txt,sans-serif;pointer-events:none;box-shadow:0 4px 0 #0009}
#bb-tip b{display:block;color:#ffd27a;font:16px/18px Pix,monospace;margin-bottom:2px}
#bb-tip.hidden{display:none}
/* celular: um pouco maiores (a interface já encolhe pela tela) */
html.touch-device #buff-bar{gap:7px;justify-content:flex-end;max-width:46vw}
html.touch-device #buff-bar .bb-item{width:44px;height:44px;border-width:3px;margin-bottom:15px}
html.touch-device #buff-bar .bb-ic img{width:30px;height:30px}
html.touch-device #buff-bar .bb-spr{width:28px;height:28px}
html.touch-device #buff-bar .bb-glyph{font-size:20px}
html.touch-device #buff-bar .bb-t{font-size:13px;bottom:-17px}
html.touch-device #buff-bar .bb-badge{font-size:12px;line-height:15px;top:-10px}
html.touch-device.ui-open #buff-bar{display:none}
/* CALOR do Mecanauta (23/10): a moldura enche de baixo para cima (azul → laranja → vermelho); superaquecido pisca */
#buff-bar .bb-item.bb-heat{border-color:#7c88a0;background:linear-gradient(to top,#ff7138 calc(var(--heat,0)*100%),#1a1e2e calc(var(--heat,0)*100%));overflow:visible}
#buff-bar .bb-item.bb-heat .bb-glyph{color:#fff3e0}
#buff-bar .bb-item.bb-heat .bb-badge{background:#ffb04a}
#buff-bar .bb-item.bb-heat.bb-over{border-color:#ff3a2a;background:#5a0a08;animation:bb-heat-blink .4s steps(2) infinite}
#buff-bar .bb-item.bb-heat.bb-od{border-color:#7cf6ff;background:linear-gradient(#0e3a4a,#06202a);box-shadow:inset 0 0 0 1px #00000088,0 0 0 2px #0b0712,0 0 12px #7cf6ff88,0 3px 0 #0009}
#buff-bar .bb-item.bb-heat.bb-od .bb-badge{background:#7cf6ff}
@keyframes bb-heat-blink{50%{border-color:#ffd27a;background:#a8162f}}