:root {
  --d4-color-base: #e7e1d7;
  --d4-color-muted: #aaa096;
  --d4-color-normal: #d5d1ca;
  --d4-color-magic: #7d8fd7;
  --d4-color-rare: #f0c842;
  --d4-color-legendary: #f29a45;
  --d4-color-unique: #ead9ad;
  --d4-color-mythic: #d69af0;
  --d4-color-value-masterwork: #8588ff;
  --d4-color-value-target: #e1a13b;
  --d4-color-value-transcended: #e0c868;
  --d4-color-value-transcended-target: #d8a4e7;
  --d4-option-row-gap: 7px;
  --d4-option-row-height: 30px;
  --d4-equipment-card-width: 440px;
  /* D4-432: analysis grid geometry is also the public comparison viewport contract.
     Keep the scroll viewport separate from ItemRenderer (native gutter, no guessed px). */
  --d4-analysis-width: 1440px;
  --d4-analysis-gap: 14px;
  --d4-analysis-tools-width: 108px;
  --d4-analysis-card-min: 330px;
  --d4-analysis-result-min: 290px;
  --d4-analysis-result-weight: .78;
  --d4-analysis-result-track: .78fr; /* Same ratio; CSS calc() cannot produce fr. */
  --d4-analysis-card-padding: 20px;
  /* D4-433: retain the D4-432 full-desktop card geometry independently of ads.
     Narrow layouts reflow instead of reducing the desktop card. */
  --d4-analysis-available-width: var(--d4-analysis-width);
  --d4-analysis-flex-width: calc(var(--d4-analysis-available-width) - var(--d4-analysis-tools-width) - 3 * var(--d4-analysis-gap));
  --d4-analysis-card-track: max(var(--d4-analysis-card-min), min(calc(var(--d4-analysis-flex-width) / (2 + var(--d4-analysis-result-weight))), calc((var(--d4-analysis-flex-width) - var(--d4-analysis-result-min)) / 2)));
  --d4-comparison-viewport-width: min(var(--d4-equipment-card-width), calc(var(--d4-analysis-card-track) - 2 * var(--d4-analysis-card-padding) - 2px));
  --d4-equipment-view-frame-height: 760px;
}

@media (min-width: 768px) {
  .detail-compare-view .weapon-input-area.equipment-view-frame,
  .share-result-grid .equipment-view-frame {
    width: min(100%, var(--d4-comparison-viewport-width));
    margin-inline: auto;
  }
}

.equipment-view-frame {
  width: min(100%, var(--d4-equipment-card-width));
  height: var(--d4-equipment-view-frame-height);
  min-height: var(--d4-equipment-view-frame-height);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  box-sizing: border-box;
}

.item-renderer {
  --item-rarity-color: var(--d4-color-muted);
  --item-rarity-tint: rgba(160, 151, 139, .04);
  --item-rarity-glow: rgba(160, 151, 139, .11);
  position: relative;
  min-width: 0;
  color: var(--d4-color-base);
}
.item-renderer--equipment-card {
  width: min(100%, var(--d4-equipment-card-width, 440px));
  max-width: var(--d4-equipment-card-width, 440px);
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}
.equipment-view-frame.item-renderer--equipment-card > .item-renderer__frame { min-height: 100%; }
.item-renderer--normal { --item-rarity-color: var(--d4-color-normal); --item-rarity-tint: rgba(211, 209, 204, .035); --item-rarity-glow: rgba(211, 209, 204, .11); }
.item-renderer--magic { --item-rarity-color: var(--d4-color-magic); --item-rarity-tint: rgba(35, 82, 156, .19); --item-rarity-glow: rgba(83, 139, 224, .23); }
.item-renderer--rare { --item-rarity-color: var(--d4-color-rare); --item-rarity-tint: rgba(138, 94, 5, .18); --item-rarity-glow: rgba(231, 178, 43, .24); }
.item-renderer--legendary { --item-rarity-color: var(--d4-color-legendary); --item-rarity-tint: rgba(151, 61, 8, .2); --item-rarity-glow: rgba(233, 105, 28, .27); }
.item-renderer--unique { --item-rarity-color: var(--d4-color-unique); --item-rarity-tint: rgba(211, 185, 126, .09); --item-rarity-glow: rgba(235, 215, 164, .22); }
.item-renderer--mythic { --item-rarity-color: var(--d4-color-mythic); --item-rarity-tint: rgba(105, 37, 137, .21); --item-rarity-glow: rgba(186, 103, 222, .29); }

.item-renderer__frame {
  position: relative;
  min-height: 190px;
  padding: 22px 28px 24px;
  border: 6px solid transparent;
  border-image-source: var(--item-frame-image);
  border-image-slice: 16;
  border-image-width: 6px;
  border-image-repeat: stretch;
  background:
    linear-gradient(var(--item-rarity-tint), var(--item-rarity-tint)),
    radial-gradient(circle at 50% 0, rgba(92, 70, 48, .08), transparent 58%),
    linear-gradient(180deg, #181512 0%, #12100e 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--item-rarity-color) 42%, transparent),
    inset 0 0 30px rgba(0, 0, 0, .28),
    0 0 18px var(--item-rarity-glow),
    0 9px 22px rgba(0, 0, 0, .36);
}
.item-renderer__frame::before { content: none; }
.item-renderer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 1px 0 11px;
}
.item-renderer__name {
  margin: 0;
  color: var(--item-rarity-color);
  font-family: Georgia, "Noto Serif KR", serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.34;
  letter-spacing: .015em;
  text-shadow: 0 1px 1px #000, 0 0 12px color-mix(in srgb, var(--item-rarity-color) 14%, transparent);
  overflow-wrap: anywhere;
}
.item-renderer__rarity {
  flex: none;
  margin-top: 4px;
  color: var(--item-rarity-color);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.item-renderer__gala-power {
  display: grid;
  min-height: 52px;
  margin: 0 0 10px;
  padding: 8px 12px;
  grid-template-columns: minmax(112px, 1fr) minmax(116px, auto);
  align-items: center;
  gap: 12px;
  border: 1px solid rgb(205 158 87 / 58%);
  border-radius: 8px;
  background: linear-gradient(90deg, rgb(73 50 24 / 42%), rgb(27 21 16 / 72%));
  box-shadow: inset 0 0 16px rgb(219 170 91 / 5%);
}
.item-renderer__gala-power-label { color: #d8b170; font-size: 1.08rem; font-weight: 850; line-height: 1.1; }
.item-renderer__gala-power-value { justify-self: end; color: #efb54f; font-size: clamp(1.7rem, 3vw, 2rem); font-variant-numeric: tabular-nums; font-weight: 950; line-height: 1; white-space: nowrap; }
.item-renderer__meta {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px 10px;
  margin: 0;
  padding: 10px 0 12px;
  border-top: 1px solid color-mix(in srgb, var(--item-rarity-color) 32%, #4b4640);
  border-bottom: 1px solid rgba(189, 181, 170, .2);
  list-style: none;
}
.item-renderer__fact { color: #c2bbb1; font-size: .7rem; text-shadow: 0 1px #000; white-space: nowrap; }
.item-renderer__fact + .item-renderer__fact::before { margin: 0 5px; color: #70675d; content: "·"; }
.item-renderer__options {
  display: grid;
  gap: var(--d4-option-row-gap);
  margin: 13px 0 0;
  padding: 0;
  list-style: none;
}
.item-renderer__option {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr) auto auto;
  align-items: center;
  min-height: var(--d4-option-row-height);
  gap: 8px;
  color: #e3ddd4;
  font-size: .76rem;
  line-height: 1.27;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .92);
}
.item-renderer__option-label { min-width: 0; overflow-wrap: anywhere; }
.item-renderer__option--review { text-decoration: underline dotted #e3b35e; text-underline-offset: 3px; }
.item-renderer__option--empty { display: block; min-height: 0; padding: 5px 0; color: #7b746c; font-style: italic; }
.item-renderer__option-icon,
.item-renderer__badge-icon { width: 17px; height: 17px; object-fit: contain; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); }
.item-renderer__option-value { color: #eee9e2; font-variant-numeric: tabular-nums; font-weight: 700; }
.item-renderer__option--tone-masterworked .item-renderer__option-value { color: var(--d4-color-value-masterwork); }
.item-renderer__option--tone-target .item-renderer__option-value { color: var(--d4-color-value-target); }
.item-renderer__option--tone-transcended .item-renderer__option-value { color: var(--d4-color-value-transcended); }
.item-renderer__option--tone-transcended-target .item-renderer__option-value { color: var(--d4-color-value-transcended-target); }
.item-renderer__badges {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 0;
  margin-top: 10px;
  color: #6fa4c4;
  font-size: .68rem;
  font-weight: 800;
}
.item-renderer__badges:empty { display: none; }
.item-renderer--compact .item-renderer__frame { min-height: 150px; padding: 19px 24px 21px; border-width: 6px; border-image-width: 6px; }
.item-renderer--compact .item-renderer__options { margin-top: 10px; }
.item-renderer--compact .item-renderer__option { min-height: 25px; }
.weapon-card.is-ocr-revealed .item-renderer__frame { animation: d4-frame-reveal .2s ease-out both; }
.weapon-card.is-ocr-revealed .item-renderer__option { animation: d4-option-reveal .15s ease-out both; animation-delay: calc(var(--option-index, 0) * 32ms + 72ms); }

/* D4-103: 인게임 카드 내부에서 즉시 수정하는 공통 편집 표면. */
.item-card-editor { width: 100%; }
.item-card-editor__frame { min-height: 0; }
.item-card-editor__title { display: grid; min-width: 0; gap: 4px; }
.item-card-editor__simulation-badge { justify-self: start; padding: 2px 7px; border: 1px solid rgb(221 177 101 / 72%); border-radius: 999px; color: #f0cb83; background: rgb(70 45 18 / 62%); font-size: .6rem; font-weight: 800; letter-spacing: .02em; }
.item-card-editor__body { display: grid; gap: 13px; }
.item-card-editor__meta { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; align-items: end; padding-bottom: 13px; border-bottom: 1px solid rgb(135 118 99 / 34%); }
.item-card-editor__meta-field--item-power,
.item-card-editor__meta-field--masterwork,
.item-card-editor__meta-field--check { grid-column: span 2; }
.item-card-editor__meta-field--weapon-dps { grid-column: span 4; }
.item-card-editor__meta-field--attack-speed { grid-column: span 2; }
.item-card-editor__meta-field { display: grid; gap: 4px; color: #c5bbb0; font-size: .76rem; font-weight: 800; letter-spacing: -.025em; }
.item-card-editor__meta-field input[type="number"],
.item-card-editor__meta-field input[type="text"] { min-width: 0; padding: 8px 9px; border: 1px solid #4b4036; border-radius: 4px; color: #f1ebe4; background: rgb(13 12 11 / 72%); font-size: .9rem; font-weight: 700; }
.item-card-editor__meta-field--readonly input { color: #bdb3a7; background: rgb(18 16 14 / 48%); cursor: default; }
.item-card-editor__meta-field--all-resistance,
.item-card-editor__meta-field--armor { grid-column: span 3; }
.item-card-editor__meta-field--check { display: flex; align-items: center; gap: 7px; min-height: 38px; white-space: nowrap; }
.item-card-editor__meta-field--check input { width: 18px; height: 18px; accent-color: #c99b62; }
.item-card-editor__section { padding-top: 11px; border-top: 1px solid rgb(135 118 99 / 28%); }
.item-card-editor__section:first-of-type { padding-top: 0; border-top: 0; }
.item-card-editor__section-title { margin: 0 0 6px; color: #cba570; font-size: .76rem; letter-spacing: .035em; }
.item-card-editor__rows { display: grid; gap: var(--d4-option-row-gap); }
.item-card-editor__row-wrap { display: grid; gap: 3px; }
.item-card-editor__row { display: grid; grid-template-columns: 61px minmax(0, 190px) 24px 76px 34px; gap: 7px; align-items: center; justify-content: center; min-height: var(--d4-option-row-height); padding: 1px 0 2px; border-bottom: 1px solid transparent; }
.item-card-editor__row--implicit { grid-template-columns: 61px minmax(0, 190px) 24px 76px 34px; }
.item-card-editor__row--display-only { grid-template-columns: 61px minmax(0, 190px) 76px; }
.item-card-editor__option-operator, .item-card-editor__option-unit { color: #d5a566; font-weight: 900; white-space: nowrap; }
.item-card-editor__implicit-badge { padding: 2px 4px; border: 1px solid rgb(146 190 220 / 45%); border-radius: 3px; color: #b9d9ef; font-size: .58rem; white-space: nowrap; }
.item-card-editor__row.is-edited { border-bottom-color: rgb(225 181 112 / 78%); }
.item-card-editor__option-select, .item-card-editor__option-value { height: 44px; min-height: 44px; box-sizing: border-box; }
.item-card-editor__option-value { padding-inline: 7px; font-size: 1rem; }
.item-card-editor__option-operator, .item-card-editor__option-unit { min-width: 0; font-size: 1.08rem; font-weight: 900; text-align: center; }
.item-card-editor__remove-option { width: 22px; height: 22px; padding: 0; border: 1px solid #70463f; border-radius: 50%; color: #f4a59a; background: #351d1a; cursor: pointer; }
.item-renderer__enhancement-summary { margin-top: 10px; padding: 10px 12px; border: 1px solid rgb(225 181 112 / 42%); border-radius: 8px; background: rgb(12 9 8 / 30%); }
.item-renderer__enhancement-summary-title { display: block; margin-bottom: 5px; color: #e1b570; font-size: .86rem; }
.item-renderer__enhancement-summary-list { display: grid; gap: 3px; margin: 0; padding-left: 1.35rem; color: #eadfd2; font-size: .8rem; }
.item-card-editor__option-icon { width: 17px; height: 17px; object-fit: contain; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); }
.item-card-editor__simulation-controls { display: grid; grid-template-columns: repeat(2, 29px); gap: 3px; align-items: center; justify-content: start; }
.item-card-editor__simulation-button { display: grid; width: 29px; height: 32px; padding: 0; place-items: center; border: 1px solid transparent; border-radius: 6px; background: transparent; opacity: .5; cursor: pointer; touch-action: manipulation; }
.item-card-editor__simulation-button:hover,
.item-card-editor__simulation-button:focus-visible { border-color: rgb(221 177 101 / 72%); opacity: .9; outline: 0; }
.item-card-editor__simulation-button.is-active { border-color: rgb(231 178 84 / 72%); background: rgb(90 55 18 / 58%); opacity: 1; box-shadow: 0 0 7px rgb(231 178 84 / 20%); }
.item-card-editor__simulation-button--target.is-active { border-color: rgb(237 104 98 / 75%); background: rgb(90 28 25 / 58%); }
.item-card-editor__simulation-button .item-card-editor__option-icon { pointer-events: none; }
.item-card-editor__simulation-spacer { width: 29px; height: 32px; }
.item-card-editor__simulation-debug { margin-top: 12px; padding: 9px 10px; border: 1px solid rgb(102 178 219 / 45%); border-radius: 8px; background: rgb(10 28 38 / 78%); color: #bfe8ff; font-size: .68rem; line-height: 1.35; overflow-wrap: anywhere; }
.item-card-editor__simulation-debug strong { display: block; margin-bottom: 5px; color: #78d1ff; font-size: .72rem; }
.item-card-editor__simulation-debug pre { margin: 0; white-space: pre-wrap; font: inherit; }
.item-card-editor__option-icon--static { justify-self: center; }
.item-card-editor__option-select,
.item-card-editor__option-value { min-width: 0; width: 100%; min-height: 30px; padding: 4px 7px; border: 1px solid rgb(133 111 87 / 48%); border-radius: 4px; outline: 0; color: #eee7dc; background: rgb(9 8 7 / 56%); font-family: inherit; font-size: .8rem; line-height: 1.15; }
.item-card-editor__display-only-label,
.item-card-editor__display-only-value { min-width: 0; min-height: 30px; display: flex; align-items: center; padding: 4px 7px; border: 1px dashed rgb(133 111 87 / 48%); border-radius: 4px; color: #d8cfc4; background: rgb(9 8 7 / 36%); font-size: .8rem; line-height: 1.15; }
.item-card-editor__display-only-value { justify-content: flex-end; color: #bcb3aa; font-variant-numeric: tabular-nums; font-weight: 700; }
.item-card-editor__display-only-icon { display: inline-grid; width: 20px; height: 20px; place-items: center; color: #a69685; }
.item-card-editor__option-value { color: #eee9e2; font-variant-numeric: tabular-nums; font-weight: 700; text-align: right; }
.item-card-editor__add-option { width: 100%; min-height: 40px; margin-top: 8px; border: 1px dashed rgba(216, 163, 92, .65); border-radius: 10px; background: rgba(30, 24, 20, .72); color: #e6c796; font-weight: 800; cursor: pointer; }
.item-card-editor__add-option:hover { background: rgba(65, 46, 31, .82); }
.item-card-editor__option-select:focus,
.item-card-editor__option-value:focus { box-shadow: 0 0 0 1px #c99b62, 0 0 0 3px rgb(201 155 98 / 16%); }
.item-card-editor__option-value:disabled { color: #716a63; background: transparent; }
.item-card-editor__review { position: relative; padding-left: 16px; color: #ef766d; font-size: .58rem; line-height: 1.3; }
.item-card-editor__review::before { position: absolute; left: 2px; width: 10px; height: 10px; border: 1px solid #ef766d; border-radius: 50%; content: "!"; font-size: .48rem; font-weight: 900; line-height: 9px; text-align: center; }
.item-renderer__option--tone-masterworked .item-card-editor__option-value { color: var(--d4-color-value-masterwork); }
.item-renderer__option--tone-target .item-card-editor__option-value { color: var(--d4-color-value-target); }
.item-renderer__option--tone-transcended .item-card-editor__option-value { color: var(--d4-color-value-transcended); }
.item-renderer__option--tone-transcended-target .item-card-editor__option-value { color: var(--d4-color-value-transcended-target); }
.weapon-card.is-ocr-revealed .item-card-editor__row { animation: d4-editor-option-reveal .16s ease-out both; animation-delay: calc(var(--option-index, 0) * 28ms + 60ms); }
@keyframes d4-editor-option-reveal {
  0% { opacity: 0; transform: translateY(3px); filter: brightness(1); }
  55% { opacity: 1; transform: translateY(0); filter: brightness(1.35) drop-shadow(0 0 5px rgb(225 181 112 / 32%)); }
  100% { opacity: 1; transform: translateY(0); filter: brightness(1); }
}
@keyframes d4-frame-reveal { from { opacity: .48; transform: scale(.988); filter: brightness(.8); } to { opacity: 1; transform: scale(1); filter: brightness(1); } }
@keyframes d4-option-reveal { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
.item-card-editor__gem-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 7rem auto; gap: .55rem; align-items: center; margin: .35rem 0; }
.item-card-editor__gem-label { overflow-wrap: anywhere; }
.item-card-editor__power-row { display: grid; grid-template-columns: minmax(0, 1fr) 7rem auto; gap: .55rem; align-items: center; }
.item-card-editor__power-label { min-width: 0; color: #e8ddd0; font-size: .82rem; overflow-wrap: anywhere; }
.item-card-editor__power-notation { color: #dcb271; font-size: .76rem; font-weight: 800; }
.item-renderer__power { display: grid; gap: 5px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgb(135 118 99 / 34%); }
.item-renderer__power-label { color: #cba570; font-size: .68rem; font-weight: 800; letter-spacing: .04em; }
.item-renderer__power-value { color: #e8ddd0; font-size: .76rem; line-height: 1.4; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .item-card-editor__gem-row { grid-template-columns: minmax(0, 1fr) auto 6rem auto; }
  .item-card-editor__power-row { grid-template-columns: minmax(0, 1fr) 6rem auto; }
  .item-renderer__frame { padding: 18px 20px 20px; border-width: 5px; border-image-width: 5px; }
  .item-renderer__header { gap: 9px; }
  .item-renderer__name { font-size: 1rem; }
  .item-card-editor__meta { grid-template-columns: 1fr 1fr; }
  .item-card-editor__meta-field--item-power,
  .item-card-editor__meta-field--weapon-dps,
  .item-card-editor__meta-field--attack-speed,
  .item-card-editor__meta-field--masterwork { grid-column: auto; }
  .item-card-editor__meta-field--all-resistance,
  .item-card-editor__meta-field--armor { grid-column: auto; }
  .item-card-editor__meta-field--check { grid-column: 1 / -1; }
  .item-card-editor__simulation-button { width: 32px; height: 36px; }
  .item-card-editor__simulation-controls { grid-template-columns: repeat(2, 32px); gap: 3px; }
  .item-card-editor__row { grid-template-columns: 67px minmax(0, 1fr) 22px 70px 30px; gap: 6px; }
  .item-card-editor__row--implicit { grid-template-columns: 67px minmax(0, 1fr) 22px 70px 30px; }
  .item-card-editor__row--display-only { grid-template-columns: 67px minmax(0, 1fr) 70px; }
}

.item-renderer__fact--calculation-flag { display: inline-flex; align-items: center; }
.item-renderer__calculation-flag-control { display: inline-flex; align-items: center; gap: 2px; min-height: 24px; cursor: pointer; font-weight: 750; }
.item-renderer__calculation-flag-control input { width: 15px; height: 15px; margin: 0; accent-color: #d9aa65; cursor: pointer; }
.item-renderer__calculation-flag-control input:disabled { cursor: default; opacity: .75; }
.item-renderer__sections { display: grid; margin-top: 13px; }
.item-renderer__section { padding-top: 12px; border-top: 1px solid rgba(189, 181, 170, .2); }
.item-renderer__section:first-child { padding-top: 0; border-top: 0; }
.item-renderer__section .item-renderer__options { margin-top: 0; }
.item-renderer__section--gems { margin-top: 12px; }
.item-renderer__socket-icon { display: inline-grid; width: 17px; height: 17px; color: #aaa096; place-items: center; }
.item-renderer__option:has(.item-renderer__option-replaced) { grid-template-rows: auto auto; }
.item-renderer__max-preview { display: flex; justify-content: flex-end; margin: 0 0 10px; }
.item-renderer__max-preview-button { min-height: 44px; padding: 8px 12px; border: 1px solid #a77a42; border-radius: 8px; background: #2b2117; color: #e3b268; font: inherit; cursor: pointer; }
#power-potential-toggle { display: none; }
.item-renderer__option-replaced {
  grid-column: 2 / -1; display: flex; min-width: 0; justify-content: space-between; gap: 8px;
  color: #bdb5a9;
}
.item-renderer__option-delta { margin-left: 3px; font-size: .72rem; font-weight: 900; white-space: nowrap; }
.item-renderer__option-delta--up { color: #69d78e; }
.item-renderer__option-delta--down { color: #ef766d; }
.item-renderer__option-user-edited { margin-left: 3px; color: #aaa096; font-size: .68rem; font-weight: 700; white-space: nowrap; }

/* 공통 Read-only Equipment Card: 파워측정기·비교 Detail·공유페이지의 단일 내부 UI 계약. */
.item-renderer--equipment-card .item-renderer__name { font-size: 1.45rem; }
.item-renderer--equipment-card .item-renderer__rarity { font-size: .86rem; }
.item-renderer--equipment-card .item-renderer__meta { column-gap: 0; }
.item-renderer--equipment-card .item-renderer__fact { font-size: .75rem; }
.item-renderer--equipment-card .item-renderer__fact + .item-renderer__fact::before { margin-inline: 2px; }
.item-renderer--equipment-card .item-renderer__fact--gem-power { margin-left: auto; }
.item-renderer--equipment-card .item-renderer__calculation-flag-control input { width: 13px; height: 13px; }
.item-renderer--equipment-card .item-renderer__option {
  grid-template-columns: 19px minmax(0, max-content) max-content max-content;
  justify-content: start;
  align-items: start;
  gap: 7px;
  font-size: 1.04rem;
  line-height: 1.34;
}
.item-renderer--equipment-card .item-renderer__option-label { min-width: 0; overflow-wrap: anywhere; }
.item-renderer--equipment-card .item-renderer__option-value,
.item-renderer--equipment-card .item-renderer__option-delta,
.item-renderer--equipment-card .item-renderer__option-user-edited { white-space: nowrap; }
.item-renderer--equipment-card .item-renderer__power-label { font-size: .86rem; }
.item-renderer--equipment-card .item-renderer__power-value { font-size: 1rem; }
.item-renderer--equipment-card .item-renderer__option--max-change { grid-template-columns: 19px minmax(0, 1fr); }
.item-renderer__option-change { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 6px; min-width: 0; }
.item-renderer__option-before { color: var(--d4-color-muted); white-space: nowrap; }
.item-renderer .item-renderer__option-value.item-renderer__option-after--up { color: #69d78e; }
.item-renderer .item-renderer__option-value.item-renderer__option-after--down { color: #ef766d; }
@media (max-width: 760px) {
  .item-renderer--equipment-card .item-renderer__option { grid-template-columns: 19px minmax(0, max-content) max-content auto; }
  .item-renderer--equipment-card .item-renderer__option--max-change { grid-template-columns: 19px minmax(0, 1fr); }
}
@media (max-width: 380px) {
  .item-renderer__meta { flex-wrap: wrap; row-gap: 3px; }
  .item-renderer--equipment-card .item-renderer__fact { font-size: .72rem; }
  .item-renderer--equipment-card .item-renderer__fact--gem-power { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .weapon-card.is-ocr-revealed .item-renderer__frame,
  .weapon-card.is-ocr-revealed .item-renderer__option,
  .weapon-card.is-ocr-revealed .item-card-editor__row { animation: none !important; }
}