@import url('https://fonts.googleapis.com/css2?family=Mouse+Memoirs&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Slackey&display=swap');
body {
	font-family: "Mouse Memoirs", system-ui;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-size:1.3rem;
	background-color:#99ffe3;
	color:black;
}
.progress-bar {
  background-color: #b541a4!important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: #b541a4 !important;
}
.stat-box {
	border-style:solid;
	border-width:2px;
	border-color:#3f5c58;
	background-color: #3f5c58;
	border-radius:5px;
	color:#FFF;
}
.stat-box-left {
	border-style:solid;
	border-width:2px;
	border-color:#3f5c58;
	background-color: #3f5c58;
	border-radius:5px;
	color:#FFF;
	transform: rotate(-2deg);
}
a {
	color:#b541a4;
	text-decoration:none;
}
a:hover {
	color:#68255e;
	text-decoration:none;
}
@media (max-width: 575.98px) {
  #diceArea .pill {
    margin: 0 .1rem !important;   /* even tighter than mx-0 if needed */
    min-width: 26px !important;    /* safety if inline 28px is still wide */
  }
}
/* Only affects the score toasts container */
#scoreToasts .toast-score {
	background: #fff !important;
	border: 1px solid #b541a4 !important;
}
#scoreToasts .toast-score .toast-body {
	color: #000;
	font-size: 150%;      /* 2× bigger */
	line-height: 1.2;
}
/* Force the close icon color & visibility */
#scoreToasts .toast-score .btn-close {
	--bs-btn-close-color: #b541a4;
	opacity: 1;
	width: 1.5rem;
	height: 1.5rem;
}
.navvy {
	background-color:#b541a4;
	padding:0 10px;
	color:#FFF;
}
.number {
	font-family: "Slackey", sans-serif;
	font-weight: 800;
	font-style: normal;
	color:black;
}
.icon-pink {
	color:#b541a4;
}
.stat-blue {
	color: rgb(0, 219, 255);
}
.game-stats {
	border:1px solid #b541a4; 
	border-radius:8px;
}
.dice-styling {
	background-color:#FFF;
	border-radius:12px;
}
.scoreboard-styling {
	background-color:#FFF;
	padding:20px;
	border-radius:12px;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: grey;
  border-color: grey;
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
	text-transform: uppercase;
	background-color:#b541a4;
	border-color:#b541a4;
}
.btn-primary:hover {
	text-transform: uppercase;
	background-color:#68255e;
	border-color:#68255e;
}
.btn-outline-primary {
	color:#b541a4;
	border-color:#b541a4;
	border-width:2px;
}
.btn-outline-primary:hover {
	background-color:#b541a4;
	border-color:#b541a4;
}
.bg-success {
  background-color: transparent !important;
  border-color: green;
  color: black;
  border-style: solid;
  border-width: 2px;
}
.bg-danger {
  background-color: transparent !important;
  border-color: red;
  color: black;
  border-style: solid;
  border-width: 2px;
}
.pill { 
	display:inline-block;
	border-radius:12px;
	border-color:transparent;
	border-width:3px;
	border-style:solid; 
	padding:0 10px;	
}
.ok { 
	background:none; 
	border-color:#b541a4;
	border-width:3px;
	border-style:solid;
	padding:0 10px;	
}
.warn { 
	background:#fef3c7; 
	color:#92400e; 
}