/* Arena Teney — Shop S1.6 business-state presentation 0220s16r01f1
 * Detail-modal only. No catalogue/HUD/dock/X-lock geometry ownership.
 */
@media (max-width: 960px) {
  html.shop-s1-rework .s03f3-modal-sheet {
    --s16-rarity-line: rgba(177, 139, 79, .62);
    --s16-rarity-soft: rgba(177, 139, 79, .10);
    --s16-rarity-text: #dbc49b;
  }

  html.shop-s1-rework .s03f3-modal-sheet.s16-rarity-uncommon {
    --s16-rarity-line: rgba(92, 153, 106, .72);
    --s16-rarity-soft: rgba(56, 118, 72, .12);
    --s16-rarity-text: #a8d5ae;
  }

  html.shop-s1-rework .s03f3-modal-sheet.s16-rarity-rare {
    --s16-rarity-line: rgba(80, 133, 205, .84);
    --s16-rarity-soft: rgba(62, 108, 179, .15);
    --s16-rarity-text: #a9c8ef;
  }

  html.shop-s1-rework .s03f3-modal-sheet.s16-rarity-epic {
    --s16-rarity-line: rgba(142, 92, 196, .88);
    --s16-rarity-soft: rgba(113, 66, 167, .16);
    --s16-rarity-text: #d0afe9;
  }

  html.shop-s1-rework .s03f3-modal-sheet.s16-rarity-legendary {
    --s16-rarity-line: rgba(226, 177, 74, .92);
    --s16-rarity-soft: rgba(184, 124, 35, .16);
    --s16-rarity-text: #f0cf8a;
  }

  html.shop-s1-rework .s03f3-modal-sheet.s16-rarity-artifact {
    --s16-rarity-line: rgba(145, 211, 216, .92);
    --s16-rarity-soft: rgba(96, 173, 180, .15);
    --s16-rarity-text: #c4eff1;
  }

  html.shop-s1-rework .s03f3-modal-sheet.s16-rarity-cursed {
    --s16-rarity-line: rgba(174, 70, 67, .92);
    --s16-rarity-soft: rgba(128, 39, 39, .18);
    --s16-rarity-text: #e5a09b;
  }

  html.shop-s1-rework .s03f3-modal-sheet[class*="s16-rarity-"] {
    border-top-color: var(--s16-rarity-line);
    box-shadow:
      0 -30px 90px rgba(0, 0, 0, .78),
      inset 0 1px 0 color-mix(in srgb, var(--s16-rarity-line) 28%, transparent),
      inset 0 0 46px var(--s16-rarity-soft);
  }

  html.shop-s1-rework .s03f3-modal-sheet[class*="s16-rarity-"]::before {
    background: linear-gradient(90deg, transparent, var(--s16-rarity-line), transparent);
  }

  html.shop-s1-rework .s03f3-modal-sheet[class*="s16-rarity-"] .ui007-preview-head > span {
    border-color: var(--s16-rarity-line);
    box-shadow:
      inset 0 1px 0 rgba(255, 241, 211, .07),
      inset 0 0 28px var(--s16-rarity-soft),
      0 9px 22px rgba(0, 0, 0, .30);
  }

  html.shop-s1-rework .s03f3-modal-sheet[class*="s16-rarity-"] .ui007-preview-head small {
    color: var(--s16-rarity-text);
  }

  html.shop-s1-rework .s15-verdict .s16-verdict-detail {
    opacity: .78;
    color: currentColor;
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .02em;
    line-height: 1.25;
    text-transform: none;
  }

  html.shop-s1-rework .s16-price-cell,
  html.shop-s1-rework .s16-ownership-cell {
    position: relative;
    overflow: visible !important;
  }

  html.shop-s1-rework .s16-price-cell b,
  html.shop-s1-rework .s16-ownership-cell b {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html.shop-s1-rework .s16-price-cell.is-short {
    border-color: rgba(160, 77, 70, .56) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(149, 55, 50, .12), transparent 55%),
      linear-gradient(180deg, rgba(22, 13, 12, .96), rgba(9, 7, 7, .99)) !important;
  }

  html.shop-s1-rework .s16-price-cell.is-affordable {
    border-color: rgba(151, 126, 79, .42) !important;
  }

  html.shop-s1-rework .s16-price-note {
    display: block;
    margin-top: 7px;
    font: 800 9px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .025em;
  }

  html.shop-s1-rework .s16-price-note.is-ok {
    color: #8fc79b;
  }

  html.shop-s1-rework .s16-price-note.is-short {
    color: #df918b;
  }

  html.shop-s1-rework .s16-ownership-cell b {
    color: #ead9b6;
    font-size: 14px !important;
    line-height: 1.22 !important;
  }

  html.shop-s1-rework .s16-equipped-list {
    display: grid;
    gap: 4px;
    margin-top: 7px;
  }

  html.shop-s1-rework .s16-equipped-list span {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border: 1px solid rgba(85, 134, 91, .48);
    border-radius: 999px;
    color: #a7d0a9;
    background: rgba(18, 45, 24, .55);
    font: 800 8.5px/1.15 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .025em;
    white-space: normal;
  }

  html.shop-s1-rework .s16-equipped-list i {
    color: #cfb072;
    font-size: 7px;
    font-style: normal;
  }

  html.shop-s1-rework .s16-requirement-state {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 4px 7px;
    border: 1px solid rgba(129, 105, 74, .34);
    border-radius: 999px;
    font: 800 8px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .045em;
    vertical-align: middle;
  }

  html.shop-s1-rework .s16-requirement-state.is-met {
    border-color: rgba(69, 137, 83, .52);
    color: #9cd0a5;
    background: rgba(16, 43, 22, .55);
  }

  html.shop-s1-rework .s16-requirement-state.is-unmet {
    border-color: rgba(157, 70, 65, .54);
    color: #dfa09a;
    background: rgba(50, 19, 18, .56);
  }

  html.shop-s1-rework .s16-requirement-list {
    display: grid;
    gap: 7px;
    margin-top: 10px;
  }

  html.shop-s1-rework .s16-requirement-row {
    min-width: 0;
    min-height: 60px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(125, 104, 73, .30);
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(17, 15, 12, .87), rgba(8, 8, 7, .94));
  }

  html.shop-s1-rework .s16-requirement-row.is-met {
    border-color: rgba(68, 124, 78, .40);
  }

  html.shop-s1-rework .s16-requirement-row.is-unmet {
    border-color: rgba(154, 72, 67, .52);
    background:
      radial-gradient(circle at 100% 0, rgba(139, 49, 45, .09), transparent 55%),
      linear-gradient(180deg, rgba(22, 13, 12, .90), rgba(9, 8, 7, .96));
  }

  html.shop-s1-rework .s16-requirement-mark {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #93c69c;
    background: rgba(38, 92, 49, .24);
    font: 900 12px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }

  html.shop-s1-rework .s16-requirement-row.is-unmet .s16-requirement-mark {
    color: #df918c;
    background: rgba(121, 42, 39, .25);
  }

  html.shop-s1-rework .s16-requirement-row > div {
    min-width: 0;
    display: grid;
    gap: 3px;
  }

  html.shop-s1-rework .s16-requirement-row > div b {
    color: #eadfc8;
    font: 700 13px/1.18 Georgia, 'Times New Roman', serif;
  }

  html.shop-s1-rework .s16-requirement-row > div small {
    color: #9e927f;
    font-size: 9px;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  html.shop-s1-rework .s16-requirement-row > strong {
    color: #d8c59d;
    font: 800 14px/1 Georgia, 'Times New Roman', serif;
    white-space: nowrap;
  }

  html.shop-s1-rework .s16-requirement-row.is-unmet > strong {
    color: #df918c;
  }

  html.shop-s1-rework .s16-requirement-row > strong i {
    color: #776b59;
    font-style: normal;
    font-weight: 500;
  }

  html.shop-s1-rework .s16-requirement-empty {
    padding: 8px 10px;
    color: #988d7b;
    font-size: 10px;
    line-height: 1.35;
    text-align: center;
  }

  /* S1.5 accepted contract: the purchase CTA remains static at the end. */
  html.shop-s1-rework .s03f3-modal-content .action {
    position: static !important;
    bottom: auto !important;
  }
}

@media (max-width: 390px) {
  html.shop-s1-rework .s16-requirement-row {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 7px;
    padding: 8px;
  }

  html.shop-s1-rework .s16-requirement-row > div b {
    font-size: 12px;
  }

  html.shop-s1-rework .s16-requirement-row > strong {
    font-size: 13px;
  }
}