/* Maple Price Board CSS module: Purchase guide and sale guide shared UI. Original index.css lines 6201-6520. */

/* v133 판매가이드 독립 페이지 */
.sale-guide-page{display:grid;gap:18px}.sale-guide-page[hidden]{display:none}.sale-guide-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px 28px}.sale-guide-hero h1{margin:5px 0 8px;font-size:30px}.sale-guide-hero p{margin:0;color:var(--muted);line-height:1.65}.sale-guide-hero-note{min-width:260px;padding:15px 17px;border:1px solid rgba(102,126,234,.2);background:rgba(102,126,234,.06);border-radius:14px}.sale-guide-hero-note strong,.sale-guide-hero-note span{display:block}.sale-guide-hero-note span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.5}.sale-guide-mode-tabs{display:flex;gap:8px;padding:8px}.sale-guide-mode{flex:1;border:0;background:transparent;border-radius:12px;padding:13px 16px;font:inherit;font-weight:800;color:var(--muted);cursor:pointer}.sale-guide-mode.active{background:var(--surface-strong,#fff);color:var(--text);box-shadow:0 4px 16px rgba(31,41,55,.08)}.sale-guide-panel{display:grid;gap:18px}.sale-guide-panel[hidden]{display:none}.sale-guide-character-card,.sale-guide-equipment-section,.sale-guide-direct-card,.sale-guide-reference-card,.sale-guide-editor-card,.sale-guide-result{padding:24px}.sale-guide-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.sale-guide-section-heading.compact{align-items:center}.sale-guide-section-heading h2{margin:4px 0 5px;font-size:21px}.sale-guide-section-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.sale-guide-character-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px}.sale-guide-character-form input,.sale-guide-search-box input,.sale-guide-editor-grid input,.sale-guide-editor-grid select,.sale-guide-editor-lines textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 13px;font:inherit;box-sizing:border-box}.sale-guide-status{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.sale-guide-character-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.sale-guide-character-summary>div{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--surface-soft)}.sale-guide-character-summary span,.sale-guide-character-summary small,.sale-guide-character-summary strong{display:block}.sale-guide-character-summary span{font-size:12px;color:var(--muted)}.sale-guide-character-summary strong{font-size:18px;margin:5px 0}.sale-guide-character-summary small{font-size:11px;color:var(--muted)}.sale-guide-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.sale-guide-equipment-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:12px;text-align:left;cursor:pointer}.sale-guide-equipment-card:hover,.sale-guide-equipment-card.selected{border-color:rgba(102,126,234,.55);box-shadow:0 5px 18px rgba(88,101,242,.09)}.sale-guide-equipment-card:disabled{cursor:default;opacity:.62;box-shadow:none}.sale-guide-equipment-thumb{width:46px;height:46px;border-radius:10px;background:var(--surface-soft);display:grid;place-items:center;overflow:hidden}.sale-guide-equipment-thumb img{max-width:42px;max-height:42px}.sale-guide-equipment-copy{min-width:0}.sale-guide-equipment-copy small,.sale-guide-equipment-copy strong,.sale-guide-equipment-copy em{display:block}.sale-guide-equipment-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 4px}.sale-guide-equipment-copy small,.sale-guide-equipment-copy em{font-style:normal;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-guide-equipment-price{text-align:right;min-width:86px}.sale-guide-equipment-price small,.sale-guide-equipment-price strong,.sale-guide-equipment-price em{display:block}.sale-guide-equipment-price strong{font-size:17px;color:#5365d8}.sale-guide-equipment-price small,.sale-guide-equipment-price em{font-size:10px;color:var(--muted);font-style:normal}.sale-guide-equipment-price.pending{font-size:11px;color:var(--muted)}.sale-guide-direct-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sale-guide-search-box{position:relative;margin-top:16px}.sale-guide-search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.sale-guide-search-box input{padding-left:38px}.sale-guide-item-results{display:grid;gap:6px;margin-top:8px}.sale-guide-item-results>button{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:9px 11px;text-align:left;cursor:pointer}.sale-guide-item-results img{width:34px;height:34px;object-fit:contain}.sale-guide-item-results span strong,.sale-guide-item-results span small{display:block}.sale-guide-item-results small{color:var(--muted);margin-top:2px}.sale-guide-search-empty{padding:13px;color:var(--muted);font-size:13px}.sale-guide-reference-sales{display:grid;gap:8px;margin-top:15px;max-height:560px;overflow:auto}.sale-guide-reference-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px}.sale-guide-reference-row.selected{border-color:rgba(102,126,234,.55);background:rgba(102,126,234,.05)}.sale-guide-reference-row strong,.sale-guide-reference-row span{display:inline-block}.sale-guide-reference-row strong{margin-right:8px}.sale-guide-reference-row span,.sale-guide-reference-row p{color:var(--muted);font-size:11px}.sale-guide-reference-row p{margin:4px 0 0;line-height:1.4}.sale-guide-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.sale-guide-editor-grid label span,.sale-guide-editor-lines label span{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.sale-guide-editor-lines{display:grid;gap:10px;margin-top:12px}.sale-guide-editor-lines textarea{resize:vertical;line-height:1.5}.sale-guide-analyze-button{width:100%;margin-top:14px}.sale-guide-result{scroll-margin-top:85px}.sale-guide-result-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.sale-guide-result-item{display:flex;align-items:center;gap:12px}.sale-guide-result-item img{width:48px;height:48px;object-fit:contain}.sale-guide-result-item span,.sale-guide-result-item small{display:block;color:var(--muted);font-size:12px}.sale-guide-result-item h2{margin:3px 0;font-size:22px}.sale-guide-confidence{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px}.sale-guide-price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.sale-guide-price-cards article{border:1px solid var(--line);border-radius:15px;padding:16px}.sale-guide-price-cards span,.sale-guide-price-cards strong,.sale-guide-price-cards small{display:block}.sale-guide-price-cards span{font-size:12px;font-weight:800}.sale-guide-price-cards strong{font-size:25px;margin:7px 0}.sale-guide-price-cards small{color:var(--muted);font-size:11px}.sale-guide-price-cards .quick{background:rgba(52,168,83,.055)}.sale-guide-price-cards .quick strong{color:#268a46}.sale-guide-price-cards .fair{background:rgba(83,101,216,.07);border-color:rgba(83,101,216,.28)}.sale-guide-price-cards .fair strong{color:#5365d8}.sale-guide-price-cards .patient{background:rgba(245,158,11,.06)}.sale-guide-price-cards .patient strong{color:#b87400}.sale-guide-verdict{margin-top:12px;border-radius:13px;padding:14px 15px;border:1px solid var(--line);background:var(--surface-soft)}.sale-guide-verdict strong,.sale-guide-verdict span{display:block}.sale-guide-verdict span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.sale-guide-verdict.wait{border-color:rgba(52,168,83,.25);background:rgba(52,168,83,.055)}.sale-guide-verdict.caution{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.06)}.sale-guide-market-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.sale-guide-market-facts>div{border:1px solid var(--line);border-radius:11px;padding:11px}.sale-guide-market-facts span,.sale-guide-market-facts strong{display:block}.sale-guide-market-facts span{font-size:11px;color:var(--muted)}.sale-guide-market-facts strong{font-size:13px;margin-top:4px}.sale-guide-similar-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:22px}.sale-guide-similar-heading h3{margin:3px 0 0}.sale-guide-similar-heading small{color:var(--muted)}.sale-guide-similar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.sale-guide-similar-list article{border:1px solid var(--line);border-radius:12px;padding:11px}.sale-guide-similar-list article>div{display:flex;justify-content:space-between;gap:8px}.sale-guide-similar-list article span,.sale-guide-similar-list article p,.sale-guide-similar-list article em{font-size:11px;color:var(--muted)}.sale-guide-similar-list article p{margin:5px 0;line-height:1.45}.sale-guide-similar-list article em{font-style:normal}.sale-guide-result-note{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.sale-guide-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.sale-guide-empty strong,.sale-guide-empty span{display:block}.sale-guide-empty span{margin-top:4px;font-size:12px}
@media (max-width:820px){.sale-guide-hero{display:block}.sale-guide-hero-note{margin-top:14px;min-width:0}.sale-guide-character-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-guide-equipment-grid,.sale-guide-direct-workspace,.sale-guide-similar-list{grid-template-columns:1fr}.sale-guide-price-cards{grid-template-columns:1fr}.sale-guide-market-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-guide-editor-grid{grid-template-columns:1fr}.sale-guide-equipment-card{grid-template-columns:44px minmax(0,1fr);}.sale-guide-equipment-price{grid-column:2;text-align:left;display:flex;gap:7px;align-items:baseline}.sale-guide-section-heading{display:block}.sale-guide-section-heading>.secondary-button{margin-top:10px}}


/* v134: 직업 반영 판매가이드 + 독립 구매가이드 */
.purchase-guide-page,
.sale-guide-page { display: grid; gap: 18px; }
.purchase-guide-page[hidden], .sale-guide-page[hidden] { display: none !important; }
.purchase-guide-hero { padding: 28px; display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.purchase-guide-hero h1 { margin:6px 0 8px; font-size:clamp(26px,4vw,38px); }
.purchase-guide-hero p { margin:0; color:var(--muted); max-width:760px; line-height:1.65; }
.purchase-guide-hero-note { min-width:230px; padding:14px 16px; border-radius:16px; background:rgba(69,126,255,.08); border:1px solid rgba(69,126,255,.16); display:grid; gap:5px; }
.purchase-guide-hero-note span { color:var(--muted); font-size:13px; line-height:1.5; }
.purchase-guide-character-card,.purchase-guide-search-card,.purchase-guide-current-card,.purchase-guide-sales-card,.purchase-guide-price-panel { padding:22px; }
.purchase-guide-workspace { display:grid; gap:18px; }
.purchase-guide-current-equipment { display:grid; gap:10px; }
.purchase-guide-current-row { width:100%; border:1px solid var(--line); background:var(--surface-soft); border-radius:14px; padding:13px 14px; display:flex; justify-content:space-between; align-items:center; gap:12px; text-align:left; cursor:pointer; }
.purchase-guide-current-row.selected { border-color:rgba(69,126,255,.55); box-shadow:0 0 0 2px rgba(69,126,255,.10); background:rgba(69,126,255,.06); }
.purchase-guide-current-row span { min-width:0; display:grid; gap:3px; }
.purchase-guide-current-row small,.purchase-guide-current-row em { color:var(--muted); font-style:normal; font-size:12px; }
.purchase-guide-current-row strong { font-size:15px; }
.purchase-guide-current-row b { white-space:nowrap; font-size:12px; color:var(--accent); }
.purchase-guide-summary { display:grid; gap:12px; margin:4px 0 16px; }
.purchase-guide-summary-head { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.04); }
.purchase-guide-summary-head span { color:var(--muted); font-size:13px; }
.purchase-guide-summary-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.purchase-guide-summary-cards>div { padding:14px; border:1px solid var(--line); border-radius:14px; display:grid; gap:4px; }
.purchase-guide-summary-cards span,.purchase-guide-summary-cards small { color:var(--muted); font-size:12px; }
.purchase-guide-summary-cards strong { font-size:19px; }
.purchase-guide-sales { display:grid; gap:10px; }
.purchase-guide-sale-row { border:1px solid var(--line); border-radius:16px; padding:14px; background:var(--surface-soft); display:grid; gap:12px; }
.purchase-guide-sale-row.selected { border-color:rgba(69,126,255,.55); background:rgba(69,126,255,.05); }
.purchase-guide-sale-main { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr) minmax(150px,.75fr); gap:14px; align-items:center; }
.purchase-guide-sale-main>div:first-child { display:grid; gap:4px; }
.purchase-guide-sale-main>div:first-child>strong { font-size:20px; }
.purchase-guide-sale-main p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
.purchase-guide-fit,.purchase-guide-power { padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.04); display:grid; gap:3px; }
.purchase-guide-fit span,.purchase-guide-fit small,.purchase-guide-power span,.purchase-guide-power em { font-size:11px; color:var(--muted); font-style:normal; }
.purchase-guide-power .purchase-guide-power-range { font-size:10px; color:var(--muted); line-height:1.35; }
.purchase-guide-fit b,.purchase-guide-power strong { font-size:16px; }
.purchase-guide-power.up strong,.purchase-guide-power.up em { color:#38b26d; }
.purchase-guide-power.down strong,.purchase-guide-power.down em { color:#e05a5a; }
.purchase-guide-power.unavailable { opacity:.72; }
.purchase-guide-sale-row>.secondary-button { justify-self:end; }
.purchase-guide-price-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.purchase-guide-price-row input { min-width:0; border:1px solid var(--line); background:var(--surface-soft); color:var(--text); border-radius:12px; padding:12px 14px; font:inherit; }
.purchase-guide-price-result { margin-top:14px; display:grid; gap:12px; }
.purchase-guide-verdict { padding:16px; border-radius:14px; border:1px solid var(--line); display:grid; grid-template-columns:auto 1fr; gap:6px 14px; align-items:center; }
.purchase-guide-verdict span { font-weight:800; }
.purchase-guide-verdict strong { font-size:22px; text-align:right; }
.purchase-guide-verdict p { grid-column:1/-1; margin:0; color:var(--muted); }
.purchase-guide-verdict.cheap { background:rgba(56,178,109,.08); border-color:rgba(56,178,109,.25); }
.purchase-guide-verdict.expensive { background:rgba(224,90,90,.08); border-color:rgba(224,90,90,.25); }
.purchase-guide-verdict.fair { background:rgba(69,126,255,.08); border-color:rgba(69,126,255,.25); }
.purchase-guide-price-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.purchase-guide-price-facts>div { padding:12px; border-radius:12px; background:var(--surface-soft); display:grid; gap:3px; }
.purchase-guide-price-facts span { color:var(--muted); font-size:11px; }
.sale-guide-job-basis { grid-column:1/-1; margin-top:6px; color:var(--muted); font-size:12px; padding:8px 10px; border-radius:10px; background:rgba(69,126,255,.06); }
@media (max-width: 760px) {
  .purchase-guide-hero { padding:20px; display:grid; }
  .purchase-guide-hero-note { min-width:0; }
  .purchase-guide-sale-main { grid-template-columns:1fr; }
  .purchase-guide-summary-cards,.purchase-guide-price-facts { grid-template-columns:1fr 1fr; }
  .purchase-guide-price-row { grid-template-columns:1fr; }
  .purchase-guide-sale-row>.secondary-button { justify-self:stretch; }
}


/* v136 · 구매/판매 가이드 발견성 + 상세 바로가기 */
.guide-discovery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.guide-discovery-card {
  appearance:none;
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  background:var(--surface-soft);
  color:var(--text);
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.guide-discovery-card:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(31,41,55,.08);
}
.guide-discovery-card.buy:hover { border-color:rgba(69,126,255,.55); background:rgba(69,126,255,.045); }
.guide-discovery-card.sell:hover { border-color:rgba(42,157,101,.50); background:rgba(42,157,101,.045); }
.guide-discovery-icon {
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:900;
}
.guide-discovery-card.buy .guide-discovery-icon { background:rgba(69,126,255,.12); color:#457eff; }
.guide-discovery-card.sell .guide-discovery-icon { background:rgba(42,157,101,.12); color:#278457; }
.guide-discovery-copy { min-width:0; display:grid; gap:3px; }
.guide-discovery-copy small { color:var(--muted); font-size:11px; font-weight:800; }
.guide-discovery-copy strong { font-size:15px; line-height:1.35; }
.guide-discovery-copy em { color:var(--muted); font-size:11px; line-height:1.45; font-style:normal; }
.guide-discovery-card>b { white-space:nowrap; font-size:12px; }
.guide-discovery-card.buy>b { color:#457eff; }
.guide-discovery-card.sell>b { color:#278457; }
.item-guide-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.item-guide-action {
  appearance:none;
  border:1px solid var(--line);
  border-radius:13px;
  padding:11px 13px;
  background:var(--surface-soft);
  color:var(--text);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 10px;
  text-align:left;
  cursor:pointer;
}
.item-guide-action span { grid-column:1; color:var(--muted); font-size:10px; font-weight:800; }
.item-guide-action strong { grid-column:1; font-size:13px; }
.item-guide-action b { grid-column:2; grid-row:1/3; align-self:center; font-size:18px; }
.item-guide-action.buy:hover { border-color:rgba(69,126,255,.52); background:rgba(69,126,255,.05); }
.item-guide-action.buy b { color:#457eff; }
.item-guide-action.sell:hover { border-color:rgba(42,157,101,.48); background:rgba(42,157,101,.05); }
.item-guide-action.sell b { color:#278457; }
@media (max-width: 760px) {
  .guide-discovery { grid-template-columns:1fr; }
  .guide-discovery-card { grid-template-columns:38px minmax(0,1fr) auto; padding:14px; }
  .guide-discovery-icon { width:38px; height:38px; border-radius:11px; }
  .guide-discovery-copy em { display:none; }
  .item-guide-actions { grid-template-columns:1fr; }
}
@media (max-width: 440px) {
  .guide-discovery-card { grid-template-columns:36px minmax(0,1fr); }
  .guide-discovery-card>b { grid-column:2; justify-self:start; margin-top:2px; }
}

/* v137 · 구매가이드 현재 장비 / 세트효과 반영 상태 */
.purchase-guide-equipped-section { padding:22px; }
.purchase-guide-equipment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.purchase-guide-equipped-card { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:11px; width:100%; border:1px solid var(--line); background:var(--surface); color:var(--text); border-radius:14px; padding:11px 12px; text-align:left; cursor:pointer; }
.purchase-guide-equipped-card:hover,.purchase-guide-equipped-card.selected { border-color:rgba(69,126,255,.5); box-shadow:0 4px 16px rgba(69,126,255,.08); }
.purchase-guide-equipped-card.selected { background:rgba(69,126,255,.055); }
.purchase-guide-equipped-thumb { width:44px; height:44px; border-radius:10px; display:grid; place-items:center; background:var(--surface-soft); overflow:hidden; }
.purchase-guide-equipped-thumb img { max-width:40px; max-height:40px; object-fit:contain; }
.purchase-guide-equipped-copy { min-width:0; }
.purchase-guide-equipped-copy small,.purchase-guide-equipped-copy strong,.purchase-guide-equipped-copy em { display:block; }
.purchase-guide-equipped-copy small,.purchase-guide-equipped-copy em { color:var(--muted); font-size:11px; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.purchase-guide-equipped-copy strong { margin:2px 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.purchase-guide-equipped-action { font-size:11px; font-weight:800; color:var(--accent); white-space:nowrap; }
.purchase-guide-set-note { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:7px; font-size:11px; color:var(--muted); }
.purchase-guide-set-note b { color:var(--text); font-size:11px; }
.purchase-guide-set-note .gain { color:#2d8a50; }
.purchase-guide-set-note .loss { color:#c25050; }
@media (max-width:820px) { .purchase-guide-equipment-grid { grid-template-columns:1fr; } .purchase-guide-equipped-card { grid-template-columns:42px minmax(0,1fr) auto; } }


/* v139 · 구매가이드 추천 분리 + 유사옵션 가격 + 검색 유도 */
.purchase-guide-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 10px}.purchase-guide-list-heading>div{display:grid;gap:3px}.purchase-guide-list-heading strong{font-size:15px}.purchase-guide-list-heading span{font-size:12px;color:var(--muted)}.purchase-guide-list-heading>b{font-size:12px;color:var(--accent)}
.purchase-guide-fit.great,.purchase-guide-fit.good{background:rgba(56,178,109,.07)}.purchase-guide-fit.partial{background:rgba(245,158,11,.07)}.purchase-guide-fit.mismatch{background:rgba(224,90,90,.055)}
.purchase-guide-fit.great>b,.purchase-guide-fit.good>b{color:#2d9b5c}.purchase-guide-fit.partial>b{color:#b87400}.purchase-guide-fit.mismatch>b{color:#c85a5a}
.purchase-guide-fit-warning{display:block!important;margin-top:3px;color:#c96b55!important;line-height:1.35}
.purchase-guide-market-median{padding:10px 12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.5}.purchase-guide-market-median b{color:var(--text)}
.purchase-guide-other-sales{margin-top:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);overflow:hidden}.purchase-guide-other-sales>summary{list-style:none;cursor:pointer;padding:14px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.purchase-guide-other-sales>summary::-webkit-details-marker{display:none}.purchase-guide-other-sales>summary span{display:grid;gap:2px}.purchase-guide-other-sales>summary small{color:var(--muted);font-size:11px}.purchase-guide-other-sales>summary>b{font-size:12px;color:var(--accent)}.purchase-guide-other-sales[open]>summary{border-bottom:1px solid var(--line)}.purchase-guide-other-sales-list{display:grid;gap:10px;padding:12px}.purchase-guide-other-sales-list .purchase-guide-sale-row{background:var(--surface)}
.purchase-guide-no-fit{margin-bottom:10px}
.main-search-attention{position:relative;isolation:isolate}.main-search-attention::before{content:"";position:absolute;inset:-2px;border-radius:15px;padding:2px;background:conic-gradient(from var(--main-search-angle),transparent 0deg 300deg,rgba(255,151,61,0) 300deg,rgba(255,151,61,.96) 327deg,rgba(255,190,92,.7) 344deg,transparent 360deg);pointer-events:none;z-index:3;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mainSearchBorderRun 3.4s linear infinite}.main-search-attention input{border-color:rgba(255,151,61,.28)!important}.main-search-attention .search-icon{z-index:4}
@property --main-search-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes mainSearchBorderRun{to{--main-search-angle:360deg}}
@media (prefers-reduced-motion:reduce){.main-search-attention::before{animation:none;background:rgba(255,151,61,.55)}}


/* v141 · 메인 정보량 정리 / 빠른 구매 비교 접기 / 구매가이드 분류 정확도 */
.guide-discovery-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* 상세 화면은 색을 많이 쓰지 않고 섹션 상단선만 달리해 스크롤 중 위치를 구분한다. */
#detail>.item-overview{border-top:3px solid rgba(255,151,61,.42)}
#detail>.equipment-panel{border-top:3px solid rgba(118,93,220,.28)}
#detail>.purchase-judgment-card{border-top:3px solid rgba(245,158,11,.34);background:linear-gradient(180deg,rgba(245,158,11,.025),var(--surface) 86px)}
#detail>.chart-card{border-top:3px solid rgba(69,126,255,.30);background:linear-gradient(180deg,rgba(69,126,255,.022),var(--surface) 86px)}
#detail>.trades-card{border-top:3px solid rgba(42,157,101,.30);background:linear-gradient(180deg,rgba(42,157,101,.022),var(--surface) 86px)}

.purchase-judgment-card{display:block;padding:0;overflow:hidden}
.purchase-judgment-disclosure{display:block}
.purchase-judgment-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;user-select:none}
.purchase-judgment-summary::-webkit-details-marker{display:none}
.purchase-judgment-summary h3{margin:3px 0 0;font-size:18px;letter-spacing:-.025em}
.purchase-judgment-summary .section-description{margin-top:4px}
.purchase-judgment-summary-action{display:flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--accent);font-size:12px}
.purchase-judgment-summary-action>span{font-size:18px;transition:transform .18s ease}
.purchase-judgment-summary-action .when-open{display:none}
.purchase-judgment-disclosure[open] .purchase-judgment-summary-action .when-closed{display:none}
.purchase-judgment-disclosure[open] .purchase-judgment-summary-action .when-open{display:inline}
.purchase-judgment-disclosure[open] .purchase-judgment-summary-action>span{transform:rotate(180deg)}
.purchase-judgment-disclosure[open] .purchase-judgment-summary{border-bottom:1px solid var(--line)}
.purchase-judgment-body{display:grid;gap:14px;padding:17px 20px 20px}
.purchase-judgment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.purchase-judgment-toolbar p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}

.purchase-guide-fit.neutral,.purchase-guide-fit.unknown{background:rgba(107,114,128,.06)}
.purchase-guide-fit.secondary{background:rgba(245,158,11,.055)}
.purchase-guide-fit.utility{background:rgba(112,93,200,.06)}
.purchase-guide-fit.neutral>b,.purchase-guide-fit.unknown>b{color:#6b7280}
.purchase-guide-fit.secondary>b{color:#a86d00}
.purchase-guide-fit.utility>b{color:#7563b8}
.purchase-guide-neutral-sales{background:rgba(107,114,128,.025)}
.purchase-guide-summary-head span{max-width:520px;text-align:right}

@media (max-width:760px){
  .purchase-judgment-summary{padding:15px 16px;align-items:flex-start}
  .purchase-judgment-summary .section-description{display:none}
  .purchase-judgment-body{padding:15px 16px 17px}
  .purchase-judgment-toolbar{align-items:stretch;flex-direction:column}
  .purchase-judgment-toolbar .secondary-button{align-self:flex-start}
  .purchase-guide-summary-head span{text-align:left}
}

.sale-guide-unavailable-details{grid-column:1/-1;border:1px dashed var(--line);border-radius:13px;padding:0 13px;background:var(--surface-soft)}.sale-guide-unavailable-details summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:800;color:var(--muted)}.sale-guide-unavailable-details>div{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px}.sale-guide-unavailable-details>div span{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 8px;font-size:11px}.sale-guide-unavailable-details>div small{color:var(--muted)}.sale-guide-unavailable-details p{margin:0 -2px 12px;color:var(--muted);font-size:11px;line-height:1.5}


/* v149: 실제 거래 이례가 표시 — 비슷한 조건 표본이 충분할 때만 노출 */
.trade-outlier-badge{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:-.01em}
.trade-outlier-badge.low{color:#a65300;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.34)}
.trade-outlier-badge.high{color:#a13755;background:rgba(225,74,113,.10);border:1px solid rgba(225,74,113,.28)}
.trade-outlier-note{display:block;margin-top:4px;font-size:10px;line-height:1.35;font-style:normal}
.trade-outlier-note.low{color:#9a5a12}
.trade-outlier-note.high{color:#a04861}
.sale-card.trade-outlier-low,.compare-row.trade-outlier-low,.purchase-guide-sale-row.trade-outlier-low,.sale-guide-reference-row.trade-outlier-low{border-color:rgba(245,158,11,.34)}
.sale-card.trade-outlier-high,.compare-row.trade-outlier-high,.purchase-guide-sale-row.trade-outlier-high,.sale-guide-reference-row.trade-outlier-high{border-color:rgba(225,74,113,.28)}
.sale-guide-reference-row .trade-outlier-badge{margin-left:7px;vertical-align:middle}
.sale-guide-reference-row .trade-outlier-note{max-width:360px}
@media (prefers-color-scheme:dark){
  .trade-outlier-badge.low{color:#ffc36f;background:rgba(245,158,11,.14)}
  .trade-outlier-badge.high{color:#ff9bb6;background:rgba(225,74,113,.12)}
  .trade-outlier-note.low{color:#e8ad62}
  .trade-outlier-note.high{color:#ef9db3}
}

/* v150 · 구매가이드 상세조건 필터 + 펼친 실전후보 전투력 계산 */
.purchase-guide-sale-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.purchase-guide-sale-actions .secondary-button.subtle{opacity:.82}
.purchase-guide-condition-panel{border-top:1px dashed var(--line);padding-top:12px;display:grid;gap:10px}
.purchase-guide-condition-fixed,.purchase-guide-condition-lines{display:flex;gap:7px;flex-wrap:wrap}
.purchase-guide-condition-fixed>span{padding:6px 9px;border-radius:999px;background:rgba(69,126,255,.07);border:1px solid rgba(69,126,255,.14);font-size:11px;font-weight:700}
.purchase-guide-condition-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:11px;line-height:1.3}
.purchase-guide-condition-chip>b{font-size:10px;color:var(--muted)}
.purchase-guide-condition-chip.relevant{border-color:rgba(56,178,109,.20);background:rgba(56,178,109,.055)}
.purchase-guide-condition-chip.utility{border-color:rgba(112,93,200,.18);background:rgba(112,93,200,.05)}
.purchase-guide-condition-chip.mismatch,.purchase-guide-condition-chip.secondary{border-color:rgba(245,158,11,.18);background:rgba(245,158,11,.04)}
.purchase-guide-condition-chip.ignored{opacity:.52}
.purchase-guide-condition-chip small{font-size:9px;color:var(--muted)}
.purchase-guide-condition-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.purchase-guide-condition-actions small{color:var(--muted);font-size:10px;line-height:1.4;flex:1;min-width:220px}
.purchase-guide-condition-empty{color:var(--muted);font-size:11px}
.purchase-guide-active-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid rgba(69,126,255,.25);border-radius:14px;background:rgba(69,126,255,.055);margin-bottom:4px}
.purchase-guide-active-filter>div{display:grid;gap:3px;min-width:0}
.purchase-guide-active-filter span{font-size:10px;font-weight:800;color:var(--accent)}
.purchase-guide-active-filter strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.purchase-guide-active-filter small{font-size:10px;color:var(--muted)}
@media(max-width:760px){.purchase-guide-sale-actions{display:grid;grid-template-columns:1fr 1fr}.purchase-guide-sale-actions .secondary-button{width:100%}.purchase-guide-active-filter{align-items:stretch;display:grid}.purchase-guide-active-filter>.secondary-button{width:100%}.purchase-guide-condition-actions{display:grid}.purchase-guide-condition-actions small{min-width:0}}

/* v151: richer seller-guide analysis without adding extra requests */
.sale-guide-detail-panel{margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,rgba(83,101,216,.035),rgba(83,101,216,.012))}.sale-guide-detail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.sale-guide-detail-heading h3{margin:3px 0 0;font-size:18px}.sale-guide-detail-heading small{color:var(--muted);font-size:11px}.sale-guide-analysis-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.sale-guide-analysis-flow>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--surface)}.sale-guide-analysis-flow span,.sale-guide-analysis-flow strong,.sale-guide-analysis-flow small{display:block}.sale-guide-analysis-flow span{font-size:11px;color:var(--muted)}.sale-guide-analysis-flow strong{margin:4px 0 2px;font-size:17px}.sale-guide-analysis-flow small{font-size:10px;color:var(--muted);line-height:1.4}.sale-guide-detail-scope{display:flex;gap:10px;align-items:flex-start;margin-top:9px;padding:11px 12px;border-radius:11px;background:var(--surface-soft)}.sale-guide-detail-scope strong{font-size:12px;white-space:nowrap}.sale-guide-detail-scope span{font-size:11px;line-height:1.5;color:var(--muted)}.sale-guide-option-breakdown{display:grid;gap:8px;margin-top:12px}.sale-guide-option-breakdown>div{display:grid;grid-template-columns:138px minmax(0,1fr);gap:10px;align-items:start}.sale-guide-option-breakdown>div>span:first-child{font-size:11px;font-weight:800;color:var(--muted);padding-top:5px}.sale-guide-detail-chips{display:flex;flex-wrap:wrap;gap:5px}.sale-guide-detail-chips span{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:10px}.sale-guide-detail-chips.core span{border-color:rgba(83,101,216,.24);background:rgba(83,101,216,.055);color:#5365d8}.sale-guide-detail-chips.support span{background:rgba(70,130,180,.045)}.sale-guide-detail-chips.special span{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.055);color:#9a6600}.sale-guide-detail-chips.ignored span{opacity:.66}.sale-guide-detail-empty{font-size:11px;color:var(--muted);padding-top:5px}.sale-guide-detail-caption{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.sale-guide-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.sale-guide-quality-grid>div{border-top:1px solid var(--line);padding:9px 3px 1px}.sale-guide-quality-grid span,.sale-guide-quality-grid strong{display:block}.sale-guide-quality-grid span{font-size:10px;color:var(--muted)}.sale-guide-quality-grid strong{margin-top:3px;font-size:12px}.sale-guide-match-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.sale-guide-match-tags span{display:inline-flex;padding:3px 6px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:9px;color:var(--muted)}.sale-guide-match-tags span.good{border-color:rgba(52,168,83,.22);background:rgba(52,168,83,.05);color:#268a46}.sale-guide-match-tags span.near{border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.05);color:#9a6600}.sale-guide-match-tags span.muted{opacity:.62}
@media (max-width:820px){.sale-guide-analysis-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-guide-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-guide-option-breakdown>div{grid-template-columns:1fr;gap:4px}.sale-guide-detail-heading{align-items:flex-start}.sale-guide-detail-scope{display:block}.sale-guide-detail-scope span{display:block;margin-top:4px}}

/* v153 · 장비 부위 자동 인식 실패 시 직접 교체 장비 선택 */
.purchase-manual-replacement {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px dashed #cfd9d3;
  border-radius: 10px;
  background: #f8faf9;
}
.purchase-manual-replacement > div { display: grid; gap: 2px; }
.purchase-manual-replacement strong { font-size: 10px; color: #42534a; }
.purchase-manual-replacement span { font-size: 9px; line-height: 1.45; color: #7a867f; }
.purchase-manual-replacement select {
  width: 100%;
  min-height: 36px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #d6dfda;
  border-radius: 9px;
  background: #fff;
  color: #34463c;
  font: inherit;
  font-size: 10px;
}
.purchase-guide-current-equipment .purchase-manual-replacement {
  border-style: solid;
  border-color: var(--line);
  border-radius: 14px;
  background: var(--surface-soft);
}
.purchase-guide-current-equipment .purchase-manual-replacement strong { color: inherit; font-size: 13px; }
.purchase-guide-current-equipment .purchase-manual-replacement span { color: var(--muted); font-size: 12px; }
.purchase-guide-current-equipment .purchase-manual-replacement select {
  min-height: 42px;
  border-color: var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: inherit;
  font-size: 13px;
}

/* v221: 가격 숫자는 정밀 계산 완료 후에만 표시하고 계산 진입점을 강조한다. */
#saleGuideRefreshAll.sale-guide-precision-button {
  border: 0;
  background: linear-gradient(135deg, #5967e9, #7857d9);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 8px 22px rgba(89, 103, 233, .25);
  white-space: nowrap;
}

#saleGuideRefreshAll.sale-guide-precision-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(89, 103, 233, .32);
}

#saleGuideRefreshAll.sale-guide-precision-button:disabled {
  cursor: wait;
  opacity: .72;
  transform: none;
}

.sale-guide-equipment-price.precision-ready {
  display: grid;
  gap: 4px;
  justify-items: end;
  color: #4e5bd4;
  font-size: 12px;
  font-weight: 950;
}

.sale-guide-equipment-price.precision-ready em {
  display: inline-block;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(89, 103, 233, .12);
  color: #4e5bd4;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.sale-guide-equipment-card:hover .sale-guide-equipment-price.precision-ready em,
.sale-guide-equipment-card.selected .sale-guide-equipment-price.precision-ready em {
  background: #5967e9;
  color: #fff;
}

@media (max-width: 820px) {
  #saleGuideRefreshAll.sale-guide-precision-button {
    width: 100%;
    margin-top: 13px;
  }

  .sale-guide-equipment-price.precision-ready em {
    padding: 4px 6px;
  }
}


/* v232 · 가이드 공통 로딩 / 캐릭터 요약 / 장비별 전투력 기여 추정 */
.guide-loading-state{min-height:120px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-soft);display:grid;place-items:center;align-content:center;gap:6px;padding:22px;text-align:center;color:var(--muted)}
.guide-loading-state strong{color:var(--text);font-size:15px}.guide-loading-state span:not(.guide-spinner),.guide-loading-state small{font-size:12px;line-height:1.5}
.guide-spinner{width:28px;height:28px;border:3px solid rgba(89,103,233,.18);border-top-color:#5967e9;border-radius:50%;animation:guideSpin .8s linear infinite;margin-bottom:4px}
@keyframes guideSpin{to{transform:rotate(360deg)}}
.primary-search-button.is-loading,.sale-guide-precision-button.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.primary-search-button.is-loading::before,.sale-guide-precision-button.is-loading::before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.38);border-top-color:currentColor;border-radius:50%;animation:guideSpin .8s linear infinite;flex:0 0 auto}
.guide-character-summary .guide-character-overview,.sale-guide-character-summary .guide-character-overview{grid-column:1/-1;display:grid;grid-template-columns:78px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,rgba(89,103,233,.08),rgba(89,103,233,.025));border-color:rgba(89,103,233,.22)}
.guide-character-avatar{width:72px;height:72px;display:grid!important;place-items:center;overflow:hidden;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:24px}.guide-character-avatar img{width:100%;height:100%;object-fit:contain}
.guide-character-copy,.guide-character-power,.guide-character-support{display:grid!important;gap:3px;min-width:0}.guide-character-copy strong{font-size:20px!important;margin:0!important}.guide-character-copy small,.guide-character-copy em,.guide-character-power small,.guide-character-power em,.guide-character-support small,.guide-character-support em{font-style:normal;color:var(--muted);font-size:11px}.guide-character-power,.guide-character-support{padding-left:14px;border-left:1px solid var(--line);min-width:142px}.guide-character-power strong,.guide-character-support strong{font-size:18px!important;margin:0!important}.guide-character-support.verified strong{color:#2d9b5c}
.equipped-power-contribution{display:grid!important;grid-template-columns:auto auto;justify-content:start;align-items:baseline;column-gap:6px;row-gap:1px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);white-space:normal!important;overflow:visible!important}.equipped-power-contribution b{font-size:10px;color:var(--muted);font-weight:800}.equipped-power-contribution strong{font-size:12px!important;color:#5365d8;margin:0!important}.equipped-power-contribution small{grid-column:1/-1;font-size:9px!important;color:var(--muted);white-space:normal!important;overflow:visible!important;line-height:1.3}
@media(max-width:820px){.guide-character-summary .guide-character-overview,.sale-guide-character-summary .guide-character-overview{grid-template-columns:60px minmax(0,1fr);gap:10px}.guide-character-avatar{width:56px;height:56px}.guide-character-power,.guide-character-support{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:8px 0 0;display:flex!important;align-items:baseline;gap:8px;min-width:0}.guide-character-power em,.guide-character-support em{margin-left:auto}.sale-guide-character-summary{grid-template-columns:1fr!important}.sale-guide-character-summary>div{grid-column:auto}.sale-guide-character-summary .guide-character-overview{grid-column:1/-1}.purchase-guide-equipped-card,.sale-guide-equipment-card{align-items:start}.equipped-power-contribution small{font-size:10px!important}}

/* v233 purchase funnel + larger character profile */
.purchase-guide-progress{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;overflow-x:auto}.purchase-guide-progress>span{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted);font-size:12px;font-weight:800}.purchase-guide-progress b{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:11px}.purchase-guide-progress em{font-style:normal}.purchase-guide-progress>i{color:var(--line-strong,#cbd3df);font-style:normal}.purchase-guide-progress>span.done{color:#3f51c8}.purchase-guide-progress>span.done b{color:#fff;background:#5967e9;border-color:#5967e9}.purchase-guide-progress>span.current{color:var(--text)}.purchase-guide-progress>span.current b{border-color:#5967e9;box-shadow:0 0 0 3px rgba(89,103,233,.12)}
.guide-character-summary .guide-character-overview,.sale-guide-character-summary .guide-character-overview{grid-template-columns:136px minmax(0,1fr) auto auto;min-height:140px;padding:12px 18px}.guide-character-avatar{width:124px;height:122px;border-radius:17px}.guide-character-avatar img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:scale(2.5);transform-origin:50% 57%}.guide-character-copy strong{font-size:20px!important}.guide-character-power strong{font-size:22px!important}.purchase-guide-character-card.has-profile .sale-guide-character-form{margin-top:12px}.purchase-guide-character-card.has-profile .sale-guide-character-summary{margin-top:14px}.purchase-guide-retry{margin-top:12px}
.purchase-guide-search-card{border-color:rgba(89,103,233,.16)}.purchase-guide-search-card:focus-within{border-color:rgba(89,103,233,.42);box-shadow:0 8px 26px rgba(89,103,233,.07)}.purchase-guide-sales-card{scroll-margin-top:84px}.purchase-guide-sale-row.selected{box-shadow:0 0 0 2px rgba(89,103,233,.12)}
@media(max-width:820px){.purchase-guide-progress{justify-content:flex-start;gap:7px;padding:10px 12px}.purchase-guide-progress>span{font-size:11px}.purchase-guide-progress b{width:22px;height:22px}.purchase-guide-progress>i{font-size:11px}.guide-character-summary .guide-character-overview,.sale-guide-character-summary .guide-character-overview{grid-template-columns:108px minmax(0,1fr);gap:12px;min-height:116px;padding:10px 12px}.guide-character-avatar{width:100px;height:100px;border-radius:15px}.guide-character-avatar img{width:100%;height:100%;transform:scale(2.35);transform-origin:50% 57%}.guide-character-copy strong{font-size:18px!important}.guide-character-power strong{font-size:20px!important}}
@media(max-width:430px){.purchase-guide-progress em{display:none}.purchase-guide-progress{justify-content:space-between}.purchase-guide-progress>i{flex:0 0 auto}.guide-character-summary .guide-character-overview,.sale-guide-character-summary .guide-character-overview{grid-template-columns:96px minmax(0,1fr)}.guide-character-avatar{width:90px;height:94px}.guide-character-avatar img{width:100%;height:100%;transform:scale(2.3);transform-origin:50% 57%}}