/* Échange entre joueurs : fenêtre Rétro (parchemin, barre de titre brune, cases enfoncées), toasts, fiche d'objet, menu joueur. */
#trade-veil{position:fixed;inset:0;z-index:33;background:#16120b66;backdrop-filter:saturate(.85)}:where(html[data-theme="nuit"]) #trade-veil{background:#0c0f1566}
#trade-window{--tr-paper:var(--window-paper,#e5dfc4);--tr-well:#d5cfaa;--tr-deep:#beb998;--tr-frame:var(--rs-frame,#5b5242);--tr-dark:var(--rs-frame-dark,#221d14);--tr-orange:var(--rs-orange,#e8780c);--tr-ink:#1b1710;--tr-dim:#5a523e;
 position:fixed;left:50%;top:50%;z-index:37;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;border:2px solid var(--tr-frame);border-radius:3px;background:var(--tr-paper);color:var(--tr-ink);box-shadow:0 0 0 1px #000a,inset 0 0 0 1px #fff9,0 14px 40px #000a;font:12px/1.4 Verdana,Tahoma,"DejaVu Sans",sans-serif;animation:trade-in .16s ease-out}:where(html[data-theme="nuit"]) #trade-window{--tr-frame:var(--rs-frame,#3c4961)}
#trade-window[hidden],#trade-veil[hidden],#trade-tip[hidden],#trade-player-menu[hidden],#trade-window [hidden]{display:none!important}
#trade-window.is-nudge{animation:trade-nudge .28s ease-in-out}
@keyframes trade-in{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes trade-nudge{25%{transform:translate(calc(-50% - 5px),-50%)}75%{transform:translate(calc(-50% + 5px),-50%)}}
#trade-window button{font:700 12px/1.2 Verdana,Tahoma,sans-serif;color:var(--tr-ink);cursor:pointer}
#trade-window button:disabled{cursor:default;filter:grayscale(.5);opacity:.6}
.trade-bar{display:flex;align-items:center;gap:8px;min-height:30px;padding:3px 4px 3px 8px;background:linear-gradient(180deg,#6b6150,#4a4234 55%,#3b3428);border-bottom:1px solid #1d1910;cursor:default}:where(html[data-theme="nuit"]) .trade-bar{background:linear-gradient(180deg,#475874,#303b4e 55%,#252e3e);border-bottom:1px solid #10151d}
.trade-bar-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #9a8f70;border-radius:2px;background:#2c261b}:where(html[data-theme="nuit"]) .trade-bar-icon{background:#1a212d}.trade-bar-icon img{width:16px;height:16px}
.trade-bar h2{margin:0;font:700 14px/1.2 Verdana,Tahoma,sans-serif;color:#fff6dc;text-shadow:0 1px 0 #000a;letter-spacing:.02em}
.trade-with{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3d9a6;font-weight:700;font-size:12px}.trade-with:before{content:"\b7  "}
#trade-window .trade-close{width:24px;height:24px;padding:0;border:1px solid #9a8f70;border-radius:2px;background:#2c261b;color:#fff3d6;font:700 16px/1 Verdana,sans-serif}:where(html[data-theme="nuit"]) #trade-window .trade-close{background:#1a212d}
#trade-window .trade-close:hover{background:#a33025}
.trade-body{display:flex;flex-direction:column;gap:8px;padding:10px;overflow:auto;min-height:0}
.trade-panels{display:grid;grid-template-columns:1fr 26px 1fr;gap:6px;align-items:stretch}
.trade-side{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid #8a7f5c;border-radius:2px;background:var(--tr-well);box-shadow:inset 0 1px #f3eed6,inset 0 -1px #0000001a;transition:box-shadow .2s,border-color .2s}:where(html[data-theme="nuit"]) .trade-side{border:1px solid #566b90}
.trade-side>header{display:flex;align-items:center;gap:7px;min-height:34px}
.trade-face{width:30px;height:30px;border:1px solid var(--tr-frame);border-radius:2px;background:#efe9cf}
.trade-side>header div{flex:1;min-width:0;display:flex;flex-direction:column}
.trade-side small{font-size:12px;font-weight:700;color:var(--tr-dim);text-transform:uppercase;letter-spacing:.03em}
.trade-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.trade-badge{flex:none;padding:2px 7px;border:1px solid #8a7f5c;border-radius:2px;background:#efe9cf;font-weight:700;font-size:12px;color:var(--tr-dim)}:where(html[data-theme="nuit"]) .trade-badge{border:1px solid #566b90}
.trade-badge[data-state=ready]{border-color:#2f6b12;background:#cfe7b5;color:#1d4a07}.trade-badge[data-state=ready]:before{content:"\2713  "}
.trade-side.is-ready{border-color:#3f7f1c;box-shadow:inset 0 1px #f3eed6,0 0 0 2px #7fb05a99}
.trade-side.is-changed{animation:trade-changed 1.2s ease-out}
@keyframes trade-changed{0%,30%{box-shadow:0 0 0 3px var(--tr-orange),inset 0 0 18px #e8780c55}100%{box-shadow:inset 0 1px #f3eed6}}
.trade-grid,.trade-bag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:4px;border:1px solid #8a7f5c;background:var(--tr-deep);box-shadow:inset 0 2px 4px #0003}:where(html[data-theme="nuit"]) .trade-grid,:where(html[data-theme="nuit"]) .trade-bag-grid{border:1px solid #566b90}
.trade-grid{min-height:96px;align-content:start}
.trade-cell{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:0;border:1px solid #9f976f;border-radius:2px;background:linear-gradient(#cfc9a6,#c2bb96);box-shadow:inset 0 1px #ece6c8}
.trade-cell.is-empty{background:#b3ad8a;border-color:#a39b77;box-shadow:inset 0 1px 2px #0002}
.trade-cell img{width:78%;height:78%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 #0004)}
.trade-count{position:absolute;right:2px;bottom:0;font:700 12px/1.1 Verdana,Tahoma,sans-serif;color:var(--tr-ink);text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff;pointer-events:none}
#trade-window .trade-cell[data-item]:hover,.trade-cell.is-selected{border-color:var(--tr-orange);box-shadow:inset 0 0 0 1px var(--tr-orange),0 0 0 1px #e8780c66}
.trade-cell[data-item]:focus-visible{outline:2px solid var(--tr-orange);outline-offset:1px}
.trade-cell[data-from=bag],.trade-cell[data-from=offer]{cursor:grab;touch-action:pan-y}
.trade-kamas{display:flex;align-items:center;gap:6px;min-height:32px;padding:3px 8px;border:1px solid #8a7f5c;border-radius:2px;background:#efe9cf;font-weight:700}:where(html[data-theme="nuit"]) .trade-kamas{border:1px solid #566b90}
.trade-kamas img{width:18px;height:18px}.trade-kamas span{color:var(--tr-dim);font-size:12px}
.trade-kamas input,.trade-kamas output{flex:1;min-width:0;width:100%;padding:3px 6px;border:1px solid #9f976f;border-radius:2px;background:#fffbe8;color:var(--tr-ink);font:700 13px/1.3 Verdana,Tahoma,sans-serif;text-align:right}
.trade-kamas output{display:block;background:transparent;border-color:transparent}
.trade-kamas input:focus{outline:2px solid var(--tr-orange);outline-offset:0}
.trade-arrows{display:grid;place-items:center}.trade-arrows span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--tr-frame);border-radius:50%;background:#efe9cf;color:#8a4a00;font-weight:700;font-size:15px;box-shadow:inset 0 1px #fff9}
.trade-status{position:relative;overflow:hidden;min-height:30px;display:flex;align-items:center;padding:4px 10px;border:1px solid #8a7f5c;border-radius:2px;background:#efe9cf}:where(html[data-theme="nuit"]) .trade-status{border:1px solid #566b90}
.trade-status p{position:relative;margin:0;font-weight:700;color:var(--tr-dim)}
.trade-status[data-tone=ok] p{color:#1d4a07}.trade-status[data-tone=error] p{color:#a3260d}.trade-status[data-tone=count] p,.trade-status[data-tone=busy] p{color:#7a3d00}
.trade-countdown{position:absolute;inset:0}.trade-countdown i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#f4b35c,#e8780c);opacity:.5;transition:transform .2s linear}
.trade-actions{display:flex;justify-content:flex-end;gap:8px}
.trade-actions button,.trade-qty button,.trade-tabs button{min-height:32px;padding:5px 16px;border:1px solid var(--tr-frame);border-radius:2px;background:linear-gradient(#e2dcbd,#c4bd99);box-shadow:inset 0 1px #fff8}
#trade-window .trade-ready,#trade-window .trade-qty-ok{min-width:150px;border-color:#6e3a05;background:linear-gradient(180deg,#ffffff38,#ffffff00 55%,#00000022),#c95f05;color:#fff;text-shadow:0 1px 0 #0008}
#trade-window .trade-ready.is-armed{border-color:#2f6b12;background:linear-gradient(180deg,#ffffff30,#ffffff00 55%,#00000022),#3f7f1c}
#trade-window.is-counting .trade-ready.is-armed{animation:trade-pulse 1s ease-in-out infinite}
@keyframes trade-pulse{50%{box-shadow:0 0 0 3px #7fb05a88}}
#trade-window .trade-actions button:not(:disabled):hover,#trade-window .trade-tabs button:hover{filter:brightness(1.07)}
.trade-bag{display:flex;flex-direction:column;gap:5px;padding:6px;border:1px solid #8a7f5c;border-radius:2px;background:var(--tr-well);box-shadow:inset 0 1px #f3eed6}:where(html[data-theme="nuit"]) .trade-bag{border:1px solid #566b90}
.trade-bag>header{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.trade-bag>header strong{font-size:13px}
.trade-bag-kamas{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--tr-dim)}.trade-bag-kamas img{width:16px;height:16px}
.trade-tabs{display:flex;flex-wrap:wrap;gap:3px;margin-left:auto}
#trade-window .trade-tabs button{min-height:28px;padding:3px 8px;font-size:12px}
#trade-window .trade-tabs button[aria-pressed=true]{background:#5b5242;border-color:var(--tr-dark);color:#fff6dc}:where(html[data-theme="nuit"]) #trade-window .trade-tabs button[aria-pressed=true]{background:#3c4961}
.trade-search{width:150px;min-height:28px;padding:3px 7px;border:1px solid #9f976f;border-radius:2px;background:#fffbe8;color:var(--tr-ink);font:12px Verdana,Tahoma,sans-serif}
.trade-bag-grid{grid-template-columns:repeat(9,minmax(0,1fr));max-height:min(172px,30dvh);overflow:auto;align-content:start;overscroll-behavior:contain}
.trade-bag-empty{grid-column:1/-1;margin:14px 0;text-align:center;font-weight:700;color:var(--tr-dim)}
.trade-hint{margin:0;font-size:12px;color:var(--tr-dim)}
#trade-window.is-dragging .drop-valid{outline:2px dashed var(--tr-orange);outline-offset:-2px;background:#e8c58e}
#trade-window.is-dragging .drop-over{outline-style:solid;background:#efb86a}
.trade-ghost{position:fixed;z-index:90;width:42px;height:42px;margin:-21px 0 0 -21px;pointer-events:none;filter:drop-shadow(0 3px 4px #0008);opacity:.92}
.trade-qty{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#16120b55}:where(html[data-theme="nuit"]) .trade-qty{background:#0c0f1555}
.trade-qty form{display:flex;flex-direction:column;gap:8px;width:min(280px,calc(100% - 24px));padding:10px;border:2px solid var(--tr-frame);border-radius:3px;background:var(--tr-paper);box-shadow:0 0 0 1px #000a,0 8px 20px #0008}
.trade-qty-title{font-size:13px}
.trade-qty-row{display:flex;gap:6px}.trade-qty-row input{flex:1;min-width:0;min-height:32px;padding:3px 8px;border:1px solid #9f976f;border-radius:2px;background:#fffbe8;color:var(--tr-ink);font:700 14px Verdana,Tahoma,sans-serif;text-align:right}
#trade-window .trade-qty-row button{padding:4px 10px}
.trade-qty-note{font-size:12px;color:var(--tr-dim)}
.trade-qty-actions{display:flex;justify-content:flex-end;gap:6px}#trade-window .trade-qty-ok{min-width:80px}
#trade-tip{position:fixed;z-index:80;width:max-content;max-width:260px;padding:7px 9px;border:2px solid var(--rs-frame,#5b5242);border-radius:3px;background:var(--window-paper,#e5dfc4);color:#1b1710;box-shadow:0 0 0 1px #000a,0 6px 16px #0007;font:12px/1.4 Verdana,Tahoma,sans-serif;pointer-events:none}:where(html[data-theme="nuit"]) #trade-tip{border:2px solid var(--rs-frame,#3c4961)}
.trade-tip-head{display:flex;gap:8px;align-items:center}.trade-tip-head img{width:34px;height:34px;padding:2px;border:1px solid #9f976f;background:#c2bb96}
.trade-tip-head strong{display:block;font-size:13px}.trade-tip-head small{display:block;color:#5a523e;font-weight:700}
.trade-tip-effects{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:5px;border-top:1px solid #9b9271;font-weight:700}
.trade-tip-effects img{width:14px;height:14px;vertical-align:-2px;margin-right:3px}
.trade-tip-set{display:block;margin-top:4px;color:#6a2c91;font-weight:700}
#trade-toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + 70px);left:50%;transform:translateX(-50%);z-index:71;display:flex;flex-direction:column;gap:6px;width:min(320px,calc(100vw - 32px));pointer-events:none}
#trade-toasts .mp-toast{position:relative;overflow:hidden;pointer-events:auto;border:2px solid var(--rs-frame,#5b5242);border-radius:3px;background:var(--window-paper,#e5dfc4);color:#1b1710;box-shadow:0 0 0 1px #0008,inset 0 0 0 1px #fff9,0 6px 18px #0006;font:12px/1.4 Verdana,Tahoma,sans-serif}:where(html[data-theme="nuit"]) #trade-toasts .mp-toast{border:2px solid var(--rs-frame,#3c4961)}
#trade-toasts .mp-toast header{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:24px;padding:2px 3px 2px 8px;background:linear-gradient(180deg,#6b6150,#4a4234 55%,#3b3428)}:where(html[data-theme="nuit"]) #trade-toasts .mp-toast header{background:linear-gradient(180deg,#475874,#303b4e 55%,#252e3e)}
#trade-toasts .mp-toast header strong{color:#fff6dc;text-shadow:0 1px 0 #000a}
#trade-toasts .mp-toast-close{width:20px;height:20px;padding:0;border:1px solid #9a8f70;border-radius:2px;background:#2c261b;color:#fff3d6;font:700 14px/1 Verdana,sans-serif;cursor:pointer}:where(html[data-theme="nuit"]) #trade-toasts .mp-toast-close{background:#1a212d}
#trade-toasts .mp-toast p{margin:7px 9px;font-weight:700}
#trade-toasts .mp-toast-timer{display:block;margin:-4px 9px 6px;font-weight:700;color:#8a4a00}
#trade-toasts .mp-toast-actions{display:flex;gap:6px;justify-content:flex-end;padding:0 8px 9px}
#trade-toasts .mp-toast-actions button{min-height:28px;padding:3px 14px;border:1px solid var(--rs-frame,#5b5242);border-radius:2px;background:linear-gradient(#e2dcbd,#c4bd99);box-shadow:inset 0 1px #fff8;color:#1b1710;font:700 12px Verdana,Tahoma,sans-serif;cursor:pointer}:where(html[data-theme="nuit"]) #trade-toasts .mp-toast-actions button{border:1px solid var(--rs-frame,#3c4961)}
#trade-toasts .mp-toast-actions .mp-primary{border-color:#6e3a05;background:linear-gradient(180deg,#ffffff38,#ffffff00 55%,#00000022),#c95f05;color:#fff;text-shadow:0 1px 0 #0008}
.trade-toast-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#e8780c;transform-origin:left}
.trade-flash{pointer-events:none;align-self:center;padding:6px 14px;border:2px solid var(--rs-frame,#5b5242);border-radius:3px;background:var(--window-paper,#e5dfc4);color:#1b1710;font:700 12px/1.4 Verdana,Tahoma,sans-serif;box-shadow:0 0 0 1px #0008,0 6px 16px #0006;animation:trade-flash 4.2s ease forwards}:where(html[data-theme="nuit"]) .trade-flash{border:2px solid var(--rs-frame,#3c4961)}
.trade-flash.is-ok{border-color:#2f6b12;color:#1d4a07}.trade-flash.is-error{border-color:#8a2a12;color:#a3260d}:where(html[data-theme="nuit"]) .trade-flash.is-error{border-color:#2f466d}
@keyframes trade-flash{0%{opacity:0;transform:translateY(-6px)}6%,85%{opacity:1;transform:none}100%{opacity:0}}
#trade-player-menu{position:fixed;z-index:72;min-width:180px;display:flex;flex-direction:column;padding:3px;border:2px solid var(--rs-frame,#5b5242);border-radius:3px;background:var(--window-paper,#e5dfc4);box-shadow:0 0 0 1px #000a,0 8px 20px #0008;font:12px/1.3 Verdana,Tahoma,sans-serif}:where(html[data-theme="nuit"]) #trade-player-menu{border:2px solid var(--rs-frame,#3c4961)}
#trade-player-menu strong{padding:4px 8px 5px;margin:-3px -3px 3px;background:linear-gradient(180deg,#6b6150,#4a4234 55%,#3b3428);color:#fff6dc;text-shadow:0 1px 0 #000a}:where(html[data-theme="nuit"]) #trade-player-menu strong{background:linear-gradient(180deg,#475874,#303b4e 55%,#252e3e)}
#trade-player-menu button{min-height:30px;padding:5px 10px;border:0;border-radius:2px;background:transparent;color:#1b1710;font:700 12px Verdana,Tahoma,sans-serif;text-align:left;cursor:pointer}
#trade-player-menu button:hover,#trade-player-menu button:focus-visible{background:#d5cfaa;outline:none}
#trade-player-menu button.is-primary{color:#8a4a00}
@media (prefers-reduced-motion:reduce){#trade-window,#trade-window.is-nudge,.trade-side.is-changed,.trade-flash,#trade-window.is-counting .trade-ready.is-armed{animation:none}}
@media (max-width:640px){
 #trade-veil{z-index:47}
 #trade-window{z-index:48;inset:0;left:0;top:0;transform:none;width:100vw;max-height:none;height:100dvh;border-width:0;border-radius:0;animation:none;padding-bottom:env(safe-area-inset-bottom,0px)}
 #trade-window.is-nudge{animation:none}
 .trade-bar{min-height:44px;padding-top:max(3px,env(safe-area-inset-top,0px))}
 #trade-window .trade-close{width:36px;height:36px}
 .trade-body{padding:8px;gap:6px;flex:1}
 .trade-panels{grid-template-columns:1fr;gap:4px}
 .trade-arrows{height:18px}.trade-arrows span{width:22px;height:22px;transform:rotate(90deg);font-size:13px}
 .trade-grid{min-height:0}
 .trade-side{padding:5px}
 .trade-panels{order:1}.trade-status{order:2}.trade-bag{order:3}
 .trade-actions{order:4;position:sticky;bottom:0;z-index:2;margin:0 -8px -8px;padding:6px 8px 8px;background:var(--tr-paper);border-top:1px solid #8a7f5c}:where(html[data-theme="nuit"]) .trade-actions{border-top:1px solid #566b90}
 .trade-actions button{flex:1;min-height:40px}
 #trade-window .trade-ready{min-width:0}
 .trade-bag-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:none}
 .trade-search{flex:1;width:auto}.trade-tabs{margin-left:0}
}