.hpd-tools{display:flex;align-items:center;gap:4px;margin-left:6px}.hpd-tool,.hpd-sell{font:12px/1 system-ui;min-height:24px;padding:4px 6px;border:1px solid #577461;background:#14251b;color:#c4dcb4;border-radius:3px}.hpd-tool:disabled{opacity:.4}.hpd-sell{color:#dba7a0;white-space:nowrap}.hpd-sell[data-ready=true]{border-color:#ef9c83;background:#4a2522}
.hpd-tool[draggable=true]{cursor:grab}.hpd-tool[draggable=true]:active{cursor:grabbing}
[data-hpd-tool-ready=true]{outline:1px dashed #abc58b!important;outline-offset:-2px}
[data-hpd-tool-hover=valid]{outline:3px solid #e7cb7d!important;outline-offset:-3px}
[data-hpd-tool-hover=invalid]{outline:2px solid #eb998b!important;outline-offset:-2px}
.hpd-tool-drag-tip,.hpd-tool-drop-result{position:fixed;z-index:10050;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(520px,calc(100vw - 28px));padding:10px 14px;border:1px solid #b6ba81;border-radius:5px;background:#102019f5;color:#e8edcf;font:12px/1.6 system-ui;box-shadow:0 4px 18px #0008;pointer-events:none}
.hpd-tool-drag-tip[data-invalid=true],.hpd-tool-drop-result[data-failed=true]{border-color:#b07868;color:#f4b2a2}
.hpd-tool-drag-ghost{position:fixed;left:0;top:0;z-index:10051;pointer-events:none;padding:5px 9px;border:1px solid #e7cb7d;border-radius:4px;background:#14251b;color:#ffe6a6;font:24px/1.2 system-ui;will-change:transform}
.hbc-bond.hi-control>.hpd-change{display:block!important}.hbc-bond[data-hpd-change]>.hi-number{visibility:hidden}
.hpd-modes{display:flex;gap:6px}.hpd-mode{font-size:12px;padding:6px 12px}.hpd-mode[aria-pressed=true]{border-color:#efcf82;color:#ffe4a6}.hpd-outcome{text-align:center;min-width:0}.hpd-outcome .hpd-result{width:100%;height:90px}.hpd-outcome>span{font-size:11px;color:#e7d5ae}.hpd-status{white-space:pre-line}
.operator-piece[data-hpd-match=true]{outline:2px solid #ffdf8e!important;outline-offset:-3px}.hbc-bond[data-hpd-match=true]{box-shadow:inset 0 0 0 2px #ffdf8e}.hbc-bond[data-hpd-change]{position:relative;overflow:visible}.hbc-bond[data-hpd-change=gain]{outline:2px solid #bcec91}.hbc-bond[data-hpd-change=loss]{outline:2px solid #f39a87}.hpd-change{position:absolute;right:0;bottom:0;z-index:8;padding:1px 3px;background:#122219;color:#e5f6ca;font:700 10px/1.3 system-ui;white-space:nowrap;pointer-events:none}.hbc-bond[data-hpd-change=loss] .hpd-change{color:#ffc0ab;background:#351c19}.market-card:has(>.hpd-change){position:relative}.market-card>.hpd-change{top:4px;bottom:auto;right:4px;background:#483b18;color:#ffe6a3}
.hpd-dialog{position:fixed;max-width:calc(100vw - 24px);width:540px;max-height:80dvh;overflow:auto;padding:22px;background:#102019;color:#dce9d7;border:1px solid #6e8863;border-radius:5px}.hpd-dialog::backdrop{background:#020907bf}.hpd-dialog h2{margin:0 35px 12px 0;font-size:20px}.hpd-close{position:absolute;right:10px;top:10px;padding:3px 9px;min-height:28px}.hpd-status{font-size:12px;line-height:1.6;color:#c5d0b5}.hpd-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;max-height:47dvh;overflow:auto}.hpd-target{min-width:0;padding:5px;background:#0b1711;border:1px solid #678064;color:#dfebd5}.hpd-target img{display:block;width:100%;height:70px;object-fit:contain}.hpd-target span{font-size:11px;line-height:1.4;display:block}.hpd-target[aria-pressed=true]{outline:2px solid #f2d17d;outline-offset:-2px}.hpd-target[data-quality=red]{border-color:#ee7c83}.hpd-target[data-quality=gold]{border-color:#d2b578}.hpd-target[data-quality=purple]{border-color:#a58dca}.hpd-result{grid-column:1/-1;width:140px;height:140px;object-fit:contain;margin:auto;animation:hpd-forge .55s cubic-bezier(.16,1,.3,1) both}@keyframes hpd-forge{from{opacity:.3;transform:perspective(600px) rotateY(-65deg) scale(.75)}to{opacity:1;transform:none}}
@media(max-width:680px){.hpd-tools{gap:3px;margin-left:0}.hpd-tool,.hpd-sell{font-size:11px;padding:4px;min-height:22px}.hpd-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.hpd-dialog{padding:16px}}@media(prefers-reduced-motion:reduce){.hpd-result{animation:none}}