*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page-bg);color:var(--ink);font-family:var(--body);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}button{font:inherit;cursor:pointer}.herb-selector{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.herb-btn{position:relative;width:64px;height:64px;padding:6px;display:flex;align-items:center;justify-content:center;background:var(--cell-empty);border:1px solid var(--line);border-radius:14px;transition:border-color .12s,box-shadow .12s,background .12s}.herb-btn:hover{background:#fff}.herb-btn.selected{border-color:var(--heather);background:#fff;box-shadow:0 0 0 3px #7b4cbf40}.herb-btn svg{width:100%;height:100%;display:block;pointer-events:none}.herb-badge{position:absolute;top:-7px;right:-7px;background:var(--amber);color:var(--amber-ink);border-radius:11px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;padding:0 5px}