/* Draft try-on (draft-tryon.mjs): the loopback-only "DRAFT · not for sale" preview panel (?world=draft).
   It stands 8px under the HUD's resource cards (unified-hud.css: 20px from the top, one bar --bar-h tall). */
.draft-tryon {position:fixed;right:16px;top:calc(28px + var(--bar-h));z-index:47;width:min(330px,calc(100vw - 32px));max-height:calc(100dvh - 180px);display:flex;flex-direction:column;
  color:#3a332c;font:600 14px/1.3 Rajdhani,sans-serif;background:#fbf4e4;border:2px solid #d9c29b;border-radius:10px;box-shadow:0 6px 18px rgba(64,48,28,.22);overflow:hidden}
.draft-tryon:not(.open) {width:auto}
.draft-tryon[hidden] {display:none}
.draft-tryon :is(button,select,input) {font-family:Rajdhani,sans-serif}
.draft-tryon-toggle {display:flex;align-items:center;gap:8px;width:100%;border:0;padding:7px 12px;cursor:pointer;color:#2f2a26;font:700 15px Rajdhani,sans-serif;
  background:repeating-linear-gradient(135deg,#ffd75e 0 10px,#ffcb3d 10px 20px)}
.draft-tryon-badge {background:#2f2a26;color:#ffd75e;border-radius:4px;padding:1px 7px;letter-spacing:.08em;font-size:13px}
.draft-tryon-title {text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.draft-tryon-title::before {content:'· ';}
.draft-tryon-caret {margin-left:auto;border:solid #2f2a26;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.draft-tryon.open .draft-tryon-caret {transform:rotate(-135deg) translateY(-1px)}
.draft-tryon-body {overflow:auto;padding:8px 12px 10px;display:flex;flex-direction:column;gap:7px}
.draft-tryon-body[hidden] {display:none}
.draft-tryon-note,.draft-tryon-away {margin:0;color:#7a6f66;font-size:12.5px}
.draft-tryon-away {color:#a2471e;font-weight:700}
.draft-tryon-row {display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:6px}
.draft-tryon-multi {align-items:start}
.draft-tryon-label {font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#8a6a45}
.draft-tryon-select {font-weight:600;font-size:14px;padding:3px 6px;border:1.5px solid #cdb68f;border-radius:6px;background:#fffaf0;color:#2f2a26;min-width:0}
.draft-tryon-variant {grid-column:2;margin-top:2px}
.draft-tryon-chips {display:flex;flex-wrap:wrap;gap:5px}
.draft-tryon-chip {font-weight:700;font-size:13px;border:1.5px solid #cb985c;background:#fff4dc;border-radius:999px;padding:2px 10px;cursor:pointer;color:#3c2f22}
.draft-tryon-chip[aria-pressed=true] {background:#ffc67b;border-color:#a8742f;box-shadow:inset 0 0 0 1px #a8742f}
.draft-tryon-chip.missing,.draft-tryon-item.missing {opacity:.45;text-decoration:line-through}
.draft-tryon-empty {color:#a39686;font-size:12.5px;font-style:italic}
.draft-tryon-none .draft-tryon-label {opacity:.65}
.draft-tryon-decor {border-top:1px dashed #d6c5a7;padding-top:6px}
.draft-tryon-decor-head {display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.draft-tryon-hint {font-size:12px;color:#7a6f66}
.draft-tryon-list {list-style:none;margin:5px 0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:168px;overflow:auto}
.draft-tryon-item {display:grid;grid-template-columns:32px minmax(0,1fr) 24px 40px 24px;align-items:center;gap:4px}
.draft-tryon-size {font-size:11px;text-align:center;border-radius:4px;background:#efe2c8;color:#6d5532;padding:1px 0}
.draft-tryon-item-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draft-tryon-step {border:1.5px solid #cb985c;background:#ffe2b5;border-radius:5px;font:700 15px/1 Rajdhani,sans-serif;height:22px;cursor:pointer;color:#3c2f22;padding:0}
.draft-tryon-count {text-align:center;font-variant-numeric:tabular-nums;font-size:12.5px}
.draft-tryon-actions {display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.draft-tryon-action {border:2px solid #cb985c;background:#ffc67b;border-radius:6px;font-weight:700;font-size:13px;color:#3c2f22;padding:3px 9px;cursor:pointer}
.draft-tryon-check {display:flex;align-items:center;gap:4px;font-size:13px;margin-left:auto;cursor:pointer}
.draft-tryon-budget {display:flex;flex-direction:column;gap:1px;border-top:1px dashed #d6c5a7;padding-top:5px}
.draft-tryon-budget:empty {display:none}
.draft-tryon-meter {font-size:12px;color:#5d7a4e;font-variant-numeric:tabular-nums}
.draft-tryon-meter.over {color:#c0392b;font-weight:700}
.draft-tryon-live {color:#7a6f66}
.draft-tryon-status {margin:0;font-size:12.5px;color:#7a5c36}
.draft-tryon-status:empty {display:none}
.draft-tryon :is(button,select,input):disabled {opacity:.5;cursor:not-allowed}
.draft-tryon.away .draft-tryon-body > :not(.draft-tryon-away):not(.draft-tryon-note) {opacity:.55}
@media(max-width:820px){.draft-tryon{top:calc(76px + var(--bar-h))}}
@media(max-width:700px){.draft-tryon{top:auto;bottom:150px;right:8px;max-height:calc(100dvh - 250px)}}