/* ============================================================
   bufftooltip.css - バフ/デバフ ホバーツールチップ
   ============================================================ */

/* テキスト内のバフ名スパン */
.buff-tip {
	cursor: help;
	border-bottom: 1px dotted currentColor;
	white-space: nowrap;
}

/* テキスト内に表示するインラインアイコン */
.buff-tip-inline-img {
	image-rendering: pixelated;
	vertical-align: middle;
	margin-right: 2px;
}

/* ツールチップ内コンテナ */
.buff-tip-popup {
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
}

/* ヘッダー: アイコン + 名前 + タイプバッジ */
.buff-tip-header {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 4px;
	font-weight: bold;
}

.buff-tip-header img {
	flex-shrink: 0;
}

.buff-tip-name {
	flex: 1;
	min-width: 0;
	word-break: break-all;
}

/* タイプバッジ */
.buff-tip-type {
	font-size: 0.75em;
	padding: 1px 5px;
	border-radius: 3px;
	font-weight: normal;
	white-space: nowrap;
	flex-shrink: 0;
}

.buff-type-buff   { background: rgba(80, 200, 80, 0.25);  color: #8f8; }
.buff-type-debuff { background: rgba(200, 80, 80, 0.25);  color: #f88; }
.buff-type-other  { background: rgba(80, 140, 200, 0.25); color: #8af; }

/* 説明文 */
.buff-tip-desc {
	font-size: 0.93em;
	color: #ddd;
	line-height: 1.5;
}

.buff-tip-nodesc {
	color: #888;
	font-style: italic;
}