.hexb-shell{--hexb-max:min(52vh,26rem)}@media (min-width:640px){.hexb-shell{--hexb-max:min(56vh,30rem)}}@media (min-width:900px){.hexb-shell{--hexb-max:min(60vh,34rem)}.hexb-workspace{grid-template-columns:minmax(0,1fr) 15.5rem}}.hexb-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}.hexb-workspace>*{min-width:0}.hexb-board-wrap{position:relative;display:flex;justify-content:center}.hexb-frame{padding:clamp(.4rem,1.6vw,.65rem);background:var(--pp-walnut);border-radius:18px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge);width:100%;max-width:var(--hexb-max)}.hexb-svg{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--pp-board);border-radius:10px}.hexb-cell{fill:rgb(255 255 255/10%);stroke:rgb(62 42 28/28%);stroke-width:1.1}.hexb-cell.is-peg{fill:rgb(43 38 32/45%)}.hexb-piece{cursor:grab;touch-action:none}.hexb-piece.is-selected{filter:drop-shadow(0 0 3px rgb(47 107 85/70%))}.hexb-piece.is-lifted{opacity:.15;pointer-events:none}.hexb-mark{pointer-events:none;fill-opacity:.35}.hexb-mark.is-valid{fill:#2F6B55}.hexb-mark.is-invalid{fill:#C0573F}.hexb-mark.is-hint{fill:#D9A72B;animation:hexb-pulse .9s ease-in-out infinite alternate}@keyframes hexb-pulse{0%{fill-opacity:.25}to{fill-opacity:.55}}.hexb-ghost{position:fixed;z-index:80;pointer-events:none;filter:drop-shadow(0 8px 14px rgb(43 38 32/35%))}.hexb-tray{border-radius:16px;background:var(--pp-paper);border:1.5px solid var(--pp-line);padding:.75rem}.hexb-tray__pieces{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start}.hexb-tray-piece{appearance:none;border:1.5px solid var(--pp-line);background:var(--pp-bg);border-radius:12px;padding:.35rem;cursor:grab;touch-action:none;min-width:3.4rem;min-height:3.4rem;display:grid;place-items:center}.hexb-tray-piece.is-selected{border-color:var(--pp-cta);box-shadow:0 0 0 2px rgb(47 107 85/25%)}.hexb-tray-piece.is-lifted{opacity:.25}.hexb-tray-piece svg{width:3.2rem;height:3.2rem;display:block}.hexb-tray__help{margin:.55rem 0 0;font-size:.78rem;line-height:1.35;color:var(--pp-muted)}.hexb-tray__empty{margin:.25rem 0;font-size:.85rem;color:var(--pp-muted)}.hexb-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.15rem}.hexb-complete{position:absolute;inset:0;display:grid;place-content:center;gap:.4rem;text-align:center;background:rgb(250 246 238/88%);border-radius:10px;padding:1rem;z-index:5}.hexb-toast{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:90;background:var(--pp-ink);color:#fff;font-weight:700;font-size:.9rem;padding:.55rem .9rem;border-radius:999px;box-shadow:0 6px 18px rgb(0 0 0/22%)}