.album-trading{margin:24px 0 32px;padding:clamp(16px,2.5vw,28px);border:1px solid #bfcbbd;border-radius:22px;background:linear-gradient(120deg,#fbfffaf5,#f5f1e8f5);box-shadow:var(--dream-shadow);color:#2a5147}.album-trade-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.album-trade-heading h2{margin:7px 0 9px;font:700 29px/1.2 Georgia,serif}.album-trade-heading p{margin:0;max-width:750px;font:500 13px/1.65 system-ui;color:#5a6e60}.album-trading button{min-height:44px;padding:10px 14px;border:1px solid #afc3b3;border-radius:10px;background:#fbfff8;color:#315c4e;font:700 12px/1.4 system-ui;cursor:pointer}.album-trading button:disabled{cursor:default;opacity:.6}.album-trading .trade-confirm,.album-trade-review .trade-confirm{background:linear-gradient(#3c806b,#2e6554);border:1px solid #2b6253;color:#fff;box-shadow:0 4px 9px #335f4e22}.album-trade-refresh{flex:none}.album-trade-status{min-height:1.5em;margin:16px 0;font:600 12px/1.6 system-ui;color:#4e7660}.album-trade-status[data-error=true]{color:#a04451}.trade-inventory-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid #ced8c9;border-radius:11px;background:#ebf3e7;font:600 13px/1.5 system-ui}.trade-inventory-summary span{color:#60715e}.trade-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.35fr);gap:20px;margin-top:20px}.trade-create,.trade-offers,.trade-own-offers{min-width:0;padding:18px;border:1px solid #d1d8c7;border-radius:15px;background:#fffdf7c9;box-shadow:0 5px 14px #354a3020}.album-trading h3{margin:0 0 12px;font:700 21px/1.25 Georgia,serif}.trade-create>p{margin:0 0 16px;font:500 12px/1.6 system-ui;color:#64735f}.trade-create-form label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font:700 12px/1.4 system-ui}.trade-create-form select{width:100%;max-width:100%;min-height:46px;padding:9px 10px;border:1px solid #afbfab;border-radius:8px;background:#fffefa;color:#355546;font:500 13px/1.5 system-ui}.trade-choice-values{font:500 12px/1.6 system-ui;color:#68735d}.trade-create-form>.trade-confirm{width:100%;margin-top:8px}.trade-board-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:13px}.trade-board-head h3{margin:0}.trade-missing-filter{display:flex;align-items:center;gap:7px;font:500 11px/1.5 system-ui}.trade-missing-filter input{width:18px;height:18px;accent-color:#3c7e69}.trade-offer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:10px 0;padding:13px;border:1px solid #d2d8c6;border-radius:12px;background:#f5f9ef}.trade-offer-names{display:flex;flex-direction:column;gap:5px;min-width:0}.trade-offer-names strong{font:700 16px/1.35 Georgia,serif;overflow-wrap:anywhere}.trade-offer-names span{font:600 12px/1.4 system-ui}.trade-offer-names small{font:500 11px/1.5 system-ui;color:#68775f}.trade-offer button{max-width:160px;flex:none}.trade-empty,.trade-loading{margin:10px 0;font:500 13px/1.65 system-ui;color:#65755f}.trade-own-offers{margin-top:20px}.trade-own-offer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 0;border-top:1px solid #d6dccd}.trade-own-offer span{font:600 13px/1.6 system-ui}.trade-own-offer button{flex:none}.album-trading button:focus-visible,.album-trade-review button:focus-visible{outline:3px solid #59a69c;outline-offset:3px}
.album-trade-review{width:min(680px,calc(100vw - 30px));max-width:680px;max-height:calc(100dvh - 40px);box-sizing:border-box;padding:clamp(20px,4vw,34px);border:1px solid #b9cdb8;border-radius:23px;background:linear-gradient(125deg,#fffdf7,#edf3e7);color:#2b5147;box-shadow:0 22px 80px #112d3266;overflow:auto;scrollbar-gutter:stable}.album-trade-review::backdrop{background:#152b3b99;backdrop-filter:blur(5px)}.album-trade-review h2{margin:0 35px 14px 0;font:700 26px/1.2 Georgia,serif}.album-trade-review>p{font:500 13px/1.7 system-ui}.album-trade-review button{min-height:44px;padding:10px 15px;border:1px solid #afc3b3;border-radius:10px;background:#fcfff7;color:#345e4f;font:700 13px/1.4 system-ui;cursor:pointer}.album-trade-review .trade-review-close{position:absolute;right:14px;top:12px;min-width:44px;padding:4px;background:transparent;border:0;font-size:25px}.trade-review-pair{display:grid;grid-template-columns:1fr 32px 1fr;gap:12px;align-items:center;margin:22px 0}.trade-card-face{display:flex;min-height:205px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 10px;text-align:center;border:2px solid var(--trade-color);border-radius:13px;background:linear-gradient(145deg,#fffdf2,#ebe4d3);box-shadow:0 8px 18px #3b4c352d}.trade-card-face small{font:700 11px/1.4 system-ui;text-transform:uppercase;letter-spacing:.08em;color:#64765e}.trade-card-icon{font:54px/1 Georgia,serif;color:var(--trade-color)}.trade-card-face strong{font:700 20px/1.3 Georgia,serif}.trade-card-face span:not(.trade-card-icon){font:500 12px/1.4 system-ui}.trade-card-face b{font:700 12px/1.4 system-ui;color:#7d6032}.trade-direction{font:26px/1 Georgia,serif;text-align:center;color:#64816b}.trade-review-safe{padding:11px 14px;border-radius:10px;background:#dcebd6;color:#446349}.trade-review-error{min-height:1.5em;color:#a54455}.trade-review-controls{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
body.dark .album-trading{background:linear-gradient(120deg,#29283df5,#30283cf5);border-color:#766d88;color:#f2e9eb}body.dark .album-trade-heading p,body.dark .trade-create>p,body.dark .trade-choice-values,body.dark .trade-empty,body.dark .trade-loading,body.dark .trade-offer-names small{color:#cfc8d5}body.dark .trade-inventory-summary{background:#35433e;border-color:#6d8172}body.dark .trade-inventory-summary span,body.dark .album-trade-status{color:#bad8c7}body.dark .album-trade-status[data-error=true]{color:#ffbccb}body.dark .trade-create,body.dark .trade-offers,body.dark .trade-own-offers{background:#352d44;border-color:#756781}body.dark .album-trading button{background:#414f46;color:#e1eee3;border-color:#7d9581}body.dark .album-trading .trade-confirm{background:#356d60;color:#fff}body.dark .trade-create-form select{background:#30293d;color:#efe8f3;border-color:#84718c}body.dark .trade-offer{background:#423849;border-color:#796e7c}body.dark .trade-own-offer{border-color:#72677b}body.dark .album-trade-review{background:linear-gradient(125deg,#352d45,#25263b);color:#f2e8f3;border-color:#81708c}body.dark .trade-card-face{background:linear-gradient(145deg,#4a3d55,#352c43);color:#f4eaf4}body.dark .trade-card-face small,body.dark .trade-card-face b{color:#e2cfaa}body.dark .trade-review-safe{background:#345349;color:#d4ecda}body.dark .trade-review-error{color:#ffbdcd}body.dark .trade-direction{color:#cfdfd1}
@media(max-width:850px){.trade-layout{grid-template-columns:1fr}.album-trade-heading{display:block}.album-trade-refresh{margin-top:14px}}
@media(max-width:500px){.album-trading{padding:16px 12px}.album-trade-heading h2{font-size:25px}.trade-create,.trade-offers,.trade-own-offers{padding:14px}.trade-offer{display:block}.trade-offer button{margin-top:12px;max-width:none;width:100%}.trade-own-offer{display:block}.trade-own-offer button{margin-top:10px;width:100%}.trade-review-pair{gap:7px;grid-template-columns:1fr 22px 1fr}.trade-card-face{min-height:195px;padding:12px 7px}.trade-card-face strong{font-size:16px}.trade-card-face small{font-size:9px}.trade-card-icon{font-size:43px}.trade-direction{font-size:22px}.trade-review-controls{flex-direction:column-reverse}.trade-review-controls button{width:100%}}