/**
 * Character create wizard + gate polish (mobile + shared).
 * v0.94.20
 */
.forge-char-create {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 255, 136, 0.18);
}
.forge-char-create h2 {
  margin: 0 0 4px;
  font-size: 1.05rem;
  color: #9ff5c0;
}
.forge-create-step-lab {
  margin: 0 0 12px;
  font-size: 0.75rem;
  color: #7aa88a;
  letter-spacing: 0.04em;
}
.forge-create-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}
.forge-create-field label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8ecfa0;
}
.forge-create-field input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0, 255, 136, 0.28);
  background: rgba(0, 12, 8, 0.75);
  color: #e8fff0;
  font: inherit;
  font-size: 1rem;
}
.forge-create-field input:focus {
  outline: none;
  border-color: rgba(0, 255, 136, 0.55);
  box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.15);
}
.forge-create-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.forge-create-actions .btn-forge,
.forge-create-actions .btn-hud {
  flex: 1 1 auto;
  min-height: 44px;
}
.forge-create-choice {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.forge-create-choice button,
.forge-create-rep {
  display: block;
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0, 255, 136, 0.28);
  background: rgba(0, 16, 10, 0.85);
  color: #c8f5d4;
  font: inherit;
  cursor: pointer;
}
.forge-create-choice button:active,
.forge-create-rep:active {
  transform: scale(0.99);
  border-color: rgba(0, 255, 136, 0.55);
}
.forge-create-rep strong {
  display: block;
  color: #9ff5c0;
  margin-bottom: 2px;
}
.forge-create-rep .meta {
  font-size: 0.72rem;
  color: #7aa88a;
}
#forge-char-msg.is-err {
  color: #ff9a8a;
  border-color: rgba(255, 100, 80, 0.35);
}
#forge-char-msg {
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 20, 12, 0.7);
  border: 1px solid rgba(0, 255, 136, 0.2);
  font-size: 0.82rem;
  color: #b8f0c8;
}
.m-sheet-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 14px 4px;
}
.m-sheet-menu .btn-hud,
.m-sheet-menu .btn-forge {
  width: 100%;
  min-height: 44px;
  justify-content: center;
}
.m-sheet-menu-title {
  margin: 4px 0 0;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6a9a78;
}