/* cherish-special (patch-special-items.py, 2026-09-18) — 인벤토리 탭의 「특별한 물건」 칸.
   cherish-items.css 의 결을 따르되 색만 장터 쪽(주황)으로 맞춘다 — 경매로 온 물건이라는 표시. */
.cw-special { margin: 14px 0 0; padding: 12px 12px 14px; border: 1px solid #fed7aa; border-radius: 14px; background: #fffbf5; }
.cw-sp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cw-sp-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid #fed7aa; border-radius: 999px; background: #fff; font: inherit; color: inherit; cursor: pointer; }
.cw-sp-chip:hover { background: #fff7ed; }
.cw-sp-chip.on { border-color: #f97316; background: #ffedd5; }
/* 아이콘은 세로로 긴 그림(91x128)이다 — width/height 를 같이 박으면 정사각으로 눌린다.
   contain 으로 비율을 지킨다 (경매 카드의 cw-auc-art 도 같은 규칙).
   ⚠️ 여기는 CSS 문자열 안이다 — '#' 로 시작하면 브라우저가 선택자로 읽어 **뒤 규칙까지 버린다**. */
.cw-sp-chip img { width: 28px; height: 28px; object-fit: contain; image-rendering: auto; }
.cw-sp-chip b { font-size: 10pt; }
.cw-sp-open { margin: 10px 0 0; }
.cw-sp-desc { margin: 0 0 8px; font-size: 9pt; color: #9a3412; line-height: 1.5; white-space: pre-line; }
.cw-sp-step { margin: 10px 0 0; }
.cw-sp-mons { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-sp-mon { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 6px 10px; border: 1px solid var(--cw-line, rgba(254, 205, 211, .9)); border-radius: 10px; background: #fff; font: inherit; color: inherit; cursor: pointer; }
.cw-sp-mon:hover { background: var(--cw-tint, #fff1f3); }
.cw-sp-mon.on { border-color: #f97316; background: #ffedd5; }
.cw-sp-mon b { font-size: 9.5pt; }
.cw-sp-mon small { font-size: 8pt; color: var(--cw-ink-muted, #a8637a); }
.cw-sp-warn { margin: 4px 0 8px; font-size: 9pt; color: #b45309; }
.cw-sp-abils { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-sp-abil { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px !important; font-size: 10pt !important; }
.cw-sp-abil em { font-style: normal; font-size: 8pt; padding: 1px 7px; border-radius: 999px; background: #ffedd5; color: #9a3412; }
@media (max-width: 700px) {
	.cw-sp-chip { padding: 6px 10px; }
	.cw-sp-abil { padding: 6px 11px !important; font-size: 9.5pt !important; }
}