.nrmt-skin-ninja-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 6px;
  margin: 14px 0 8px;
}

.nrmt-skin-ninja-tools label {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 32px;
  border: 1px solid #354247;
  background: #080e10;
}

.nrmt-skin-ninja-tools label:focus-within { border-color: #bd8d2d; }
.nrmt-skin-ninja-tools label span { padding-left: 8px; color: #d3a538; font-size: 13px; }

.nrmt-skin-ninja-tools input,
.nrmt-skin-ninja-tools select {
  min-width: 0;
  height: 32px;
  border: 1px solid #354247;
  outline: none;
  background: #080e10;
  color: #d8dedf;
  font-size: 9px;
}

.nrmt-skin-ninja-tools input { width: 100%; border: 0; padding: 0 8px; }
.nrmt-skin-ninja-tools select { padding: 0 5px; color: #e0b64d; font-weight: 800; }
.nrmt-skin-hero nav h3 { display: flex; justify-content: space-between; }
.nrmt-skin-hero nav h3 span { color: #d3a538; }
.nrmt-skin-ninja-list { display: grid; gap: 5px; }

.nrmt-skin-ninja-list > button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border: 1px solid #29363a;
  background: #111a1d;
  color: #cbd2d2;
  text-align: left;
  cursor: pointer;
}

.nrmt-skin-ninja-list > button:hover { border-color: #765c2b; background: #172023; }
.nrmt-skin-ninja-list > button.is-active { border-color: #bd8d2d; background: linear-gradient(90deg, #3a2e13, #171c1d); box-shadow: inset 3px 0 #e4b33b; }
.nrmt-skin-ninja-list img { width: 38px; height: 38px; object-fit: contain; image-rendering: pixelated; }
.nrmt-skin-ninja-list b { display: block; color: #e4ca7d; font-size: 10px; }
.nrmt-skin-ninja-list small { color: #7f8c8f; font-size: 8px; }
.nrmt-skin-no-ninja { padding: 24px 8px; border: 1px dashed #354044; color: #7f898b; font-size: 9px; text-align: center; }
.nrmt-skin-empty { grid-column: 1 / -1; padding: 60px 20px; border: 1px dashed #364246; color: #879294; font-size: 10px; text-align: center; }

@media (max-width: 760px) {
  .nrmt-skin-hero { display: block; max-height: 280px; border-right: 0; border-bottom: 1px solid #394346; }
  .nrmt-skin-content { grid-template-rows: minmax(180px, 280px) minmax(0, 1fr); }
  .nrmt-skin-current { display: none; }
  .nrmt-skin-ninja-tools { grid-template-columns: 1fr; }
}