[data-jutsu-instance][data-jutsu-id] {
  position: relative;
  overflow: hidden;
}

.nrmt-jutsu-cd-mask {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: none;
  pointer-events: none;
  background: conic-gradient(rgba(2, 5, 7, .88) var(--nrmt-jutsu-cd, 0deg), transparent 0);
}

.is-jutsu-cooldown > .nrmt-jutsu-cd-mask { display: block; }

.nrmt-jutsu-cd-time {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  padding: 1px 2px;
  color: #fff;
  background: #050708b8;
  font: 700 7px Arial, sans-serif;
  font-style: normal;
  line-height: 1;
  text-shadow: 0 1px 2px #000;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.is-jutsu-ready { box-shadow: inset 0 0 7px #53d66a55, 0 0 5px #53d66a33 !important; }
.is-jutsu-next { border-color: #f1bd3e !important; box-shadow: inset 0 0 9px #efb73555, 0 0 8px #efb73566 !important; }
.is-jutsu-next:after {
  content: "PROX";
  position: absolute;
  z-index: 6;
  top: 1px;
  right: 1px;
  padding: 1px 2px;
  color: #201500;
  background: #efbd42;
  font: 700 4px Arial, sans-serif;
  line-height: 1;
}
.is-jutsu-no-chakra:not(.is-jutsu-cooldown) img { filter: grayscale(.7) brightness(.55); }
.is-jutsu-locked img { filter: grayscale(1) brightness(.35); }

.nrmt-jutsu-next-label {
  position: absolute;
  z-index: 7;
  left: 5px;
  right: 5px;
  bottom: 1px;
  overflow: hidden;
  color: #efc457;
  font: 700 5px Arial, sans-serif;
  letter-spacing: .02em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.nrmt-bi-party-card,
.nrmt-bi-team-loadout { position: relative; padding-bottom: 8px !important; }

.nrmt-jutsu-runtime-summary {
  display: grid;
  grid-template-columns: 46px minmax(110px, .8fr) 90px minmax(180px, 1.4fr);
  align-items: center;
  gap: 9px;
  padding: 7px 14px;
  border-bottom: 1px solid #4b4028;
  background: linear-gradient(90deg, #182023, #292719, #171c1e);
}
.nrmt-jutsu-runtime-summary > img { width: 42px; height: 42px; object-fit: contain; image-rendering: pixelated; }
.nrmt-jutsu-runtime-summary > span { min-width: 0; padding: 5px 7px; border-left: 2px solid #5d6261; background: #101416aa; }
.nrmt-jutsu-runtime-summary small { display: block; color: #747c79; font-size: 6px; }
.nrmt-jutsu-runtime-summary b { display: block; overflow: hidden; margin-top: 2px; color: #e3e8e5; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.nrmt-jutsu-runtime-summary .nrmt-jutsu-runtime-next { border-left-color: #d7a932; }
.nrmt-jutsu-runtime-summary .nrmt-jutsu-runtime-next b { color: #f1c65a; }

.nrmt-bi-rotation-row { position: relative; }
.nrmt-jutsu-row-runtime {
  position: absolute;
  right: 8px;
  bottom: 3px;
  color: #6fd47d;
  font: 700 6px Arial, sans-serif;
  font-style: normal;
}
.nrmt-bi-rotation-row.is-jutsu-cooldown .nrmt-jutsu-row-runtime { color: #e2ad43; }
.nrmt-bi-rotation-row.is-jutsu-next .nrmt-jutsu-row-runtime { color: #ffda68; text-shadow: 0 0 5px #e9a72c; }

.nrmt-ninja-jutsus > span { min-height: 42px; }
.nrmt-ninja-jutsus .nrmt-jutsu-cd-time { font-size: 6px; }
.nrmt-ninja-detail-actions .nrmt-ninja-config-jutsus {
  border-color: #337d8e;
  background: linear-gradient(#286b79, #183f49);
  color: #bfeef7;
}

@media (max-width: 700px) {
  .nrmt-jutsu-runtime-summary { grid-template-columns: 38px 1fr 1fr; }
  .nrmt-jutsu-runtime-summary .nrmt-jutsu-runtime-next { grid-column: 1 / -1; }
}