#window-trade{width:580px;max-width:calc(100vw - 105px);border:12px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 12px / 0 round;background:#171d15;box-shadow:0 6px 20px #0007}
#window-trade .window-header{background:#928166 url('/assets/ui/native-detail-wood.png') repeat;color:#211d14}
#window-trade .window-body{padding:8px;max-height:calc(100dvh - 150px);overflow:auto}
#window-trade .trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#window-trade section{min-width:0}#window-trade h3{font-size:15px;margin:5px 0 8px;color:#e1ce9f}#window-trade label{display:block;font-size:12px;color:#d2c9ab}
#window-trade input,#window-trade select{box-sizing:border-box;width:100%;min-height:32px;margin-top:4px;border:4px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 4px / 0 round;background:#101a12;color:#eaddba;box-shadow:inset 0 2px 7px #0007}
#window-trade button{min-height:32px;padding:3px 10px;border:5px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 5px / 0 round;background:#3e4934;color:#f1dfb0;font-size:13px}
#window-trade button:disabled{opacity:.5}#window-trade .trade-slots{min-height:95px;padding:7px;border:5px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 5px / 0 round;box-shadow:inset 0 3px 12px #0006}
.trade-item{display:flex;gap:6px;align-items:center;margin:4px 0;font-size:12px}.trade-item span{flex:1}.trade-item .native-item-icon,.trade-item canvas{flex:0 0 32px;max-width:32px;max-height:32px}.trade-picker{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:6px;margin:7px 0}.trade-picker button{grid-column:1 / -1}.trade-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}.trade-neighbor{display:flex;align-items:center;justify-content:space-between;margin:5px 0}.trade-note{font-size:11px;line-height:1.5;color:#c6bea7}.trade-empty{color:#aaa286;font-size:12px}.trade-confirm-state{color:#ddd091}.trade-invite{padding:10px;background:#3a3b29;margin-bottom:8px}
.touch-client #window-trade{width:560px;max-width:calc(100vw - 155px)}
.trade-neighbor small{display:block;color:#bcb092;font-size:11px;margin-top:2px}
#window-trade [data-trade-feedback]{font-size:12px;min-height:16px;color:#efce91}
#window-trade .trade-item span{overflow-wrap:anywhere}
#window-trade .trade-actions{position:sticky;bottom:0;background:#171d15;padding:6px 0}
.touch-client #window-trade .window-body{max-height:calc(100dvh - 92px)}
#window-trade .trade-review{flex-basis:100%;font-size:12px;line-height:1.5;color:#ead6aa;max-height:62px;overflow:auto;overflow-wrap:anywhere}
.touch-client #window-trade .trade-slots{min-height:48px;max-height:80px;overflow:auto;padding:4px}
.touch-client #window-trade .trade-note,.touch-client #window-trade .trade-confirm-state{margin:4px 0}
#window-tradebag{width:310px;max-width:calc(100vw - 100px);border:10px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 10px / 0 round;background:#171d15}
#window-tradebag .window-header{background:#736247 url('/assets/ui/native-detail-wood.png');color:#ead6aa}
#window-tradebag .window-body{padding:6px;max-height:calc(100dvh - 115px);overflow:auto}
.trade-bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;max-height:250px;overflow:auto}
.trade-bag-grid button{position:relative;min-height:36px;padding:0;border:1px solid #89754c;background:#111913;touch-action:none}
.trade-bag-grid button:disabled{opacity:.4}.trade-bag-grid b{position:absolute;right:2px;bottom:0;color:#ecd4a4;font-size:10px}
.trade-bag-grid canvas,.trade-bag-grid .native-item-icon{width:30px;height:30px}.trade-bag-note{font-size:11px;color:#cec09d;margin:4px 0;line-height:1.5}
#window-trade .trade-drop-zone{outline:1px dashed #ad9360;outline-offset:-6px}#window-trade .trade-drop-zone.drag-over{background:#494d2b;outline:2px solid #eaca82}
.trade-drag-ghost{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);padding:5px;background:#242817d9;border:1px solid #edcf88}
.trade-drag-ghost b{display:none}
.touch-client.trading-active #window-trade{width:calc((100vw - 100px)*.62);max-width:none}
.touch-client.trading-active #window-tradebag{width:calc((100vw - 100px)*.38 - 8px);max-width:none}
.touch-client.trading-active #window-trade .trade-columns{gap:7px}
.desktop-client.touch-client.trading-active :is(#window-trade,#window-tradebag){left:var(--trade-window-left,4px)!important;transform:none!important}
#window-tradebag .trade-bag-grid button{min-height:36px;min-width:0;padding:0;border:1px solid #89754c;border-image:none;background:#111913;box-shadow:inset 0 1px 4px #0008}
.desktop-client.touch-client :is(#window-trade,#window-tradebag) .window-header :is([data-close],[data-minimize]){border:0;border-image:none;background:url('/assets/ui/native-round-bezel.png') center/24px 24px no-repeat;color:#efdfba;box-shadow:none;padding:0;min-height:26px;width:26px;font:20px/1 var(--font)}

/* 2026-10-14：交易背包裡穿戴中的裝備（點選會先卸下再放入） */
.trade-bag-grid button.worn{outline:1px dashed #c9a85a;outline-offset:-2px}
.trade-bag-grid button.worn b{color:#f0cf7a}