/* C105 · V1.225: shared four-stat display panel. */
wqxt-card-stat-panel {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(219, 196, 159, .3);
  border-bottom: 1px solid rgba(219, 196, 159, .18);
  background: rgba(8, 8, 9, .68);
  color: inherit;
}

wqxt-card-stat-panel .wqxt-card-stat-panel__item {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 7px 8px;
  border-bottom: 1px solid rgba(219, 196, 159, .12);
  color: #c7b79f;
}

wqxt-card-stat-panel .wqxt-card-stat-panel__item:nth-last-child(-n + 2) {
  border-bottom: 0;
}

wqxt-card-stat-panel .wqxt-card-stat-panel__icon {
  --icon-size: 17px;
  display: inline-block;
  flex: none;
  width: 17px;
  height: 17px;
  background: linear-gradient(145deg, var(--icon-light), var(--icon-dark));
  -webkit-mask-image: url('./card-stat-panel-assets/card-attributes-gold.png?v=20260922-C105-V1');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: calc(var(--icon-size) * 6.7875) calc(var(--icon-size) * 2.2625);
  -webkit-mask-position: calc(var(--icon-size) * var(--icon-x)) calc(var(--icon-size) * -0.58);
  mask-image: url('./card-stat-panel-assets/card-attributes-gold.png?v=20260922-C105-V1');
  mask-repeat: no-repeat;
  mask-size: calc(var(--icon-size) * 6.7875) calc(var(--icon-size) * 2.2625);
  mask-position: calc(var(--icon-size) * var(--icon-x)) calc(var(--icon-size) * -0.58);
}

wqxt-card-stat-panel .stat-icon-0 { --icon-x: -.419; --icon-light: #ffefd0; --icon-dark: #dfac56; }
wqxt-card-stat-panel .stat-icon-1 { --icon-x: -2.097; --icon-light: #ffe0e7; --icon-dark: #d87597; }
wqxt-card-stat-panel .stat-icon-2 { --icon-x: -3.706; --icon-light: #b8d2ff; --icon-dark: #72a7ff; }
wqxt-card-stat-panel .stat-icon-3 { --icon-x: -5.338; --icon-light: #d4f5a7; --icon-dark: #91d45a; }

wqxt-card-stat-panel small {
  overflow: hidden;
  color: #bdb3a6;
  font: 12px/1.2 var(--serif, "Noto Serif SC", "Songti SC", serif);
  text-overflow: ellipsis;
  white-space: nowrap;
}

wqxt-card-stat-panel b {
  color: #f0ece7;
  font: 600 15px/1 var(--mono, "DM Mono", "SFMono-Regular", Menlo, monospace);
}

@media (max-width: 1000px), (max-height: 560px) {
  wqxt-card-stat-panel .wqxt-card-stat-panel__item {
    grid-template-columns: 16px minmax(0, 1fr) auto;
    gap: 4px;
    padding: 7px 8px;
  }

  wqxt-card-stat-panel .wqxt-card-stat-panel__icon {
    --icon-size: 13px;
    width: 13px;
    height: 13px;
  }

  wqxt-card-stat-panel small,
  wqxt-card-stat-panel b {
    font-size: 10px;
  }
}
/* C105 inline attribute identity and shared C13 attribute-details composition. */
wqxt-card-attribute{display:inline-flex;align-items:center;gap:8px;font:500 13px/1.4 var(--serif,"Noto Serif SC",serif);white-space:nowrap;color:var(--attribute-color)}
wqxt-card-attribute[data-attribute="0"]{--icon-x:-.419;--attribute-color:#dfac56}
wqxt-card-attribute[data-attribute="1"]{--icon-x:-2.097;--attribute-color:#d87597}
wqxt-card-attribute[data-attribute="2"]{--icon-x:-3.706;--attribute-color:#72a7ff}
wqxt-card-attribute[data-attribute="3"]{--icon-x:-5.338;--attribute-color:#91d45a}
wqxt-card-attribute>i{--icon-size:20px;display:inline-block;width:20px;height:20px;flex:none;background:currentColor;mask-image:url('./card-stat-panel-assets/card-attributes-gold.png?v=20260922-C105-V1');mask-repeat:no-repeat;mask-size:calc(var(--icon-size)*6.7875) calc(var(--icon-size)*2.2625);mask-position:calc(var(--icon-size)*var(--icon-x)) calc(var(--icon-size)*-.58)}
.wqxt-card-attribute-details{display:grid;gap:12px}.wqxt-card-attribute-details>h3,.wqxt-card-attribute-details h4{margin:0;font:600 16px/1.4 var(--serif,serif)}.wqxt-card-attribute-details p{margin:0;font:400 14px/1.7 var(--serif,serif)}.wqxt-card-attribute-details>section{display:grid;gap:8px}
@media(max-width:1000px),(max-height:560px){wqxt-card-attribute{gap:4px;font-size:12px}wqxt-card-attribute>i{--icon-size:16px;width:16px;height:16px}.wqxt-card-attribute-details{gap:8px}.wqxt-card-attribute-details>h3,.wqxt-card-attribute-details h4{font-size:15px}.wqxt-card-attribute-details p{font-size:13px}}

/* C105 icon-only is an explicit C111 horizontal-card exception; name stays accessible. */
wqxt-card-attribute[icon-only]{gap:0}
wqxt-card-attribute[icon-only]>span{display:none}