/* 強化道具: the buffs on a player's card (shared/powerups.js), each its glyph and its seconds left. */
.card-buffs { position: absolute; left: 6px; bottom: calc(100% + 4px); display: flex; gap: 4px; pointer-events: none; }
.card-buffs:empty { display: none; }
.card-buffs .buff { display: inline-flex; align-items: center; gap: 2px; min-width: 34px; height: 22px; padding: 0 6px 0 4px; border: 1px solid var(--buff); border-radius: 11px; background: rgba(5, 9, 18, 0.82); color: var(--buff); box-shadow: 0 0 8px color-mix(in srgb, var(--buff) 45%, transparent); font: 700 12px/1 'Chakra Petch', 'Noto Sans TC', sans-serif; }
.card-buffs .buff i { font-style: normal; font-size: 13px; }
.card-buffs .buff b { color: #fff; font-variant-numeric: tabular-nums; }
.card-buffs .buff.ending { animation: buff-ending 0.5s ease-in-out infinite alternate; }
@keyframes buff-ending { to { opacity: 0.4; } }
.kill.power { border-right-color: #b38cff; }
.kill.power .x { color: #b38cff; }
@media (prefers-reduced-motion: reduce) { .card-buffs .buff.ending { animation: none; } }