.hv-top{background:linear-gradient(135deg,#9A5B00,#F2A516)}
.hv-top .lvb.cur{box-shadow:0 0 0 3px #9A5B00,0 0 0 5px #fff}
.hv-sub{color:#FFF1D0;font-size:16px}
.hv-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}
.hv-wrap{background:#FFF8E6;border-radius:18px;padding:12px;overflow:auto;touch-action:none}
.hv-wrap svg{display:block;margin:0 auto;max-width:100%;height:auto;user-select:none;-webkit-user-select:none}
.hv-on{cursor:grab}
.hv-tray-head{font-family:var(--head);font-weight:500;margin:14px 0 6px}
.hv-tray{display:flex;flex-wrap:wrap;gap:10px;min-height:70px;padding:10px;border:2px dashed #E3B04B;border-radius:16px;background:#FFFDF6}
.hv-tray:empty::after{content:'วางครบทุกชิ้นแล้ว';color:var(--muted);align-self:center;margin:0 auto}
.hv-pc{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:12px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .15s}
.hv-pc:hover,.hv-pc:focus-visible{transform:translateY(-2px);outline:3px solid #F2A516;outline-offset:1px}
.hv-pc.hv-lift{opacity:.25}
.hv-pc.hv-glow{animation:hvglow .6s 5}
@keyframes hvglow{50%{box-shadow:0 0 0 5px #FFC94D}}
.hv-pc svg{display:block;pointer-events:none}
.hv-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:60;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3));opacity:.92}
.hv-hint{fill:#fff;opacity:.85;animation:hvblink .6s 5}
@keyframes hvblink{50%{opacity:.1}}
.hv-bad{fill:#E0475B;opacity:.6;animation:hvblink .6s 5}
.hv-count{font-family:var(--head);font-weight:500}
.hv-count b{color:var(--accent);font-size:20px}
.hv-how{margin:0 0 8px;padding-left:20px;line-height:1.7;font-size:15px}
.hv-think{margin:0;padding:8px 10px;border-radius:10px;background:#FFF4D6;font-size:15px}
.hv-algo{margin:10px 0 0;font-size:15px;line-height:1.6}
@media (max-width:900px){.hv-grid{grid-template-columns:minmax(0,1fr)}}