#trade-quarter468{position:fixed;inset:0 0 78px;z-index:23000;background:#080e0c;color:#f0e4cb;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
#trade-quarter468[hidden]{display:none!important}
body.trade-quarter-open468{overflow:hidden}
.trade-shell468{box-sizing:border-box;width:100%;max-width:980px;height:100%;margin:auto;padding:8px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(#14231a,#080e0c)}
.trade-header468{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:44px}
.trade-header468 h1{flex:1;min-width:0;font:700 clamp(14px,3.8vw,23px) Georgia,serif;text-align:center;color:#ecd39c;margin:0;line-height:1.2}
.trade-header468 button,.trade-drawer-body468 button{box-sizing:border-box;min-height:42px;border:1px solid #8c774e;border-radius:9px;background:#253729;color:#f0e4cb;padding:9px 11px;font:600 12px system-ui;cursor:pointer}
.trade-header468 button{white-space:nowrap}
.trade-balance468{flex-shrink:0;border:1px solid #99646b;border-radius:999px;background:#40262a;padding:6px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.trade-viewport468{position:relative;flex:1 1 0;min-height:120px;overflow:hidden;background:#100f09;border:1px solid #687251;border-radius:13px;touch-action:none;user-select:none}
.trade-map468{position:absolute;left:0;top:0;width:1024px;height:1536px;transform-origin:0 0;will-change:transform}
.trade-map468>img{display:block;width:1024px;height:1536px;pointer-events:none;user-select:none;-webkit-user-drag:none}
.trade-master-zone468{position:absolute;left:90px;top:295px;width:415px;height:295px;border:0;background:transparent;border-radius:20px;cursor:pointer;touch-action:none}
.trade-master-zone468:focus-visible{outline:3px solid #e3c17b;outline-offset:4px;background:#e5bc4d0c}
.trade-master-zone468:disabled{cursor:default}
.trade-controls468{position:absolute;right:9px;top:9px;display:grid;gap:6px;z-index:5}
.trade-controls468 button{width:40px;height:40px;border:1px solid #8c774e;border-radius:9px;background:#122219e8;color:#f0e4cb;font:700 22px system-ui;cursor:pointer;touch-action:manipulation}
.trade-controls468 button:disabled{opacity:.45}
.trade-image-error468{position:absolute;inset:35% 15% auto;text-align:center;background:#132319e8;border:1px solid #8c774e;border-radius:10px;padding:15px;font-size:13px}
.trade-image-error468[hidden]{display:none!important}
.trade-drawer468{position:relative;flex:0 0 auto;border:1px solid #697651;border-radius:9px;background:#16291c}
.trade-drawer468>summary{min-height:42px;box-sizing:border-box;padding:11px 14px;cursor:pointer;list-style:none;font:600 13px system-ui;display:flex;justify-content:space-between;align-items:center}
.trade-drawer468>summary::after{content:'▴';font-size:17px}
.trade-drawer468[open]>summary::after{content:'▾'}
.trade-drawer468>summary::-webkit-details-marker{display:none}
.trade-drawer-body468{position:absolute;bottom:calc(100% + 7px);left:0;right:0;box-sizing:border-box;max-height:min(55dvh,350px);overflow:auto;padding:12px;background:#14231a;border:1px solid #697651;border-radius:12px;box-shadow:0 -8px 25px #0008}
.trade-drawer468:not([open])>.trade-drawer-body468{display:none!important}
.trade-drawer-body468 button{display:block;width:100%;margin-top:7px}
.trade-drawer-body468 button:disabled{opacity:.5;cursor:default}
.trade-status468{margin:0 0 10px;font-size:12px;line-height:1.5;color:#c2ceb7}
@media(max-width:360px){.trade-shell468{padding:5px}.trade-header468{gap:5px}.trade-header468 button{font-size:10px;padding:8px}.trade-balance468{font-size:11px;padding:6px}.trade-header468 h1{font-size:14px}}
@media(max-height:500px){.trade-shell468{gap:4px;padding:5px}.trade-header468{min-height:38px}.trade-header468 button{min-height:36px;padding:6px 9px}.trade-drawer468>summary{min-height:36px;padding:8px 12px}.trade-drawer-body468{max-height:60dvh}}