/* ============================================================
   DICE ROLLER — [hbc_dice]
   Matches the existing card/button/mono-label language.
============================================================ */
.hbc-dice{
	background:var(--paper-raised);
	border:1px solid var(--line);
	border-left:3px solid var(--accent);
	border-radius:2px;
	padding:1.3rem 1.4rem;
	max-width:420px;
	margin:1.8rem 0;
}
.hbc-dice__row{
	display:flex;
	gap:0.6rem;
	align-items:stretch;
}
.hbc-dice__input{
	flex:1;
	font-family:var(--font-mono);
	font-size:0.95rem;
	color:var(--ink);
	background:var(--paper);
	border:1px solid var(--line);
	border-radius:2px;
	padding:0.55rem 0.7rem;
}
.hbc-dice__input:focus-visible{
	outline:2px solid var(--accent);
	outline-offset:2px;
}
.hbc-dice__btn{
	font-family:var(--font-mono);
	font-size:0.78rem;
	letter-spacing:0.05em;
	text-transform:uppercase;
	border:1px solid var(--accent);
	background:transparent;
	color:var(--accent);
	padding:0.55rem 1.1rem;
	border-radius:2px;
	cursor:pointer;
	white-space:nowrap;
}
.hbc-dice__btn:hover{ background:var(--accent); color:var(--paper); }
.hbc-dice__presets{
	display:flex;
	gap:0.4rem;
	flex-wrap:wrap;
	margin-top:0.75rem;
}
.hbc-dice__preset{
	font-family:var(--font-mono);
	font-size:0.7rem;
	letter-spacing:0.04em;
	color:var(--ink-faded);
	background:transparent;
	border:1px solid var(--line);
	border-radius:20px;
	padding:0.25rem 0.65rem;
	cursor:pointer;
}
.hbc-dice__preset:hover{ color:var(--accent); border-color:var(--accent); }
.hbc-dice__result{
	margin-top:1rem;
	min-height:1.4rem;
}
.hbc-dice__total{
	font-family:var(--font-display);
	font-size:1.6rem;
	color:var(--ink);
}
.hbc-dice__breakdown{
	display:block;
	font-family:var(--font-mono);
	font-size:0.75rem;
	color:var(--ink-faded);
	margin-top:0.2rem;
}
.hbc-dice__error{
	font-family:var(--font-mono);
	font-size:0.8rem;
	color:var(--ink-faded);
}
.hbc-dice__log{
	list-style:none;
	margin:0.75rem 0 0;
	padding-top:0.75rem;
	border-top:1px solid var(--line);
	display:flex;
	flex-direction:column;
	gap:0.3rem;
	max-height:8.5rem;
	overflow-y:auto;
}
.hbc-dice__log li{
	font-family:var(--font-mono);
	font-size:0.75rem;
	color:var(--ink-faded);
	display:flex;
	justify-content:space-between;
	gap:0.75rem;
}
.hbc-dice__log li span:last-child{ color:var(--ink); }

@media (max-width:480px){
	.hbc-dice__row{ flex-direction:column; }
}