.trade-board{width:min(100%,1140px)}
.trade-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px;padding-bottom:25px;border-bottom:1px solid #bab1b8}
.trade-heading h1{font-size:clamp(32px,4vw,49px)}
.trade-heading .dot{color:#c91f36}
.trade-heading .sub{max-width:620px}
.trade-heading .back-btn{text-decoration:none;flex-shrink:0}
.trade-loading{padding:44px;text-align:center;color:#4a414a}
.side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.trade-side{display:flex;flex-direction:column;min-width:0;border:1px solid #3e353d;background:#18161d;color:#f6eff3;overflow:hidden;border-radius:5px}
.receive-side{border-top:3px solid #bd4e63}
.trade-side:not(.receive-side){border-top:3px solid #8b8092}
.side-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:20px 20px 17px;border-bottom:1px solid #3e3842}
.side-index{font-size:10px;letter-spacing:.14em;color:#bfb1bd;font-weight:800}
.side-heading h2{margin:4px 0 0;font-size:27px;letter-spacing:-.04em}
.side-sub{font-size:11px;color:#a9a0a9;text-align:right;max-width:160px}
.picker{display:flex;flex-direction:column;padding:20px;gap:8px;background:#211d25}
.picker label{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#c3bac4;margin-top:6px}
.picker input,.picker select{font:inherit;font-size:13px;background:#141219;border:1px solid #605360;color:#f9f5f8;border-radius:3px;padding:11px 12px;width:100%;outline:none;min-width:0}
.picker select:focus,.picker input:focus{border-color:#ec6c83}
.picker option{background:#17141b}
.picker-footer{display:flex;align-items:end;gap:12px;margin-top:2px}
.picker-footer label{max-width:100px;flex:0 0 100px;margin:0}
.picker-footer input{margin-top:8px}
.add-item{flex:1;background:#a51931;color:#fff;border:1px solid #c64d61;cursor:pointer;font:inherit;font-size:12px;font-weight:850;padding:12px 13px;min-height:43px;border-radius:3px}
.add-item:hover{background:#c02a44}
.add-item:disabled{opacity:.35;cursor:not-allowed}
.picker-price{font-size:11px;color:#c6b5bc;margin-top:6px;font-variant-numeric:tabular-nums}
.offer-rows{padding:14px;min-height:145px;display:flex;flex-direction:column;gap:8px}
.offer-empty{display:flex;align-items:center;justify-content:center;min-height:122px;color:#8f8791;font-size:12px;border:1px dashed #49414c;text-align:center}
.offer-line{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;background:#242129;border:1px solid #48404a}
.offer-line img,.offer-line .no-art{width:49px;height:49px;background:#0e0d13;object-fit:contain;flex:0 0 49px}
.offer-line .no-art{display:flex;justify-content:center;align-items:center;font-size:18px;color:#b2a3ad}
.offer-line-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.offer-line-text strong{font-size:12px;overflow-wrap:anywhere}
.offer-line-text small{font-size:11px;color:#b3a8b2}
.offer-line-price{font-size:12px;font-weight:900;white-space:nowrap}
.remove-line{font:inherit;border:1px solid #664854;background:none;color:#faa5b3;padding:4px 7px;cursor:pointer;flex-shrink:0}
.cash-field{margin:0 14px 14px;border:1px solid #4b424c;background:#1f1b23;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cash-field>span{font-size:12px;font-weight:750}
.cash-field div{display:flex;align-items:center;gap:7px;max-width:175px}
.cash-field div>span{color:#f1c571}
.cash-field input{width:100%;min-width:0;padding:9px;background:#100e15;border:1px solid #5c515c;color:#fff;font:inherit;text-align:right;font-size:13px}
.side-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-top:1px solid #564452;margin-top:auto;background:#120f16}
.side-total span{color:#aaa0ac;font-size:10px;letter-spacing:.11em;font-weight:850}
.side-total strong{font-size:22px;font-weight:900;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.trade-verdict{margin-top:25px;background:#17151b;border:1px solid #6e4650;border-top:3px solid #ba233b;color:#f4edf0;padding:22px 25px;border-radius:4px}
.verdict-title,.verdict-main,.comparison-labels{display:flex;align-items:center;justify-content:space-between;gap:15px}
.verdict-title .eyebrow{color:#ff8296}
.verdict-title h2{font-size:24px;margin:4px 0;letter-spacing:-.025em}
.reset-trade{font:inherit;color:#e5d4db;background:none;border:1px solid #69555e;padding:10px 15px;cursor:pointer;font-weight:700;font-size:12px}
.verdict-main{margin-top:23px;align-items:center}
.verdict-state{font-size:clamp(21px,3vw,32px);font-weight:950;letter-spacing:-.03em}
.verdict-state.win{color:#70e1aa}
.verdict-state.lose{color:#ff8d9e}
.verdict-state.fair{color:#d7c8f3}
.verdict-main p{margin:7px 0 0;color:#b8a7b1;font-size:12px;line-height:1.5}
.difference{text-align:right;display:flex;flex-direction:column;gap:5px}
.difference span{font-size:9px;letter-spacing:.13em;color:#b8a6af;font-weight:850}
.difference strong{font-size:24px;font-variant-numeric:tabular-nums}
.comparison-track{height:7px;background:#43333c;margin-top:20px;position:relative;overflow:hidden;border-radius:12px}
.comparison-track span{display:block;width:50%;height:100%;background:#bc304a;transition:width .2s}
.comparison-labels{color:#c4b3bd;font-size:11px;margin-top:9px;font-variant-numeric:tabular-nums}
.assessment-note{font-size:11px;color:#aaa0a9;margin:22px 0 0;line-height:1.65;padding-top:13px;border-top:1px solid #3c323c}
@media(max-width:800px){.side-grid{grid-template-columns:1fr}.trade-heading{align-items:flex-start;flex-wrap:wrap}.side-heading h2{font-size:23px}}
@media(max-width:460px){.trade-board{padding:20px 13px}.side-heading,.picker{padding:14px}.verdict-title,.verdict-main{align-items:flex-start}.verdict-main{flex-direction:column}.difference{text-align:left}.trade-verdict{padding:16px}.side-total strong{font-size:19px}.offer-line-price{font-size:11px}}