.wghqsl{--bg:#f6f7fb;--surf:#fff;--bd:#e5e7eb;--text:#1f2330;--mut:#6b7280;--accent:#4f46e5;--card:#fff;--cardbd:#1f2937;--red:#ef4444;--black:#1f2937;--sel:#fbbf24;max-width:560px;margin:1.5rem auto;padding:18px;background:var(--bg);border:1px solid var(--bd);border-radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);box-shadow:0 6px 20px rgba(17,24,39,.08);user-select:none}
.wghqsl *{box-sizing:border-box}
.wghqsl__hud{display:flex;gap:10px;align-items:center;background:var(--surf);border:1px solid var(--bd);border-radius:12px;padding:10px 12px;margin-bottom:14px}
.wghqsl__title{font-weight:700;font-size:16px;flex:1}
.wghqsl__stat{display:flex;flex-direction:column;line-height:1.1}
.wghqsl__lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:600}
.wghqsl__val{font-size:16px;font-weight:700}
.wghqsl__btn{border:1px solid var(--bd);background:transparent;font:inherit;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;color:var(--text)}
.wghqsl__msg{text-align:center;color:var(--mut);font-size:13px;margin-bottom:12px;min-height:18px}
.wghqsl__pyramid{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:16px}
.wghqsl__row{display:flex;gap:6px}
.wghqsl__card{width:48px;height:64px;background:var(--card);border:1.5px solid var(--cardbd);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 6px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.wghqsl__card.is-red{color:var(--red)}
.wghqsl__card.is-black{color:var(--black)}
.wghqsl__card.is-blocked{opacity:.4;cursor:not-allowed}
.wghqsl__card.is-sel{transform:translateY(-6px);box-shadow:0 0 0 3px var(--sel),0 6px 14px rgba(0,0,0,.15)}
.wghqsl__card.is-removed{visibility:hidden}
.wghqsl__card span:nth-child(1){font-size:14px}
.wghqsl__card span:nth-child(2){font-size:18px;text-align:center}
.wghqsl__bottom{display:flex;justify-content:center;gap:14px}
.wghqsl__stockwrap{display:flex;gap:8px;align-items:center}
.wghqsl__stock{width:48px;height:64px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:11px}
.wghqsl__stock:disabled{opacity:.4}
.wghqsl__waste{display:flex;gap:4px;min-height:64px;align-items:center}
.wghqsl__waste .wghqsl__card{cursor:pointer}