/*!b:s3cbce645*/
#tab-marginal { --spec-glass: color-mix(in srgb, var(--panel) 88%, transparent); }
#tab-marginal .tab-intro h1,#tab-marginal .specup-heading { font-family:var(--font-display); font-weight:700; margin:0 0 6px; font-size:22px; line-height:1.3; letter-spacing:-.04em; }
#tab-marginal .cmp-lead { font-size:13px; line-height:1.55; font-weight:500; margin:6px 0 12px; }
.specup-controls { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr) auto; align-items:center; gap:12px; padding:12px 14px; margin-bottom:14px; border:1px solid var(--accent-line); border-radius:12px; background:linear-gradient(115deg,var(--accent-soft),var(--panel)); }
.specup-controls label { font-size:13px; font-weight:700; }
.specup-controls select { width:100%; min-height:36px; margin-top:5px; font-size:13px; border-radius:8px; }
.specup-controls p { margin:4px 0 0; font-size:13px; }
.specup-controls .specup-sale { display:flex; align-items:center; gap:8px; }
.specup-sale input { width:16px; height:16px; accent-color:var(--accent); }
.specup-eyebrow { display:block; font-size:12px; font-weight:700; color:var(--accent-text); letter-spacing:.02em; }
.specup-total>span::before,.specup-money .specup-eyebrow::before,.specup-price>span::before { content:""; display:inline-block; width:18px; height:18px; margin-right:5px; vertical-align:middle; background:url('../img/meso-gold-coin.png') center/contain no-repeat; image-rendering:pixelated; }
#tab-marginal .cmp-sets { grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:12px; }
#tab-marginal .cmp-card { border:1px solid var(--accent-line); border-radius:14px; overflow:hidden; background:var(--spec-glass); backdrop-filter:blur(16px); box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 8%,transparent); }
#tab-marginal .cmp-card .card-head { min-height:48px; flex-wrap:wrap; gap:6px; padding:9px 12px; background:linear-gradient(130deg,var(--accent-soft),var(--panel)); }
#tab-marginal .card-h { font-size:16px; margin-right:auto; }
#tab-marginal .cmp-card .card-body { padding:12px; }
#tab-marginal .btn-ghost { min-height:32px; padding:5px 9px; font-size:12px; border:1px solid var(--line); border-radius:10px; background:var(--panel); }
#tab-marginal .cmp-sets>.cmp-inven-card { grid-column:1/-1; display:block; border-radius:18px; }
#tab-marginal .cmp-inven-card .card-body { max-height:240px; overflow:auto; }
#tab-marginal .cmp-inven-card .inven-grid { grid-template-columns:repeat(auto-fill,minmax(54px,1fr)); }
#tab-marginal .hint { font-size:12px; line-height:1.55; }
.specup-total { margin-top:10px; padding:10px 12px; border-radius:9px; background:var(--accent-soft); }
.specup-total>span { font-size:12px; color:var(--muted); }
.specup-total strong { display:block; font-size:20px; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.specup-total small,.specup-money small { font-size:12px; font-weight:500; }
.specup-total p { margin:3px 0 0; font-size:12px; color:var(--muted); }
#tab-marginal>#compare-result { display:block; margin-top:14px; padding:0; border:0; background:none; }
.specup-money { padding:12px 14px; border-radius:12px; border:1px solid var(--accent-line); background:linear-gradient(120deg,var(--accent-soft),var(--panel)); }
.specup-money strong { display:block; font-size:25px; letter-spacing:-.04em; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; margin:4px 0; }
.specup-money p { margin:3px 0 0; font-size:12px; line-height:1.5; }
.specup-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
.specup-metric { padding:13px; border:1px solid var(--line); border-radius:12px; background:var(--panel); min-width:0; }
.specup-metric h3 { margin:0 0 8px; font-size:14px; }
.specup-equivalent { border-color:var(--accent-line); background:linear-gradient(135deg,var(--accent-soft),var(--panel)); }
.specup-equiv-note { font-size:12px; line-height:1.5; color:var(--muted); margin:8px 0 0; }
.specup-before { margin:6px 0 10px; font-size:12px; color:var(--muted); line-height:1.5; overflow-wrap:anywhere; }
.specup-metric>strong { display:block; font-size:21px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.specup-metric>strong small { font-size:12px; }
.specup-per { border-top:1px solid var(--line); margin-top:10px; padding-top:10px; display:flex; gap:8px; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.specup-per span { font-size:12px; color:var(--muted); }
.specup-per b { font-size:16px; color:var(--accent-text); overflow-wrap:anywhere; }
.specup-footnote,.specup-notice { font-size:12px; line-height:1.55; color:var(--muted); padding:0 4px; }
.specup-details { margin:12px 0; padding:10px 12px; border:1px solid var(--line); border-radius:10px; }
.specup-details summary { cursor:pointer; font-size:13px; font-weight:700; min-height:24px; }
.specup-inventory { margin:12px 0; padding:10px 12px; border:1px solid var(--line); border-radius:10px; }
.specup-inventory>summary { cursor:pointer; font-size:13px; font-weight:700; min-height:24px; }
.specup-inventory .cmp-inven-card { display:block; margin-top:16px; }
#tab-marginal .cmp-sets .inven-open-btn { display:flex; }
.specup-price { display:block; margin:20px 0 12px; padding:18px; border-radius:14px; background:var(--accent-soft); font-size:16px; font-weight:700; }
.specup-price input { display:block; width:100%; box-sizing:border-box; min-height:48px; margin-top:10px; font-size:20px; }
.specup-price small { display:block; font-size:13px; font-weight:400; line-height:1.6; margin-top:8px; }
.kill-marginal { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.kill-marginal h2 { font-size:20px; }
.kill-marginal .mg-layout { grid-template-columns:1fr; }
@media(max-width:860px) {
 .specup-controls { grid-template-columns:1fr; gap:10px; }
 #tab-marginal .cmp-sets { grid-template-columns:1fr; }
 .specup-metrics { grid-template-columns:1fr; }
 #tab-marginal .cmp-card .card-body { padding:10px; }
 #tab-marginal .cmp-card .card-head { padding:10px; }
 .specup-money,.specup-metric { padding:12px; }
}

#tab-marginal .tab-intro { margin-bottom:10px; }
#tab-marginal .tab-intro__lead { font-size:13px; line-height:1.5; margin:4px 0 0; }
#tab-marginal .cmp-card .equip-grid { max-width:320px; margin-inline:auto; }
.specup-total { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:3px 10px; }
.specup-total strong { text-align:right; }
.specup-total p { grid-column:1/-1; }
.specup-money { display:grid; grid-template-columns:minmax(180px,1fr) minmax(0,1.4fr); gap:2px 18px; align-items:center; }
.specup-money>div { grid-row:1/3; }
#tab-marginal .cmp-calc { margin-top:12px; gap:10px; }
#tab-marginal .cmp-calc .btn { font-size:13px; padding:7px 12px; }
@media(max-width:860px) {
 .specup-money { grid-template-columns:1fr; gap:2px; }
 .specup-money>div { grid-row:auto; }
 #tab-marginal .tab-intro h1,#tab-marginal .specup-heading { font-size:20px; }
 .specup-controls select { font-size:16px; min-height:40px; }
 #tab-marginal .btn-ghost { min-height:36px; }
 #tab-marginal .cmp-card .card-h { flex-shrink:0; white-space:nowrap; }
 #tab-marginal .cmp-card .card-head:has(#btn-cmp-b-stat) .card-h { flex-basis:100%; }
}
.specup-price>span::before { width:22px; height:22px; margin-right:7px; }
