.nrmt-forge-diamonds {
  display: grid;
  grid-template-columns: 52px minmax(220px, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #285e75;
  background: radial-gradient(circle at 7%, #37c8ff24, transparent 24%), linear-gradient(120deg, #13252c, #101719);
  box-shadow: inset 3px 0 #52d8ff;
}

.nrmt-forge-diamond-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #47badc;
  background: radial-gradient(circle, #7be9ff55, #10242b);
  color: #7ce7ff;
  font-size: 22px;
  text-shadow: 0 0 12px #42d9ff;
}

.nrmt-forge-diamonds small { color: #63bcd3; font-size: 6px; letter-spacing: .13em; }
.nrmt-forge-diamonds h3 { margin: 3px 0 !important; color: #9eeeff !important; }
.nrmt-forge-diamonds p { margin: 0; color: #7c969c; font-size: 7px; }
.nrmt-forge-diamonds p b,
.nrmt-forge-diamonds p strong { color: #61ddff; }

.nrmt-forge-diamond-controls { display: flex; align-items: center; gap: 3px; }
.nrmt-forge-diamond-controls button {
  min-width: 28px;
  height: 29px;
  border: 1px solid #356d7c;
  background: #14262b;
  color: #8ceaff;
  font-size: 7px;
  cursor: pointer;
}
.nrmt-forge-diamond-controls button:last-child { padding: 0 7px; border-color: #54c5e4; }
.nrmt-forge-diamond-controls b {
  min-width: 34px;
  color: #78e5ff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 0 8px #44cff7;
}

.nrmt-forge-chances article b em {
  display: block;
  margin-top: 2px;
  color: #6f7a77;
  font-size: 5px;
  font-style: normal;
  font-weight: 400;
}
.nrmt-forge-chances article u {
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--chance);
  height: 2px;
  background: linear-gradient(90deg, #775621, #e4af3b);
  text-decoration: none;
}

.nrmt-forge-summary .is-diamond { color: #67ddff; }
.nrmt-forge-luck-meter {
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid #344648;
  background: #080d0e;
}
.nrmt-forge-luck-meter i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #6ca740, #e2b73e 58%, #5cdfff);
  box-shadow: 0 0 9px #62dcff;
  transition: width .18s ease;
}

@media(max-width:850px) {
  .nrmt-forge-diamonds { grid-template-columns: 42px 1fr; }
  .nrmt-forge-diamond-icon { width: 39px; height: 39px; }
  .nrmt-forge-diamond-controls { grid-column: 1 / -1; justify-content: flex-end; }
}