Template:ItemStyles/styles.css

/* [[Template:ItemStyles/styles.css]] — single source of truth for item/gear styling.
   Rarity map (Decision 2026-07-29): 0 = no rarity (plain), 1=Common, 2=Uncommon,
   3=Rare, 4=Epic, 5=Legendary. Change colours HERE and nowhere else. */

.sb-q { font-weight: bold; }
.sb-q0 { color: inherit; font-weight: normal; }
.sb-q1 { color: #909090; }
.sb-q2 { color: #6cd820; }
.sb-q3 { color: #009ef3; }
.sb-q4 { color: #b04ff5; }
.sb-q5 { color: #f9c22b; }

/* Rolled-value ranges, PoE-style "(2–10)%" */
.sb-range {
	color: #4ea3e8;
	white-space: nowrap;
}

/* Possible-rolls table */
.sb-rolls td,
.sb-rolls th {
	vertical-align: top;
}
.sb-roll-stat {
	white-space: nowrap;
}
/* general sibling (~), not adjacent (+): TemplateStyles <link> elements sit
   between chips in the DOM and would break the adjacent-sibling selector */
.sb-roll-stat ~ .sb-roll-stat::before {
	content: "\00B7";
	margin: 0 0.55em;
	color: #909090;
	font-weight: bold;
}

.sb-rolls .sb-roll-legendary {
	color: #f9c22b;
}

/* Pixel-art icons: upscale 16×16 sprites crisply, never blurred */
.sb-icon img {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

/* Legendary effect line on item pages */
.sb-legendary-line {
	border-left: 3px solid #f9c22b;
	padding: 4px 8px;
	margin: 6px 0;
}

/* Old-game-data banner */
.sb-oldbanner {
	border: 1px solid #c9a227;
	background-color: rgba(201, 162, 39, 0.12);
	padding: 8px 12px;
	margin: 8px 0;
	font-size: 95%;
}